/* --- Reset to consistant behavior --------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}

/* --- Page layout styles ------------------------------ */

body{ background:#7d7d7d; font:12px Arial,Helvetica,sans-serif; color:#777; text-align:center; }
#container{ background:white; width:800px; margin:10px auto; text-align:left;}
#heading{ height:135px; background:url(bg_heading.png) top left no-repeat; position:relative; }

#nav{ position:absolute; right:5px; bottom:0px;}
#nav li{ display:inline-block; padding:10px; float:left; }
#nav a{ color:#555; text-decoration:none; font-size:11px; text-transform:uppercase;}
#nav-marker{ display:block; width:96%; clear:both; border:1px solid #aaa; height:5px; overflow:hidden; margin-left:10px; padding:0px !important; position:relative; top:-5px;}
#nav-marker span{ display:block; width:35px; height:5px; background:#fb0f0c; margin-left:0px;}
#nav-marker span.about{ margin-left:50px; width:60px;}
#nav-marker span.news{ margin-left:127px; width:35px;}
#nav-marker span.services{ margin-left:180px; width:55px;}
#nav-marker span.portfolio{ margin-left:255px; width:80px;}
#nav-marker span.clients{ margin-left:355px; width:45px;}
#nav-marker span.contact{ margin-left:423px; width:55px;}

#home{ width:800px; margin:0px auto; background:url(home/heading1.jpg) top left no-repeat; height:360px;}
#home div{ width:800px; margin:0px auto; background:url(home/headings.jpg) top left no-repeat; height:360px;}
#content{ padding:80px 25px 45px 25px; overflow:auto; background:url(bg_content.png) top left no-repeat;  }
#content.home{ background:#acacac; color:white; padding-top:15px; }


#footer{ clear:both;color:white; text-align:center;}
#footer ul{ background:white; padding:7px; text-align:center; color:#aaa; border-top:1px solid #fb0f0c; width:87%; margin:0px auto;}
#footer li{ display:inline; padding:0px 15px 0px 15px;}
#footer span{ display:block; padding:15px; background:#7d7d7d; text-align:right;}

/* --- Content Styles -------------------------------- */


h1, h2, h3, h4{ margin-bottom:10px; }
h1{ font-size:18px; }
h2{ font-size:16px; }
h3{ font-size:14px; font-weight:bold; }
h4{ font-size:13px; font-weight:bold; }
p, ul{ line-height:18px; margin-bottom:18px; }
a, a:visited{ color:#fb0f0c; }

#content ul{ list-style-type:disc; margin-left:15px;}

div.col{ width:30%; float:left; margin-right:15px; }
#content.home div.col{ width:25%; margin-left:30px; margin-right:0px;}
div.left{ width:25%; float:left;  }
div.right{ width:65%; float:left; margin-left:50px;}

div.left ul{ color:#fb0f0c; line-height:24px; }
div.left ul a{ text-decoration:none; color:#555;}
div.left li.on a{ color:#fb0f0c;}

div.thumb{ margin-bottom:10px; float:left; text-align:center; width:22%; }
div.thumb a{ border:none; text-decoration:none; font-size:11px;}
div.thumb img{ margin-bottom:5px;}

div.thumb_lg{ margin-bottom:10px; float:left; text-align:center; width:35%; }
div.thumb_sm{ float:left; width:21%; }