@import url(clearblucreative.css);

body {
font: 11px "lucida sans", Verdana, Arial, sans-serif;
color: #ffffff;
background: #000 /* url(../images/backgroundS.jpg) */;
line-height: normal;
padding: 0;
margin: 0;
}

.clearblu #wrapper1 {
width: 1150px;
background: #000;
margin: 0 auto; 
padding: 0 0 40px 0;
overflow: hidden;
text-align: left;
}

.clearblu #wrapper {
width: 1050px;
margin: 0 auto; 
padding: 0;
border: 0px #222 solid;
overflow: hidden;
text-align: left;
}

.clearblu #container {
width: 980px;
background-color: #000;
margin: 0 auto; 
padding: 0 0 25px 0;
overflow: hidden;
text-align: left;
}

.clearblu #sidebar1 {
width: 125px; font-size: 11px; text-align: right; float: left; overflow: hidden; border-right: 0px #222222 solid; padding: 0; margin: 0 0 0 0; }

.clearblu #sidebar1 #mainnav { width: 125px; font-size: 11px; text-align: right; float: left; padding: 0; margin: 0 0 0 0; }

.clearblu #sidebar1 #mainnav ul { list-style: none; padding: 0; margin: 20px 0 0 0; }

.clearblu #sidebar1 #mainnav ul li { text-align: left; margin-bottom: 10px; }

.clearblu #sidebar1 #mainnav ul li.home { margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.about { margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.about#active { padding-left: 5px; }

.clearblu #sidebar1 #mainnav ul li.about2 { padding-left: 5px; margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.about2#active { padding-left: 5px; }

.clearblu #sidebar1 #mainnav ul li.services { margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.services#active { padding-left: 5px; }

.clearblu #sidebar1 #mainnav ul li.services2 { padding-left: 5px; margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.services2#active { padding-left: 5px; }

.clearblu #sidebar1 #mainnav ul li.services2#agency { display: none; }

.clearblu #sidebar1 #mainnav ul li.needSite { margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.portfolio { margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.portfolio#active { padding-left: 5px; }

.clearblu #sidebar1 #mainnav ul li.portfolio2 { padding-left: 5px; margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.portfolio2#active { padding-left: 5px; }

.clearblu #sidebar1 #mainnav ul li.news { margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.sounds { display: none; margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.fashions { display: none; margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.contact { margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.addressL { display: none; margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.phoneL { display: none; margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li.client { display: none; margin-bottom: 20px; }

.clearblu #sidebar1 #mainnav ul li a { color: #00aeef; text-decoration: none; font-weight: bold; padding: 0; }

.clearblu #sidebar1 #mainnav ul li a.client { color: #00cc33; }

.clearblu #sidebar1 #mainnav ul li a.about#active { color: #fff; }

.clearblu #sidebar1 #mainnav ul li a.about2 { font-size: 9px; color: #999; }

.clearblu #sidebar1 #mainnav ul li a.about2#active { color: #00ff00; }

.clearblu #sidebar1 #mainnav ul li a.services#active { color: #fff; }

.clearblu #sidebar1 #mainnav ul li a.services2 { font-size: 9px; color: #999; }

.clearblu #sidebar1 #mainnav ul li a.services2#active { color: #00ff00; }

.clearblu #sidebar1 #mainnav ul li a.portfolio#active { color: #fff; }

.clearblu #sidebar1 #mainnav ul li a.portfolio2 { font-size: 9px; color: #999; }

.clearblu #sidebar1 #mainnav ul li a.portfolio2#active { color: #00ff00; }

.clearblu #sidebar1 #mainnav ul li a.needSiteB { color: #00aeef; }

.clearblu #sidebar1 #mainnav ul li a:hover { color: #ffffff; }

.clearblu #main {
width: 855px;
overflow: hidden;
padding: 0;
margin: 0 0 0 0;
float: right;
}

.clearblu #main #media {
width: 855px;
padding: 0;
margin: 0 0 0 0;
}

.clearblu #main #mainCol {
overflow: hidden;
line-height: normal;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol h1 {
font-size: 14px;
font-weight: normal;
color: #fff;
letter-spacing: 1px;
text-align: right;
text-transform: uppercase;
border-bottom: 0px #222 solid;
padding: 5px 0 5px 0;
margin: 5px 0 5px 0;
}

.clearblu #main #mainCol h1 span.left {
display: block;
width: 150px;
font-size: 12px;
text-align: right;
letter-spacing: 2px;
text-transform: uppercase;
float: right;
color: #333;
}

.clearblu #main #mainCol h1 span.blu {
color: #00aeef;
}

.clearblu #main #mainCol h1 span.green {
color: #00cc33;
}

.clearblu #main #mainCol h1 span.gray {
color: #777;
}

.clearblu #main #mainCol h1 span.gray a {
color: #777;
text-decoration: none;
}

.clearblu #main #mainCol h1 span.gray a:hover {
color: #ccc;
}

.clearblu #main #mainCol #gridwrap {
display: block;
padding: 10px 0 10px 0;
margin: 0;
border-top: 0px #222 solid;
border-right: 0px #222 solid;
border-bottom: 1px #111 dotted;
border-left: 0px #222 solid;
}

.clearblu #main #mainCol #gridwrap h1 {
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #666666;
text-align: left;
text-transform: none;
padding: 30px 0 0 0;
margin: 0 0 15px 0;
}

.clearblu #main #mainCol #gridwrap h1.middle {
color: #666666;
padding: 40px 0 0 0;
margin: 0 0 0 0;
}

.clearblu #main #mainCol #gridwrap h2 {
font-size : 14px;
font-weight: normal;
color : #00ff00;
text-transform: uppercase;
border-top: 0px #111 solid;
border-bottom: 0px #111 solid;
padding: 3px 0 3px 0;
margin: 20px 0 10px 0;
}

.clearblu #main #mainCol #gridwrap h2 span.text2 { text-transform: uppercase; font-size: 14px; color: #00aeef; letter-spacing: 1px; border-left: 1px #222 solid; padding-left: 4px; margin-left: 4px; }

.clearblu #main #mainCol #gridwrap h3 {

color: #ccc;
text-transform: none;
padding: 10px 10px 0 0;
margin: 0 0 10px 0;
}

.clearblu #main #mainCol #gridwrap h4 {
font-size: 12px;
font-weight: normal;
color: #777;
text-transform: uppercase;
text-align: left;
padding: 5px 10px 0 0;
margin: 5px 0 0 0;
}

.clearblu #main #mainCol #gridwrap h4.red {
color: #ff0000;
padding: 10px 10px 0 0;
margin: 0 0 10px 0;
}

.clearblu #main #mainCol #gridwrap h5 {
font-size : 10px;
color : #777;
letter-spacing : 2px;
text-transform : uppercase;
padding : 0 10px 0 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999;
padding: 5px 30px 5px 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap p.lineDefault {
color: #777;
line-height: 18px;
}

.clearblu #main #mainCol #gridwrap p.alignRight {
text-align: right;
padding-top: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap p.alignRight a{
font-size: 10px;
color: #fff;
text-decoration: none;
text-transform: lowercase;
margin: 0;
}

.clearblu #main #mainCol #gridwrap p.alignRight a:hover{
color: #ccc;
text-decoration: none;
}

.clearblu #main #mainCol #gridwrap #grid1 {
width: 275px;
/* background: #00aeef url(../images/clearblu-bg-blue-stripe.jpg) repeat; */
float: left;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid1 a{
color: #fff;
text-decoration: none;
border-bottom: 0px #00aeef solid;
padding: 0 0 2px 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid1 a:hover{
color: #ccc;
text-decoration: none;
border-bottom: 0px #151515 solid;
}

.clearblu #main #mainCol #gridwrap #grid1 ul{
list-style: none;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid1 ul li{
padding: 5px;
margin-bottom: 0px;
}

.clearblu #main #mainCol #gridwrap #grid1 ul li.panimage{
background-color: #050505;
padding: 0;
margin-bottom: 15px;
}

.clearblu #main #mainCol #gridwrap #grid1 ul li.shade{
background-color: #111111;
}

.clearblu #main #mainCol #gridwrap #grid1 ul li a{
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid1 ul li a:hover{
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid1 ol {
list-style: none;
color: #bbb;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid1 ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 10px 15px;
}

.clearblu #main #mainCol #gridwrap #grid1 ol li.first {
padding-top: 20px;
}

.clearblu #main #mainCol #gridwrap #grid1 ol li.last {
padding-bottom: 20px;
}

.clearblu #main #mainCol #gridwrap #grid1 ol li label {
display: block;
text-align: right;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid1 ol li label .inputBox {
width: 130px;
background-color: #111111;
border: 0;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid1 ol li label .formfieldarea {
width: 130px;
height: 200px;
background-color: #111111;
border: 0;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid1 ol li a {
background-color: #111;
color: #fff;
font-size: 16px;
font-weight: bold;
text-decoration: none;
border-bottom: 0px #ccc dotted;
padding: 0 2px 0 2px;
}

.clearblu #main #mainCol #gridwrap #grid1 ol li a:hover {
color: #444;
padding: 0 2px 0 2px;
}

.clearblu #main #mainCol #gridwrap #grid2 {
width: 275px;
/* background: #00cc33 url(../images/clearblu-bg-green-stripe.jpg) repeat; */
float: left;
border-left: 15px #000 solid;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid2 .learnMoreBox {
text-align: right;
}

.clearblu #main #mainCol #gridwrap #grid2 .learnMoreBox a {
background-color: #00cc33;
color: #000;
font-weight: bold;
text-decoration: none;
border-bottom: 1px #111 solid;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid2 a{
color: #fff;
text-decoration: none;
border-bottom: 1px #00cc33 solid;
padding: 0 0 2px 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid2 a:hover{
color: #ccc;
text-decoration: none;
border-bottom: 1px #111 solid;
}

.clearblu #main #mainCol #gridwrap #grid2 ul{
list-style: none;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid2 ul li{
background-color: #050505;
padding: 5px;
margin-bottom: 0px;
}

.clearblu #main #mainCol #gridwrap #grid2 ul li.panimage{
background-color: #050505;
padding: 0;
margin-bottom: 15px;
}

.clearblu #main #mainCol #gridwrap #grid2 ul li a{
color: #ccc;
text-decoration: none;
padding: 0 0 2px 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid2 ul li a:hover{
color: #00cc33;
text-decoration: none;
}

.clearblu #main #mainCol #gridwrap #grid2 ol {
list-style: none;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid2 ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 5px 15px;
}

.clearblu #main #mainCol #gridwrap #grid2 ol li.first {
padding-top: 20px;
}

.clearblu #main #mainCol #gridwrap #grid2 ol li.last {
padding-bottom: 20px;
}

.clearblu #main #mainCol #gridwrap #grid2 ol li a {
background-color: #111;
color: #fff;
font-size: 16px;
font-weight: bold;
text-decoration: none;
border-bottom: 0px #ccc dotted;
padding: 0 2px 0 2px;
}

.clearblu #main #mainCol #gridwrap #grid2 ol li a:hover {
color: #444;
padding: 0 2px 0 2px;
}

.clearblu #main #mainCol #gridwrap #grid3 {
width: 275px;
float: left;
border-left: 15px #000 solid;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3.contactback {
/* background: #050505 url(../images/clearblu-bg-gray-stripe.jpg) repeat; */
}

.clearblu #main #mainCol #gridwrap #grid3 a{
color: #777;
text-decoration: none;
border-bottom: 0px #444 solid;
padding: 0 0 2px 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 a:hover{
color: #ccc;
text-decoration: none;
border-bottom: 0px #111 solid;
}

.clearblu #main #mainCol #gridwrap #grid3 h2 {
font-size : 14px;
font-weight: normal;
color : #777;
text-transform: uppercase;
letter-spacing: 1px;
border-top: 1px #111 solid;
border-bottom: 1px #111 solid;
padding: 3px 0 3px 0;
margin: 20px 0 10px 0;
}

.clearblu #main #mainCol #gridwrap #grid3 h2 span.text2 { text-transform: uppercase; font-size: 14px; color: #00aeef; letter-spacing: 1px; border-left: 1px #222 solid; padding-left: 4px; margin-left: 4px; }

.clearblu #main #mainCol #gridwrap #grid3 h4 {
text-decoration: none;
border-bottom: 0px #111 solid;
}

.clearblu #main #mainCol #gridwrap #grid3 h4 a{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #fff;
text-decoration: none;
border-bottom: 0px #111 solid;
}

.clearblu #main #mainCol #gridwrap #grid3 p { color: #fff; }

.clearblu #main #mainCol #gridwrap #grid3 p.large {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #00aeef;
}


.clearblu #main #mainCol #gridwrap #grid3 h4 a:hover{
color: #444;
text-decoration: none;
border-bottom: 0px #111 solid;
}

.clearblu #main #mainCol #gridwrap #grid3 p.recentNews {
padding: 10px 30px 10px 10px;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 p.recentNews strong {
color: #777;
}

.clearblu #main #mainCol #gridwrap #grid3 .readmore a{
color: #777;
text-decoration: none;
border: 0;
padding: 0 0 2px 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 .readmore a:hover{
color: #777;
text-decoration: none;
}

.clearblu #main #mainCol #gridwrap #grid3 ul{
list-style: none;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 ul li{
padding: 3px;
}

.clearblu #main #mainCol #gridwrap #grid3 ul li.currentPro {
font-size: 9px;
font-style: italic;
border-bottom: 1px #111 dotted;
padding: 0;
margin: 0 35px 2px 25px;
}

.clearblu #main #mainCol #gridwrap #grid3 ul li.secT{
background-color: #111111;
padding: 5px;
}

.clearblu #main #mainCol #gridwrap #grid3 ul li.panimage{
background-color: #050505;
padding: 0;
margin-bottom: 15px;
}

.clearblu #main #mainCol #gridwrap #grid3 ul li a{
color: #ccc;
text-decoration: none;
padding: 0 0 2px 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 ul li a:hover{
color: #777;
text-decoration: none;
}

.clearblu #main #mainCol #gridwrap #grid3 ol {
list-style: none;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 5px 15px;
}

.clearblu #main #mainCol #gridwrap #grid3 ol li.first {
padding-top: 20px;
}

.clearblu #main #mainCol #gridwrap #grid3 ol li.last {
padding-bottom: 20px;
}

.clearblu #main #mainCol #gridwrap #grid3 ol li label {
display: block;
text-align: right;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 ol li label .inputBox {
width: 130px;
background-color: #111111;
border: 0;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 ol li label .formfieldarea {
width: 130px;
height: 200px;
background-color: #111111;
border: 0;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 ol li a {
color: #00ccff;
letter-spacing: 0px;
text-decoration: none;
padding: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 ol li a:hover {
color: #ffffff;
}

.clearblu #main #mainCol #gridwrap #grid3 #contactBox1 {
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid3 #contactBox1 fieldset {
padding: 5px;
border: 0px;
}

.clearblu #main #mainCol #gridwrap #grid3 #contactBox1 .inputBox {
background: #999999;
width: 220px;
height: 16px;
color: #000000;
border: 1px #222 solid;
padding: 0;
margin: 5px;
}

.clearblu #main #mainCol #gridwrap #grid3 #contactBox1 .formfieldarea {
background: #999999;
width: 220px;
height: 150px;
color: #000000;
border: 1px #222 solid;
padding: 0;
margin: 5px;
}

.clearblu #main #mainCol #gridwrap #grid3 #contactBox1 .submit {
background: #000;
color: #ccc;
width: 220px;
border: 1px #222 solid;
padding: 5px;
margin: 5px;
}

.clearblu #main #mainCol #gridwrap #grid4 {
width: 564px;
float: left;
border-right: 1px #111 dotted;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 blockquote {
font-size: 18px;
padding: 13px 10px 25px 10px;
}

.clearblu #main #mainCol #gridwrap #grid4 blockquote .quote {
font-size: 24px;
color:#00aeef;
}

.clearblu #main #mainCol #gridwrap #grid4 a{
color: #ccc;
text-decoration: none;
border-bottom: 0px #333 /* 00aeef */ solid;
padding: 0 0 2px 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 a:hover{
color: #fff;
text-decoration: none;
border-bottom: 0px #111 solid;
}

.clearblu #main #mainCol #gridwrap #grid4 ul{
list-style: none;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 ul li{
padding: 2px;
margin-bottom: 2px;
text-align: left;
}

.clearblu #main #mainCol #gridwrap #grid4 ul li a{
color: #777;
text-decoration: none;
border-bottom: 1px #222 dotted;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 ul li a:hover{
color: #ccc;
text-decoration: none;
border: 0;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 ul li.site a{
color: #00aeef;
font-weight: bold;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 ul li.site a:hover{
color: #fff;
text-decoration: none;
border: 0;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 ul li.site2 a{
color: #ffff00;
font-weight: bold;
text-decoration: none;
border: none;
padding: 0 0 0 25px;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 ul li.site2 a:hover{
color: #ccc;
text-decoration: none;
border: 0;
padding: 0 0 0 25px;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 ul li.site3 a{
color: #aaa;
font-weight: bold;
text-decoration: underline;
border: none;
padding: 0 0 0 45px;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 ul li.site3 a:hover{
color: #fff;
text-decoration: underline;
border: 0;
padding: 0 0 0 45px;
margin: 0;
}

<!-- content grid4 -->

.clearblu #main #mainCol #gridwrap #grid4 #content { padding: 10px; margin: 5px; }

.clearblu #main #mainCol #gridwrap #grid4 #content h4 { font-size: 16px; color: #ff0000; text-transform: none; padding: 0px 5px 0 0; margin: 0; }

.clearblu #main #mainCol #gridwrap #grid4 #content h5 { font-size : 12px; font-weight: normal; color: #ffff00; text-transform: uppercase; letter-spacing: normal;  border-top: 0px #111 solid; border-bottom: 0px #111 solid; padding: 0 0 0 0; margin: 10px 0 5px 0; }

.clearblu #main #mainCol #gridwrap #grid4 #content p { line-height: 16px; color: #eee; padding: 5px 20px 5px 0; margin: 0; }

.clearblu #main #mainCol #gridwrap #grid4 #content p img.imageRight { float: right; padding: 0 0 5px 20px; margin: 0; }

.clearblu #main #mainCol #gridwrap #grid4 #content p strong { color: #777; }

.clearblu #main #mainCol #gridwrap #grid4 #content ol { list-style: decimal; padding: 20px; margin: 10px 15px 10px 15px; }

.clearblu #main #mainCol #gridwrap #grid4 #content ol li { color: #777; padding: 5px 15px 10px 4px; margin: 0; }

.clearblu #main #mainCol #gridwrap #grid4 #content ol li strong { color: #777; }

.clearblu #main #mainCol #gridwrap #grid4 #content ol li a { color: #00ccff; letter-spacing: 0px; text-decoration: none; padding: 0; }

.clearblu #main #mainCol #gridwrap #grid4 #content ol li a:hover { color: #ffffff; }


<!-- begin image list content -->

.clearblu #main #mainCol #gridwrap #grid4 #content ul.image {
	margin: 20px 0;
	padding: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.image li {
	background: none;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	clear: both;
	border: solid 1px #000; /* this white border is here to prevent a weird behavior */
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.image li img {
	float: left;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.image li span.info {
	display: block;
	margin-left: 100px;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.image li h4 {
	font-size: 22px;
	color: #777;
	text-transform: lowercase;
	padding: 0 0 2px 0;
	margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.image li p {
	font-size: 10px;
	margin: 0;
	padding-top: 2px;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.image li a{
color: #fff;
text-decoration: none;
border-bottom: 1px #777 dotted;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.image li a:hover{
color: #777;
text-decoration: none;
border: 0;
padding: 0;
margin: 0;
}

<!-- start service block -->

.clearblu #main #mainCol #gridwrap #grid4 #content ul.text {
	margin: 10px 0;
	padding: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.text li {
	width: 160px;
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-right: 10px;
	background: none;
	display: inline;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.text li h3 {
	font-size: 120%;
	font-weight: normal;
	color: #fff;
	padding: 0;
	margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.text li h3 a {
	color: #5c5c5c;
	text-decoration: none;
	border: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.text li h3 a:hover {
	color: #ccc;
	border-bottom: none;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.text li p {
font-size: 10px;
padding: 2px 12px 2px 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.text li p a {
	color: #fff;
	text-decoration: none;
	border: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.text li p a:hover {
	color: #fff;
	border-bottom: none;
}


/* LIST WITH TEXT ONLY - NO SET WIDTH */

.clearblu #main #mainCol #gridwrap #grid4 #content ul.text-fluid {
	margin: 0;
	padding: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content ul.text-fluid li {
	float: left;
	margin: 5px 10px 5px 0;
	display: inline;
	background: none;
}


<!-- end of service block -->

<!-- gallery site buttons -->

.clearblu #main #mainCol #gridwrap #grid4 #content ul.gallerySite { 
	display: block;
	width: 175px;
	list-style: none;
	padding: 0;
	margin: 0;
 }
 
 .clearblu #main #mainCol #gridwrap #grid4 #content ul.gallerySite li { 
 	display: block;
	padding: 0;
	margin: 0;
 }
 
.clearblu #main #mainCol #gridwrap #grid4 #content ul.gallerySite li.view {
display: block;
	background-color: #222;
	float: left;
	width: 110px;
	text-align: center;
 }
 
 .clearblu #main #mainCol #gridwrap #grid4 #content ul.gallerySite li.detail {
 display: block;
 	background-color: #333;
	float: left;
	width: 65px;
	text-align: center;
 }

.clearblu #main #mainCol #gridwrap #grid4 #content ul.gallerySite li a {
display: block;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	padding: 5px 0 5px 0;
 }
 
.clearblu #main #mainCol #gridwrap #grid4 #content ul.gallerySite li a:hover { 
display: block;
	color: #ccc;
	border: 0;
	text-decoration: none;
	padding: 5px 0 5px 0;
}


<!-- end of gallery site buttons -->

/* contact block set */
.clearblu #main #mainCol #gridwrap #grid4 #content #contactForm {
display: block;
float: left;
border: 0px #999 dotted;
padding: 10px 15px 10px 10px;
margin: 0 10px 0 20px;
}

.clearblu #main #mainCol #gridwrap #grid4 #content #contactForm ul {
list-style: none;
padding: 0;
margin: 10px 0 0 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content #contactForm ul li {
padding-top: 5px;
border: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content #contactForm ul li a {
text-decoration: underline;
color: #777;
}

.clearblu #main #mainCol #gridwrap #grid4 #content #contactForm ul li a:hover {
color: #000;
}

.clearblu #main #mainCol #gridwrap #grid4 #content #contactForm ul li label {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #777;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
border-right: 0px #444 solid;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content #contactForm ul li .formfieldarea {
width: 400px;
height: 200px;
background-color:  #999999;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 1px solid #222;
padding: 2px 2px;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content #contactForm .inputBox {
width: 400px;
height: 15px;
background-color: #999999;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 1px solid #222;
padding: 0;
margin: 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content #contactForm fieldset {
border-top: 0px #111 dotted;
border-right: 0px #111 dotted;
border-bottom: 0px #111 dotted;
border-left: 0px #111 dotted;
padding: 0 0 5px 0;
margin: 0 0 0 0;
}

.clearblu #main #mainCol #gridwrap #grid4 #content #contactForm label.submit {
display: block;
text-align: left;
padding: 10px;
}

/* end contact block set */

<!-- end of content grid4 -->

<!-- area 3 start -->

.clearblu #main #mainCol #area3 {
	height: 320px;
	width: 900px;
	margin: 20px 0 0 0;
	padding-top: 0;
	border-top: dotted 0px #111;
}

.clearblu #main #mainCol #area3 h2 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
}

.clearblu #main #mainCol #area3 h2 a {
	color: #fff;
	font-weight: normal;
}

.clearblu #main #mainCol #area3 h2 a:hover {
	color: #5c5c5c;
	text-decoration: none;
}

.clearblu #main #mainCol #area3 a {
	color: #5c5c5c;
	text-decoration: none;
}

.clearblu #main #mainCol #area3 #whatyouwant {
	width: 275px;
	float: left;
	display: inline;
	border-top: 0px #111 dotted;
	margin-left: 0px;
	padding-right: 10px;
}

.clearblu #main #mainCol #area3 #whatyouwant p { padding-right: 20px; }

.clearblu #main #mainCol #area3 #whatyouwant ul { list-style: none; padding: 0; margin: 0 0 0 5%; }

.clearblu #main #mainCol #area3 #whatyouwant ul li { margin: 3px 0; }

.clearblu #main #mainCol #area3 #whatyouwant ul li a { color: #777; border-bottom: 1px #333 solid; padding: 0; margin: 0; }

.clearblu #main #mainCol #area3 #whatyouwant ul li a:hover { color: #333333; border-bottom: 1px #222 solid; }

.clearblu #main #mainCol #area3 #services {
	float: left;
	display: inline;
	border-top: 0px #111 dotted;
	margin-left: 0px;
	width: 275px;
	padding-right: 10px;
}

.clearblu #main #mainCol #area3 #services ul { list-style: none; padding: 0; margin: 0 0 0 5%; }

.clearblu #main #mainCol #area3 #services ul li { margin: 1px 0; }

.clearblu #main #mainCol #area3 #services ul li a { color: #777; border-bottom: 1px #333 solid; padding: 0; margin: 0; }

.clearblu #main #mainCol #area3 #services ul li a:hover { color: #333333; border-bottom: 1px #222 solid; }

.clearblu #main #mainCol #area3 #quote {
	width: 275px;
	float: right;
	display: inline;
	border-top: 0px #111 dotted;
	margin-right: 10px;
}

.clearblu #main #mainCol #area3 #quote p.large { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #00aeef; }

.clearblu #main #footer {
width: 855px;
font-size: 10px;
text-align: right;
float: left;
border-top: 1px #111 solid;
padding: 5px 0 0 0;
margin: 5px 0 0 0;
}

.clearblu #main #footer ul {
width: 855px;
display: inline;
list-style: none;
padding: 0;
margin: 0;
}

.clearblu #main #footer ul li {
float: left;
margin-right: 10px;
}

.clearblu #main #footer ul li.sounds {
display: none;
}

.clearblu #main #footer ul li.fashions {
display: none;
}

.clearblu #main #footer ul li.copyright {
color: #ffffff;
letter-spacing: 1px;
}

.clearblu #main #footer ul li.theclearblu {
color: #666;
letter-spacing: 1px;
text-transform: uppercase;
}

.clearblu #main #footer ul li a {
color: #00aeef;
letter-spacing: 1px;
text-decoration: none;
padding: 0;
}

.clearblu #main #footer ul li a:hover {
color: #ffffff;
}

.clearblu #main #footer p {
font-size: 10px;
color: #444;
text-align: left;
padding: 0 10px 10px 0;
margin: 0;
}

.clearblu #main #footer p a {
color: #777;
text-decoration: none;
padding: 0;
}

.clearblu #main #footer p a:hover {
color: #ccc;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear: both;
height: 1%;
font-size: 1px;
line-height: 0px;
}