#col_main {	float: left;width: 580px;padding: 10px;}
#col_right {float: right;width: 340px;padding: 10px;background: #d9def0;}
#footer {padding: 1px 10px 1px 10px;color: #999;}
#header_wrap {background: url(images/header_logo_bg.jpg) top repeat-x;height: 170px;}
#header_logo {float: left;padding: 0px 0px 0px 10px;}
#header_menu {float: right;	padding: 80px 50px 0px 0px;	color: #999;font-family: georgia;font-size: 1.2em;}
#header_menu a {color: #000;text-transform: capitalize;font-weight: bold;padding: 5px;}
#mid_wrap {background: url(images/steffan-town-planning-logo-bg.jpg) left bottom no-repeat #98a3c9;width: 940px;padding: 10px;}
#mid_wrap_text {float: left; width: 500px;}
#mid_wrap_gallery {float: left; padding: 10px 10px 10px 30px; width: 400px;}
#top_link {background: #666;color: #fff;font-family: georgia;font-weight: bold;padding: 4px 10px 4px 15px;font-size: 0.9em;}
#top_link a,#top_link a:link {color: #fff;}
#top_link_wrap {height: 45px;background: #e7e7e7;border-top: 4px solid #666;}
#top_login_link { font-family: georgia; }
#wrapper {width: 960px;	margin-left: auto;	margin-right: auto;	margin-top: 0px;padding: 0px;background: #fff;}
.clear_only {clear: both;}
.clear {clear: both;height: 10px;background: #999;}
.clear_blank {clear: both;}
.company_news {float: left;width: 270px;padding: 5px;margin: 10px;}
.company_news ul li {list-style: none;border-bottom: 1px solid #ccc;margin-left: -40px;padding: 5px 0px 5px 0px;}
.gallery_item {float: left;	border: 4px solid #DAE1ED;margin: 5px;}
h3.slogan {font-size: 1.4em;font-weight: normal;color: #999;font-family: georgia;padding: 0px 0px 0px 10px;margin: 0px; font-style: italic;}
.highlight {border: 1px solid #666;background: #ccc;margin: 10px;padding: 5px;width: 550px;}
.info_box {border: 1px solid #666;background: #ccc;float: left;margin: 10px 0px 10px 10px;padding: 5px;width: 300px;height: 400px;}
.main_image {border: 5px solid #fff;margin: 10px 30px 10px 10px;}
.read_more_mid {width: 500px;text-align: right;}
.read_more_big {padding: 40px 0px 40px 0px;font-weight: bold;font-size: 1.1em;}
.view_all {	text-align: right;}
.view_all a:link {color: #666;font-weight: bold;}
a, a:link, a:visited {color: #0000ff;text-decoration: none;}
a:hover {text-decoration: underline;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;background: #ccc;margin: 0px;padding: 0px;color: #292929;}
h1 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.5em;color: #000;}
h2 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.3em;color: #000;}
h3 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.2em;color: #333;}
img {border: 0px;}

/* Front page image slider */
#mid_wrap_gallery a:link,#mid_wrap_gallery a:visited{color:#fff; text-decoration:none;}
div.wrap{ width:400px;margin:0 auto;text-align:left;}
 div#top div#nav{ float:left; clear:both; width:300px; height:52px; margin:22px 0 0; background:#fff;}
  div#top div#nav ul{  float:left;width:200px;height:52px;list-style-type:none; }
   div#nav ul li{float:left; height:52px;}
    div#nav ul li a{ border:0; height:52px;display:block;line-height:52px; text-indent:-9999px;}
div#header{margin:-1px 0 0;}
div#video-header{height:683px;margin:-1px 0 0;}
 div#header div.wrap{height:299px; background:#fff}
 div#header div#slide-holder{ z-index:40; width:400px; height:299px; position:absolute;}
  div#header div#slide-holder div#slide-runner{top:9px;left:9px;width:382px;height:278px;overflow:hidden;position:absolute;}
  div#header div#slide-holder img{ margin:0; display:none; position:absolute; } div#header div#slide-holder div#slide-controls{ left:0px; bottom:1px;
   width:400px; height:46px; display:none;position:absolute; background:url(images/slide-bg.png) 0 0;}
   div#header div#slide-holder div#slide-controls p.text{ float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase;}
    div#header div#slide-holder div#slide-controls p#slide-nav{float:right; height:24px;display:inline; margin:11px 15px 0 0;}
    div#header div#slide-holder div#slide-controls p#slide-nav a{ float:left;width:24px;height:24px; display:inline;font-size:11px;margin:0 5px 0 0;line-height:24px;font-weight:bold;text-align:center;text-decoration:none;background-position:0 0;background-repeat:no-repeat;}
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{ background-position:0 -24px;}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}
div#nav ul li a{background:url(images/nav.png) no-repeat;}