* {margin:0;padding:0;}
a {outline:none;} 
a img {border:none;}
body {font-size:small;font-family:Helvetica, Arial, sans-serif;background-color:#b3c7eb;}
#outerwrapper {margin:0 auto 0 auto;width:1000px;border-left:9px solid #9fb1d2;border-right:9px solid #9fb1d2;}
#wrapper {width:1000px;margin:0 auto 0 auto;background:white url(backgrounds/bg.jpg) no-repeat;}
#sitebranding {width:1000px;height:160px;}
#bodycontent {float:left;width:605px;margin:0 115px 0 280px;line-height:140%;}
#navigation {float:left;width:160px;margin:118px 0 0 -910px;}
#legal {clear:both;color:#039;margin:20px 20px 0 20px;padding:10px 0 10px 0;text-align:right;}
#pics {margin-top:30px;}

#navigation ul {width:160px;text-align:right;list-style-type:none;font-size:100%;font-weight:bold;text-align:center;}
#navigation li {margin:0 0 0.5em 0;}
#navigation a {display:block;text-decoration:none;padding:4px 5px 1px 5px;}
li.this {background:red url(backgrounds/linktop.gif) no-repeat;}
.this a {color:yellow;background:url(backgrounds/linkbot.gif) bottom no-repeat;}
li.nav {background: yellow url(backgrounds/linktopyell.gif) no-repeat;}
.nav a:link, .nav a:visited {color:red;background: url(backgrounds/linkbotyell.gif) bottom no-repeat;}
.nav a:hover, .nav a:active {color:#039;background: url(backgrounds/linkbotyell.gif) bottom no-repeat;}
a img.contact {margin-left:25px;}

h1 {color:#039;text-align:left;margin:30px 0 15px 0;font-size:180%;padding-right:20px;font-weight:bold;}
h2 {font-weight:normal;font-size:120%;margin-bottom:10px;color:red;}
p {margin-bottom:10px;color:#039}
img.mini {margin:0 10px 10px 0;}
#bodycontent a {text-decoration:underline;color:#039}
#bodycontent li {margin:0 0 4px 30px;}
#bodycontent ul {color:#039;margin:0 0 10px 0;}
p.quote {width:445px;float:right;}
.lead {font-size:110%;color:red;font-weight:bold;}
.small {font-size:90%}
.contact {font-weight:bold;}
.sunsmart {font-size:90%;margin-top:20px;text-align:right;padding-right:10px;}
.sunsmart img {margin-bottom:-2px;border:none;}
img.chas-logo {float:left;}
img.cpslogo {float:left;}
img.clientlogo {float:left;margin:0 5px 5px 0;}
.clear {clear:both;}
img.right {float:right;margin:0 10px 10px 10px;}
img.left {float:left;margin:0 10px 10px 0;}
#extras {width:170px;margin:0 10px 0 0;float:left;}
img.idealabove {margin:0 10px 0 0;}
.credit {font-size:70%;margin-top:-10px;}
.credit a {color:#039;}
#legal img {border:none;}
table {border-collapse:collapse;border:1px solid #006;margin-bottom:10px;}
td {border:1px solid #006;text-align:center;padding:10px 5px 10px 5px;}
th {color:yellow;background-color:red;padding:10px 5px 10px 5px;border:1px solid #006;font-weight:bold;}
.orange {background-color:#ff4500;padding:0;}
.champagne {background-color:#fffacd;padding:0;}
.desert {background-color:#f0e68c;padding:0;}
.purple {background-color:#9400d3;padding:0;}
.grass {background-color:#2E8B57;padding:0;}
.laguna {background-color:#6495cd;padding:0;}
.mist {background-color:#8fbc8f;padding:0;}
.forest {background-color:#008080;padding:0;}
.red {background-color:red;padding:0;}
.blue {background-color:blue;padding:0;}
.gold {background-color:#8b4513;padding:0;}
.silver {background-color:#C0C0C0;padding:0;}
.turquoise {background-color:#00CED1;padding:0;}
.white {background-color:white;padding:0;}
.yellow {background-color:yellow;padding:0;}

#container {position:relative;width:570px;height:530px;margin-bottom:10px;}
#container a.pics {float:left;padding:0 5px 6px 0;display:inline;text-decoration:none;width:35px;height:27px;}
#container a.pics img.thumb {display:block;border:none;}

#container a.pics span {display:none;}
#container a.pics span img {margin:0;border:none;}

#container a.pics:hover img.thumb {border:none;}
#container a.pics:hover span {display:block;position:absolute;left:0px;top:109px;z-index:10;height:396px;}
#container a.pics:hover {white-space:normal;} /* makes hover state work for IE6 */

#container a.pics:active img.thumb {border:none;} 
#container a.pics:active span {display:block;position:absolute;left:0px;top:109px;z-index:5;height:396px;}

#container a.pics:focus img.thumb {border:none;}
#container a.pics:focus span {display:block;position:absolute;left:0px;top:109px;z-index:5;outline:0;height:396px;}
#container a.pics:focus {outline:0;}

#container span.info {float:left;display:block;height:396px;z-index:1;margin-top:10px;}

/* contact form */
form {margin:20px 0 20px 0;}
form.contact label.fixedwidth {display:block; float:left; width:140px; clear:both;}
input.textbox {width:297px; color:#333; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-size:small;}
textarea {width:300px; height:100px; color:#333; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-size:small;}
#bodycontent p.submit {margin-left:225px;}
#bodycontent p.verification {margin-left:210px;}
#bodycontent p.credit {text-align:right;font-size:70%;}


* html #navigation {display:inline;}
* html #bodycontent {display:inline;}
* html #navigation a {height:1px;}