@charset "utf-8";
/* CSS Document */


html { padding:0; margin:0; height:100%;}
body { color:#000000; margin:0; padding:0; height:100%; font-size:0.75em; background:#744066; font-family:Arial, Helvetica, sans-serif;}

#site_container {margin:auto; width:802px; background:url(images/main_bg.jpg); padding: 0 0 5px 0}

#top { background: url(images/new-header.gif); width:802px; height:130px; float:left;position:relative;}


#topaddress {position:relative; top: 30px; font-size: 1em; text-align:right;padding-right:18px;}
#toph2 {font-size:1.5em; font-weight:bold;height:15px;position:relative; top: 7px;padding:0px; margin:0px;}
#topaddress p {position:relative; top: 10px;}
#navbar { background:url(images/icon-nav.gif); height:127px; width:802px; float:left;}

#nav4 {text-align: center}
#nav4 ul {list-style: none; padding: 0; margin: 0px auto 0; width:802px;position:relative; top:0px; left:37px;}
#nav4 li {float: left; margin: 0 0em; display: block; }
#nav4 a {display: block; width: 142px;height: 120px; 
 color: #fff ; float: left; border:0px solid #000;}



#nav4 a:hover { display: block;background-color:#fff; color:#15155F;filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#animation {  height:230px; width:802px; float: left;}

#content_container { width:802px; float:left }

#mainbit { width:595px; padding:0px; float:right;position:relative; left:0px;top:11px;}

#right { width: 200px; float:left; color:#fff;}

#footer { margin:auto; width:802px; height:30px; background:url(images/main_bg.jpg);  margin-top:10px; text-align:center; font-size: 1em}
#footer a { color:#000000; text-decoration:none; font-weight:bold;}
#footer a:hover { text-decoration: underline;color:#15155F;}

.header_title { color: #000;  font-size:1.3em; font-weight:bold; position:relative; left: 0px;}
p { padding:0; margin:0;}

#content {}

#content a {color:#000000; text-decoration:underline; font-weight:bold;}
#content a:hover { text-decoration:none;}

#float_left { float:left;}
.box { float:left; width:190px;  background:url(images/box-blank-service.jpg) no-repeat;border: #999999 solid 0px; margin-left:5px; margin-top:10px; }
#searchbox {background:url(images/box-service.jpg) no-repeat; height: 165px;}
#right_box_name { width:190px; height:25px; border-bottom:#999999 solid 1px; text-align:center; font-weight:bold; font-size:1.1em; line-height:25px;}
.right_content {  padding:10px 5px 5px 10px;}
#box_bottom { float:left; width:190px; position:relative; left:0px;}

.right_content a { color:#fff; font-weight:bold; font-size:0.75em;text-decoration:none;}
.right_content a:hover { text-decoration:underline;}

#feat { float:left; width:190px; background:url(images/right_bg.jpg) no-repeat  ; border: #999999 solid 1px; margin-left:5px; margin-top:10px; }
.box_name { width:190px; height:25px; border-bottom:#fff solid 0px; text-align:center; font-weight:bold; font-size:1.1em; line-height:25px;}
#feature_content {  padding:10px 5px 5px 10px;}

#form { text-align:justify; padding: 0 10px 0 0}

#form table { width:100%} 
#form input {
	width: 250px;
}
#form textarea {
	height: 50px;
	width: 250px;
}
#inlineFirst {width: 140px; overflow:hidden;position:relative; left:22px;}
#inlineSecond p {color:#000;}

#inlineSecond {min-height:auto!important; position:relative; left:5px;width:585px;}
/* Safari hack for content expanding issue */
html[xmlns*=""] #inlineSecond {min-height: inherit;}
#inlineSecond { min-height:auto}
#inlineSecond {margin-bottom: 5px;}
#bodyul {color:#000;list-style:square;}
#bodyul li {position:relative; left:22px;}