@charset "utf-8";
/* CSS Document */

/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(images/tile.jpg) repeat-x #d2e2f1; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#272727;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#272727;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#d2e2f1;}

/* LAYOUT ---------- */
#wrap {margin:0 auto; width:980px; background:url(images/bg-body.jpg) no-repeat; min-height:773px; height:auto !important; height:773px;}
#address {height:33; width:471px; color:#FFF; margin-left:22px; font-size:11px; padding-top:14px;}
#content {width:691px; margin:108px 0 0 263px; padding:0 0 20px 0; clear:both;}
#footerwrap {width:100%; background:url(images/tile-footer.jpg) repeat-x; padding-top:14px; height:183px;}
#footer {width:650px; color:#d2e2f1; font-size:11px;  padding:0 35px 0 295px; margin:0 auto;}


/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 48px; width:674px; text-indent: -999em; margin: 0; padding:0; background-position:bottom; }
#footer h2 {color:#d2e2f1; font-size:11px; font-weight:normal; margin:0; padding:10px 0 10px 0;}
#content h2 {color:#0053a0; font-size:12px;}

h1#logo {
margin: 0 0 0 115px;
padding: 0;
background-repeat: no-repeat; 
width: 408px;/* this width reflects the width of the logo image */
height: 160px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 160px;/*same height as logo h1*/ 
width: 408px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .noodle {color:#001528;}
.img {margin:10px 0 10px 10px; float:right;}
.img2 {position:absolute; z-index:101; top:561px; margin-left:17px;}
.right {float:right;}
.left {float:left;}
.top  {color:#0053a0; font-size:12px; font-weight:bold;}
.hide {display:none;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.textright {text-align:right;}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 15px; width:224px; position:absolute; z-index:80; top:277px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 32px; overflow: hidden; text-indent:-999em; width:224px}

/* Set the image for each nav item */
#aboutus {background: url(images/nav-about-us.gif); }
#service {background: url(images/nav-service.gif); }
#construction {background: url(images/nav-construction.gif); }
#safety {background: url(images/nav-safety.gif); }
#aboutbraces {background: url(images/nav-about-braces.gif); }
#justforfun {background: url(images/nav-just-for-fun.gif); }
#careers {background: url(images/nav-careers.gif); }
#contactus {background: url(images/nav-contact-us.gif); }
#home {background: url(images/nav-home.gif); }

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #aboutus, #nav li.sfhover #aboutus, 
#nav li:hover #service, #nav li.sfhover #service, 
#nav li:hover #construction, #nav li.sfhover #construction, 
#nav li:hover #safety, #nav li.sfhover #safety, 
#nav li:hover #aboutbraces, #nav li.sfhover #aboutbraces,
#nav li:hover #justforfun, #nav li.sfhover #justforfun, 
#nav li:hover #careers, #nav li.sfhover #careers,
#nav li:hover #contactus, #nav li.sfhover #contactus,
#nav li:hover #home, #nav li.sfhover #home {background-position:-224px 0pt;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}


ul#sitemap li a {display:auto; background:none;}