*{margin:0; padding:0;}
htm, html, body{height:100%;}
body{line-height: 1.4em; font-size: 0.8em; color: #decfc4; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; background: #19110c; min-width: 980px;}
a{text-transform: none; color: #41bddc; outline:none; text-decoration:none;}
a:hover{text-decoration:underline; color: #1f5d6d;}
a img{border:0;}
img, div { behavior: url(iepngfix.htc) }
.wrapper-center{margin:0 auto; width: 980px;}
#wrapper{float:left; width: 100%; background: #140e0a url(../images/wrapper_bg.jpg) repeat-y top center;}
#wrapper-top {float:left; width: 100%; background: url(../images/wrapper_bg2.jpg) no-repeat top center}
/*---------------------------- Header ----------------------------------------------------------*/
#header{float:left; width: 100%; background: url(../images/header_bg.gif) repeat-x top center;}
#header div.wrapper-center {width: 940px;}
#header h2{display:block; float:right; text-indent:-9999px; width:322px; height:24px; background: url(../images/txt_slogan.gif) no-repeat top left; margin-top: 18px;}
/*---------------------------- Headings ----------------------------------------------------------*/
h1.wcdocks-logo a{display:block; float:left; text-indent:-9999px; width:443px; height:98px; background: url(../images/logo_wcdocks.gif) no-repeat top left; margin-top: 18px; margin-left: -20px;}
h2 {letter-spacing: 0.05em; color: #b6a69a; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; font-size: 1em; margin-bottom: 0.5em;}
h3 {margin: 0 0 1.5em 0;}
h3.replaced {display: block; width: 100%; height: 18px; background-repeat: no-repeat; text-indent: -9999px;}
h3#aboutus {background-image: url(../images/txt_aboutus.gif)}
h3#docks {background-image: url(../images/txt_docksandboathouses.gif)}
h3#lifts {background-image: url(../images/txt_lifts.gif)}
h3#seawalls {background-image: url(../images/txt_seawalls.gif)}
h3#services {background-image: url(../images/txt_services.gif)}
h3#gallery {background-image: url(../images/txt_photogallery.gif)}
h3#contact {background-image: url(../images/txt_requestmoreinfo.gif)}
h4 {font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #ffffff;}
/*---------------------------- Main Nav ----------------------------------------------------------*/
ul#main-nav{float:left; width: 768px; height: 37px; list-style: none; margin: -30px 0 0 150px; padding: 0;}
ul#main-nav li{float: left; height: 37px;}
ul#main-nav li a {display: block; float: left; height: 37px; background-image: url(../images/nav_bg.gif); background-repeat: no-repeat; text-indent: -9999px;}
ul#main-nav li a.nav-1 {width: 59px; background-position: 0 0;}
ul#main-nav li a.nav-1:hover {background-position: 0 -37px;}
body.home ul#main-nav li a.nav-1, body.home ul#main-nav li a.nav-1:hover {background-position: 0 -74px;}
ul#main-nav li a.nav-2 {width: 82px; background-position: -59px 0;}
ul#main-nav li a.nav-2:hover {background-position: -59px -37px;}
body.aboutus ul#main-nav li a.nav-2, body.aboutus ul#main-nav li a.nav-2:hover {background-position: -59px -74px;}
ul#main-nav li a.nav-3 {width: 154px; background-position: -141px 0;}
ul#main-nav li a.nav-3:hover {background-position: -141px -37px;}
body.docks ul#main-nav li a.nav-3, body.docks ul#main-nav li a.nav-3:hover {background-position: -141px -74px;}
ul#main-nav li a.nav-4 {width: 57px; background-position: -295px 0;}
ul#main-nav li a.nav-4:hover {background-position: -295px -37px;}
body.lifts ul#main-nav li a.nav-4, body.lifts ul#main-nav li a.nav-4:hover {background-position: -295px -74px;}
ul#main-nav li a.nav-5 {width: 86px; background-position: -352px 0;}
ul#main-nav li a.nav-5:hover {background-position: -352px -37px;}
body.seawalls ul#main-nav li a.nav-5, body.seawalls ul#main-nav li a.nav-5:hover {background-position: -352px -74px;}
ul#main-nav li a.nav-6 {width: 79px; background-position: -438px 0;}
ul#main-nav li a.nav-6:hover {background-position: -438px -37px;}
body.services ul#main-nav li a.nav-6, body.services ul#main-nav li a.nav-6:hover {background-position: -438px -74px;}
ul#main-nav li a.nav-7 {width: 114px; background-position: -517px 0;}
ul#main-nav li a.nav-7:hover {background-position: -517px -37px;}
body.gallery ul#main-nav li a.nav-7, body.gallery ul#main-nav li a.nav-7:hover {background-position: -517px -74px;}
ul#main-nav li a.nav-8 {width: 136px; background-position: -631px 0;}
ul#main-nav li a.nav-8:hover {background-position: -631px -37px;}
body.contact ul#main-nav li a.nav-8, body.contact ul#main-nav li a.nav-8:hover {background-position: -631px -74px;}
/*---------------------------- Content ----------------------------------------------------------*/
#main-content{float:left; width: 870px; margin: 0 0 0 30px; background: url(../images/sub_content_bg_repeat.png) repeat-y top left; padding: 8px 25px;}
#main-content p{margin-bottom:15px;}
#main-content ul, #main-content ol{margin: 10px 0 10px 15px; padding: 0; list-style: none;}
#main-content ul li {background: url(../images/li_brown.gif) no-repeat 0 4px; padding-left: 15px; margin-bottom: 5px;}
#main-content ul.twocol_list {float: left; width: 170px;}
#main-content a{text-decoration:underline;}
#main-content a:hover{}
#main-content hr {border: 0;height: 1px; background: #382f29; color: #382f29;}
#content-top {background: url(../images/sub_content_bg_top.png) no-repeat top left; height: 14px; margin: 25px 0 0 30px;}
#content-bottom {background: url(../images/sub_content_bg_bottom.png) no-repeat top left; height: 14px; margin: 0 0 25px 30px; clear: left;}
.indented-txt {margin-left: 25px;}
/*---------------------------- Footer ----------------------------------------------------------*/
#footer{float:left; width: 100%; background: url(../images/footer_bg.gif) repeat-x top left; padding-top: 20px;}
#footer div.wrapper-center {width: 920px;}
#footer div.float-left {width: 620px;}
#footer div.float-right {width: 300px;}
#footer ul {float: left; margin: 10px 0 0 25px; padding: 0; list-style: none; width: 125px;}
#footer ul li {background: url(../images/li.gif) no-repeat 0 4px; padding-left: 15px; margin-bottom: 2px;}
#footer address{ letter-spacing: 0.05em; color: #b6a69a; font-family: Georgia, "Times New Roman", Times, serif;}
#footer p.contact-info {color: #150e09; width: 365px; height: 28px; line-height: 27px; margin: 10px 0 10px -15px; background: url(../images/footer_contact_bg.gif) no-repeat 0 0; padding: 0 15px;}
#footer a.phone {color: #41bddc; background: url(../images/icons.gif) no-repeat 0 2px; padding: 0 20px 0 20px;}
#footer a.email {background: url(../images/icons.gif) no-repeat 0 -12px; padding-left: 20px;}
#footer p.copyright{line-height: 1.25em; font-size: 0.7em; color: #4c4541;}
#footer div.divider {float: left; border-bottom: 1px solid #2e2724; height: 20px;}
#footer div.divider h4#whatwedo {background: url(../images/txt_whatwedo.gif) no-repeat 0 0; text-indent: -9999px; float: left; width: 150px; height: 14px;}
#footer div.divider a {font-size: 0.9em; text-transform: lowercase; font-style: italic; color: #b6a69a; font-family: Georgia, "Times New Roman", Times, serif; float: right; display: block; width: 150px; text-align: right;}
#footer p#designbytnt {text-align: center;}
#footer p#designbytnt a {display:block; margin: 0 auto; background: url(../images/logo_designbytnt.gif) no-repeat; width: 135px; height: 72px; text-indent: -9999px;}
.tipsy { padding: 5px; font-size: 10px; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; background-repeat: no-repeat; background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: white; color: black; font-weight: bold; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:5px; -webkit-border-radius:5px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
/*---------------------------- Home ----------------------------------------------------------*/
body.home #main-content {margin: 30px auto 0 30px; width: 960px; background: url(../images/home_content_bg.png) no-repeat right 10px; padding: 0;}
body.home #welcome {float: right; width: 300px; margin-right: 35px;}
body.home #welcome h3 {background: url(../images/txt_welcome.gif) no-repeat top left; width: 140px; height: 18px; text-indent: -9999px; margin-bottom: 10px; margin-top: 25px;}
body.home #welcome p {margin: 0 0 15px 25px;}
p#getstarted, p#getstarted a {text-transform: uppercase; font-weight: bold;}
p#getstarted {font-size: 0.85em;}
body.home #welcome a#photogallery {margin: -15px 0 0 -10px; display: block;}
body.home #slider {margin: 0px;}
body.home .graphic, body.home #prevBtn, body.home #nextBtn, body.home #slider1prev, body.home #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
body.home #slider ul, body.home #slider li,
body.home #slider2 ul, body.home #slider2 li{
margin:0;
padding:0;
list-style:none;
}
body.home #slider2{margin-top:1em;}
body.home #slider li, body.home #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:600px;
height:478px;
overflow:hidden;
}
body.home #prevBtn, body.home #nextBtn,
body.home #slider1next, body.home #slider1prev{
display:block;
width:16px;
height:37px;
position:absolute;
margin-top: -250px;
z-index:1000;
margin-left: -21px;
}
body.home #nextBtn, body.home #slider1next{
margin-left:604px;
}
body.home #prevBtn a, body.home #nextBtn a,
body.home #slider1next a, body.home #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/slider.gif) no-repeat 0 0;
}
body.home #nextBtn a, body.home #slider1next a{
background:url(../images/slider.gif) no-repeat -16px 0;
}
body.home #slider_overlay {background: url(../images/slider_picoverlay.png) no-repeat top left; width: 629px; height: 509px; margin: -496px 0 0 -15px; position: absolute;}
/*---------------------------- Common Classes ----------------------------------------------------------*/
.last a{border-right:0 !important;}
.float-right{float:right;}
.float-left{float:left;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.clear-both{clear:both;}
#content-top.extra-space {margin-top: 40px;}
.hidden{display: none;}
.twocol_div {float: left; width: 180px; margin: 10px 25px 0 0;}
.twocol_div h3 {margin: 0;}
label {text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; float: left; width: 160px; text-align: right; margin-right: 10px; color: #7c624f;}
.txt_input {border: 1px solid #000; padding: 5px; width: 175px;}
.txt_area {border: 1px solid #000; padding: 5px; width: 175px;}
.req {color: red;}
#nameInfo, #emailInfo {font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;color: red;}
#interested td {padding: 0 15px 15px 0;}
#interested label {text-transform: none; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; float: none; width: auto; text-align: left; margin-right: 0px; color: #decfc4;}
#submit {margin-left: 165px;}
#contact-form input.error{
background: #f8dbdb;
border-color: #e77776;
}
#contact-form textarea.error{
background: #f8dbdb;
border-color: #e77776;
}
#error{
margin-bottom: 20px;
border: 1px solid #472d1a;
background-color: #31231b;
float: left;
padding-right: 20px;
}
#error ul li strong{
color: #e46c6d;
}
#error.valid ul li strong{
color: #93d72e;
}
#pic_aboutus_01 {float: right; margin: -90px 0 0 30px;}
#pic_aboutus_02 {float: left; margin: -10px 20px -40px -25px;}
#main-content #gallery-list {margin: 0; width: 200px;}
#main-content #gallery-list li {margin: 0; padding: 5px 8px; display: block; background: none; border-bottom: 1px solid #382f29;}
#main-content #gallery-list li.current {background: #35281f;}
#main-content #gallery-list a {color: #fff; text-transform: uppercase; text-decoration: none; display: block;}
#main-content #gallery-list a:hover {color: #41bddc;}
#photo-gallery {float: right; margin: -90px -15px -40px 0;}
#slideshow {float: right; margin: -90px -10px 0 20px;}
#contact-us {float: left; margin: -70px 0 -60px -20px;}