@charset "utf-8";
html, body {height: 100%;}

body {font-family: Verdana, Arial, Helvetica, sans-serif; background: url(bg.gif) repeat-x #cdcdcd; margin: 0; padding: 0;	color: #000000;}

#container {width: 765px; background: #FFFFFF; margin: 0 auto; border-top: 1px none #000000; border-right: 1px solid #bfbfbf; border-bottom: 1px none #000000; border-left: 1px solid #bfbfbf; position:relative; min-height:100%; padding:0;} 

#header {background: url(bg_header.gif) no-repeat #FFF; height: 90px; padding: 0;} 
#header h1 {margin: 0; padding: 0; float: left;}
#header h1 a{text-indent:-9999px; margin-top:5px; display:block; background:url(logo.png) no-repeat; height:80px; width: 279px;}

#menu{height:90px; float: left; padding:0 0 0 5px; margin:0;}
#menu ul{padding:0; margin:0;}
#menu ul li{padding:0; margin:0; display: inline; list-style: none;}
#menu ul li a{display:inline; display:block; width:auto; height:30px; text-decoration:none; font-size:12px; padding-left:7px; padding-right:7px; padding-top:60px;}

.main a:link, .main a:visited{color: #000; font-family: Helvetiker, Verdana; font-weight: bold; visibility: visible; margin:0; padding:0;}

.main a:hover,.main a:active{background: url(menu_hover.gif) repeat-x; color: #FFF; font-family: Helvetiker, Verdana; font-weight: bold; visibility: visible; margin:0; padding:0;}

#header a, #sidebar a{outline:none;}

#sidebar {float: left; width: 190px; padding: 0; margin:20px 0 0 0;}
#sidebar ul {margin: 0px; padding: 0px; list-style-type: none; border-top: 1px solid #999999;}
#sidebar li {background-color: #dcdcdc; padding:5px 0; border-bottom: 1px solid #999999; border-right: 1px solid #999999; margin:0;}
#sidebar li:hover {background-color:#BE1E2D;}
#sidebar li:hover a{color:#FFFFFF;}
#sidebar a {text-decoration: none; display: block; font-family: Helvetiker, Verdana; font-weight: bold; visibility: visible; 	font-size: 12px; padding: 0 0 0 20px; color:#333333; margin:0;}

#sidebar li.current {background:url(arrow.jpg) no-repeat #BE1E2D left center; font-family: Helvetiker, Verdana; font-weight: bold; visibility: visible;}
#sidebar li.current a{color:#FFFFFF;}

#sidebar #files li.currentfile {background:#BE1E2D; font-family: Helvetiker, Verdana; font-weight: bold; visibility: visible;color:#FFFFFF; display: block; font-size: 12px; padding: 10px 0 10px 20px!important; margin:0;}
#sidebar #files li.currentfile:hover {background:#BE1E2D;}
#sidebar #files li {background-color: #fff; padding:5px 0; border-bottom: 1px solid #999999; border-right: 1px solid #999999; margin:0;}
#sidebar #files li:hover {background-color:#eeeeee;}
#sidebar #files li:hover a{color:#BE1E2D;}

.download {background:url(../gfx/dl.gif) no-repeat right #BE1E2D!important; font-family: Helvetiker, Verdana; font-weight: bold; visibility: visible;color:#FFFFFF; display: block; font-size: 12px; padding: 10px 0 10px 20px!important; margin:0;}

#mainContent {margin: 0 0 0 200px; padding: 20px 20px 40px 20px;}
/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

#mainContent p{font-size: 12px;} 

#mainContent h1{color: #be1d2d; font-family: Helvetiker, Verdana; letter-spacing: 1px; font-weight: bold; visibility: visible; font-size: 26px; padding:0; margin:0;} 
#mainContent h2{font-family: Helvetiker, Verdana; font-weight: bold; letter-spacing: 1px; visibility: visible; font-size: 20px; padding:0; margin:0;} 
#mainContent h3{font-family: Helvetiker, Verdana; font-weight: bold; letter-spacing: 1px; visibility: visible; font-size: 14px; padding:0; margin:0;} 
#mainContent h4{font-family: Helvetiker, Verdana; font-weight: bold; visibility: visible; padding:0; margin:0; font-size: 12px;}
#mainContent h4 a{text-decoration:none; color:#000;}
#mainContent h5{font-family: Helvetiker, Verdana; font-weight: bold; letter-spacing: 1px; visibility: visible; padding:0; margin:0;}

#mainContent ul li {font-size:12px;}
#mainContent ol li {font-size:12px!important;}

#mainContent img {padding-top: 10px;}

.name{padding-top:0; margin-top:0;}
.name a{text-decoration:none; color:#BE1E2d;}
.name a:hover, a:active{text-decoration:underline;}
.name1{padding:3px 0 3px 0; margin:3px 0 3px 0;}
.name1 a{text-decoration:none; color:#BE1E2d;}
.name1 a:hover, a:active{text-decoration:underline;}

#mainContent a{text-decoration:none; color:#BE1E2d;}
#mainContent a:hover, a:active{text-decoration:underline;}

#container h3{font-family: Helvetiker, Verdana;	font-weight: bold; letter-spacing: 1px; visibility: visible; font-size: 12px;
padding:3px; margin:0; background: #BE1E2D; color:#FFFFFF; display: block; width: 515px;} 

#footer {background:#f3f3f3; bottom:10px; position:absolute; width:100%;} 
#footer p {margin: 0; padding: 10px 0; text-align: center; font-size: 10px; font-family: Helvetiker, Verdana; letter-spacing: 1px; font-weight: bold;}

.clearfloat {clear:both; height:0!important; font-size: 1px; line-height: 0px;}

.bar1{display: block; height: 10px; width: 100%; background: #000; position:absolute; top:0px; margin-bottom:10px;}
.bar2{display: block; height: 10px; width: 100%; background: #000; position:absolute; bottom:0; margin:0; padding:0;}

/*  Nav Menu */
#nav{margin:0; padding:0;}
#nav ul{margin: 0; padding:0;}
#nav li{display: inline; float: left; padding:0; position: relative; text-align: center; font-size:12px;}
#nav li a{ text-decoration:none;}
#nav li:hover{background: url(menu_hover.gif) repeat-x;}
#nav li ul li:hover{background: none;}
/* Second tier */
#nav li ul{background-color: #FFF; display: none; height: auto; left: 0; margin: 0; position: absolute; top: 100%; width: 160px; border-left: #bfbfbf 1px solid; border-right: #bfbfbf 1px solid; border-bottom: #bfbfbf 1px solid; padding:0;}
#nav li ul a{ color:#000;}
/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/
#nav li:hover ul{display: block; width: 160px; height:auto;}
#nav li ul li{margin: 0; text-align: left; width: 100%; height: auto; font-size:12px;}
#nav li ul li a:link{padding: 0;}
#nav li ul li:hover{color:#FFF; background-color: #015138; display: block; width:100%; height: 100%;}
 /* Just submenu links*/
#nav li ul li a {display:block; display: block; height: 100%; background-color:#FFFFFF; color:#000000; padding:5px!important; margin:0;}
#nav li ul li a:hover {background-color:#be1d2d; background-image:none; color:#FFFFFF;}

.noBorder{border: none;}

.home #nav .menu_home a, .about #nav .menu_about a, .divisions #nav .menu_divisions a, .experience #nav .menu_experience a, .planroom #nav .menu_planroom a, .links #nav .menu_links a, .contact #nav .menu_contact a{ background: url(menu_hover.gif) repeat-x !important; color: #FFFFFF!important;}

#columns {margin:10px 0 50px 0; height:200px; font-size: 12px;}
#columns #col1 {float:left; width:31%; border-right:#999999 solid 1px; margin-left:8px; height:150px;}
#columns #col2 {float:left; width:31%; border-right:#999999 solid 1px; margin-left:1px; height:150px;}
#columns #col3 {float:left; width:31%; margin-left:1px; height:150px;}
#col1, #col2, #col3{padding:0 5px 0 5px;}

#container h2{font-family: Helvetiker, Verdana; font-weight: bold; letter-spacing: 1px; visibility: visible; font-size: 20px; padding:0; margin:0;} 

#slideshow {text-align:center; width:100%; height:400px;}
#imageBar {width:100%; text-align:center;}
#pImg {padding-right: 5px;}
.cutline {font-size: 10px; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; margin-bottom: 0px;}
#logo_hide{display:none;}

input#name, input#email, input#phone, input#companyname, input#fax, input#address {padding:5px 5px 5px 25px; width:480px; color:#be1d2d; border: solid #e0e0e0 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
input#name:hover, input#email:hover, input#phone:hover, input#companyname:hover, input#fax:hover, input#address:hover {padding:5px 5px 5px 25px; width:480px; color:#be1d2d; border: solid #999999 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}

input#name {background:transparent url(img/ico_user.gif) no-repeat scroll 5px;}
input#email {background:transparent url(img/ico_email.gif) no-repeat scroll 5px;}
input#phone {background:transparent url(img/ico_phone.gif) no-repeat scroll 5px; }
input#companyname {background:transparent url(img/ico_building.gif) no-repeat scroll 5px; }
input#address {background:transparent url(img/ico_map.gif) no-repeat scroll 5px; }
input#fax {background:transparent url(img/ico_printer.gif) no-repeat scroll 5px; }

textarea#comments {padding:5px; width:500px; color:#be1d2d; border: solid #e0e0e0 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
textarea#comments:hover {padding:5px; width:500px; color:#be1d2d; border: solid #999999 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}

.planroom #sidebar{margin-bottom:50px;}