/*

Designed and Coded By: Syosys Technologies
Date: 26/5/2009

*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
body{ margin:0; padding:0; background:#f0f0f0 url(../img/bg.gif) repeat-x top;}
*{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
p{ font:normal 12px Arial, Helvetica, sans-serif; color:#5d544f; line-height:17px; text-align:justify;}
#container{ margin:0 auto; padding:0; width:985px;}
#header{ width:985px; float:left;}
#header .logo{padding:20px; display:block; float:left;}
#header .call{ float:left; padding-left:70px;}
#navbar { width:983px; float:left; clear:both; background:url(../img/menu_bg.gif) repeat-x top;  border:solid 1px #dddddd;}
#navbar ul li{ float:left; display:block; padding:8px 20px; border-right:solid 1px #ddd;}
#navbar ul li:hover{ background:url(../img/menu_hover.gif) repeat-x top;}
#navbar ul li.active{background:url(../img/menu_hover.gif) repeat-x top;}
#navbar ul li a{font:bold 13px Verdana, Geneva, sans-serif; text-decoration:none; color:#000;}
#navbar .search{float:left; padding:3px; display:block; margin-left:100px; _margin-left:50px; >margin-left:50px;}
#navbar .search input{ height:18px; vertical-align:middle; border:solid 1px #dddddd; color:#8d8b8b; width:140px; float:left; display:block; margin:5px 0 0 0;}
#moving_panel{ float:left; margin-top:5px; width:697px; height:294px; background:url(../img/banner.gif) no-repeat top;}
#banner{float:left; margin-top:5px;}
#news_panel{ float:left; margin:5px 0 0 15px; background:#0074ad url(../img/index_rightpanel.gif) no-repeat top; width:242px; height:263px; padding:15px;}
#news_panel h1{ font:normal 17px Verdana, Geneva, sans-serif; color:#fff; padding-bottom:15px;}
#news_panel h2{ background:url(../img/icon_05.gif) no-repeat left; padding-left:15px; font:bold 13px Arial, Helvetica, sans-serif; color:#fff; margin-bottom:3px;}
#news_panel p{ color:#fff; padding-bottom:15px;}
.more{ float:right; font: bold 11px Arial, Helvetica, sans-serif; color:#fff;}
#main{ background:#fff url(../img/main_bg.gif) repeat-x top; width:957px; margin-top:5px; float:left; border:solid 1px #ddd; padding:14px;}
#main .left_panel { width:690px; _width:696px; float:left; background:#fff;}
#main .left_panel h1{font:normal 18px Arial, Helvetica, sans-serif; color:#4a423e; color:#4a423e; display:block; height:18px; margin-bottom:8px;}
#main .left_panel h2{ font:bold 13px Arial, Helvetica, sans-serif; color:#336699; margin:3px 0;}
#main .left_panel .highlight_panel{ width:658px; height:193px; border:solid 1px #ddd; background:url(../img/bottom_hignlights_bg.gif) repeat-x top; margin-top:10px; padding:10px;}
#main .left_panel .highlight_panel li{ width:194px; height:193px; float:left; background:url(../img/bottom_hignlights_inner.gif) repeat-x top; border-right:solid 1px #ddd; padding:0px 12px;}
#main .left_panel .highlight_panel img{ float:left; padding:5px 5px 0 0;}
#main .left_panel .highlight_panel li h3{ font: normal 18px Arial, Helvetica, sans-serif; padding:5px 0; display:block; color:#336699;}
#main .left_panel .highlight_panel li .more{ color:#1b8dad;}
#main .accordian{float:right; background:#fcfcfc url(../img/accordian_temp_bg.jpg) no-repeat top; width:253px; height:300px;}

#main .map{ float:right; padding:2px 10px 30px 10px ; background:#EAEAEA; border:solid 1px #DDDDDD;}
#footer{ font:normal 11px Arial, Helvetica, sans-serif; width:985px; float:left; background:url(../img/footer_bg.gif) repeat-x top; height:54px;}
#footer li{ font:normal 11px Arial, Helvetica, sans-serif; float:left; padding:6px 5px;}
#footer li a{ text-decoration:none; color:#000;}
#footer .mail{ float:left; padding:6px 5px; margin-left:470px; color:#000; text-decoration:none;}
#footer .terms{ float:left; padding:7px 5px; color:#000; text-decoration:none;}
#footer p{ font-size:11px; margin-left:150px; float:left;}
#footer .designer{ float:right; width:200px; padding:6px 0 6px 12px; background:#0074AD; margin-top:1px; color:#fff;}
#footer .designer a{ text-decoration:none; color:#fff;}


#main .left_panel .box{ float:left; width:317px; height:120px; background:#fff url(../img/box_bg.gif) no-repeat top; margin:10px 10px 0 0; _margin:10px 5px 0 0; padding:8px;}
#main .left_panel h4{ font:bold 15px Arial, Helvetica, sans-serif; padding-bottom:5px; display:block; color:#369;}
#main .left_panel .range_box{ float:left; width:194px; padding:5px; margin:10px; background:#F4F8FB; border: solid 1px #CBDCEB;}
#main .left_panel .range_box li{ list-style:inside; list-style-image:url(../img/icon_14.gif); margin-left:6px; font: bold 12px Arial, Helvetica, sans-serif; padding:6px 5px; border-bottom:dotted 1px #CBDCEB; color:#5D544F; width:175px;}
#main .left_panel .range_box li:hover{ background:#fff;}
#main .left_panel .box .more{ color:#1B8DAD;}
#main .left_panel .box img{ float:left; padding:5px 10px 0 0;}
#main .left_panel .service_panel{ background:url(../img/service_bg.gif) repeat-x top; border:solid 1px #ddd; width:674px; margin-top:8px; padding:6px; float:left;}
#main .left_panel .service_panel img{ margin:5px 10px 0 0; float:left;}
#main .left_panel .service_panel .more{ color:#1B8DAD;}
#main .left_panel h5{ font:bold 14px Arial, Helvetica, sans-serif; color:#1B8DAD; background:url(../img/icon_06.gif) no-repeat left; padding:5px 0 5px 28px;}


#form{ float:right; width:320px; _width:310px; padding-top:15px; padding:0 14px; background:#EAEAEA; border: solid 1px #ddd; margin-right:10px;}
label {display: block; margin-bottom: 11px; font-weight: bold; float:left; width:100px; _width:90px; margin-left:5px; }
input { font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #676767; margin-bottom: 6px; float:right;}
.list{ font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #676767; margin-bottom: 5px; float:right; width:188px; float:left; margin-left:26px; _margin-left:22px; height:23px; vertical-align:middle; border:solid 1px #DDD;}
.checkbox {font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #676767; margin-bottom: 5px; float:right; width:15px; height:23px; float:left; margin-left:28px;}
input.text { padding: 3px; border: 1px solid ##ddd; width: 180px; border: 1px solid #ddd;}
textarea { padding: 3px; width: 180px; font-size: 100%; font-family: Arial, Helvetica, sans-serif;
color: #676767; border: 1px solid #ddd; margin-bottom: 5px; float:right;}
.button {padding: 3px; width:198px; _width:188px; font-size: 100%; font-family: Arial, Helvetica, sans-serif;
color: #676767; margin-bottom: 5px; float:right;font-family: Georgia, "Times New Roman", Times, serif; color: #111111; margin-top: 0px; float:left;}
fieldset {padding: 0;border: 0; margin: 0 auto;
}