/* { border: 1px solid #00ffcc; } */
* { margin: 0; padding: 0; }

body { background: #2a2a2a; }
    
img { border: 0px; }

#container {
    position: relative;
    width: 840px;
    margin: 25px auto;
    font: 12px verdana, arial, helvetica;
    color: #898989;
    text-align: left;
    }
    #container p { line-height: 22px; padding:7px 0; }
    #container h1 { font-size: 22px; color: #d3d3d3; padding: 3px 0px; }
    #container h2 { font-size: 18px; color: #606060; padding: 5px 0px; }
    #container a { color: #0099cc; text-decoration: none; }
    #container a:hover { color: #fff; text-decoration: underline; }

#header { width: 840px; height: 150px; }
    #header .logo { width: 400px; float: left; }
    #header .nav { 
        background: #636363 url("images/nav_middle.gif") top left repeat-x; 
        font-size: 14px; 
        font-weight: bold; 
        float: right;
        height: 40px;
        width: 430px;
        margin: 85px 0px 0px 0px;
        }
    #header .nav ul { list-style:none; padding:5px; margin:5px 0 0 10px; float:left; }
    #header .nav li { display:inline; padding:0px 3px; }
    #header .nav a { color:#f3f3f3; text-decoration:none; }
    #header .nav a:hover { text-decoration:underline; }

#body { width:840px; }
    #body #news { width:380px;  float:left; padding:0 30px 20px 0; }   #body #news .news_date { color:#0099cc; }
    
    #body #featured { width:430px; background:#4F4F4F; float:right; }
    #body #featured a { font-weight:bold; }
    #body #featured a img { padding:5px; background: #4f4f4f; }
    #body #featured a:hover img { background:#0099cc; }
    #body #featured .featured_text { color:#f3f3f3; font-weight:bold; padding: 5px; }
    #body #featured .featured_text a img { padding:0px; float:right; margin: -30px 10px 0px 0px; }
    #body #featured .featured_text a:hover img { background:none; }
    
    #body .featured_sub { width:430px; float: right; margin: 35px 0px; }
    #body .featured_sub a img { padding: 5px; background: #4f4f4f; }
    #body .featured_sub a:hover img { background: #0099cc; }
    
    #body .home_sectional { width:200px; float: left; }
    #body .home_sectional p { line-height: 14px; }
    
    #body .about { width:400px; float:left; margin:0 10px 0 0; }
    #body .about a img { padding: 5px; background: #4f4f4f; }
    #body .about a:hover img { background: #0099cc; }
    
    #body .services { width:840px;  }
    #body .services ul { margin:0 0 0 40px; list-style:circle; } #body .services li { margin:5px 0; }
    #body .services .sub_nav ul { margin:0 0 0 10px; list-style:none; }
    #body .services .sub_nav li { float:left; }
    #body .services #wrapper { width:840px; height:300px; margin:0px auto; overflow:hidden; position:relative; }
    #body .services #wrapper_inner { width:3360px; position:relative; }
    #body .services .services_content { width:840px; float:left; }
    
    #body .work { float:left; margin:0 5px 20px 5px; }
    #body .work a img { padding:5px; background:#2a2a2a; }
    #body .work a:hover img { background:#0099cc; }

	#body #contact_form  input { color:#0099cc; background:#222; border:1px solid #666; width:200px; } 
	#body #contact_form textarea { color:#0099cc; background:#333; border:1px solid #666; width:600px; overflow:hidden; }

#footer { width:840px; margin:50px 0 20px 0; }

.sub_head { float:left; font-size:16px; color:#606060; margin:8px 5px 0 5px; }
a:hover .sub_head { color: #0099cc; }
.float_right { float: right; }   
.float_left { float: left; }
.clear {
    clear: both;
    height: 1px;
    margin-top: -1px;
    overflow: hidden;
    }