/*styles for all pages*/

* { margin:0; padding:0; outline:none;}

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#fff url(../images/bodybg.jpg) repeat-x top;
	}

div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, dl, dt, dd, img, br, big {
	padding:0; 
	margin:0; 
	}
	
.clr { clear:both; }

a {color:#1479D8; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
	
/*===========================================Layout CSS===========================================*/

#maindiv {
	margin:0 auto;
	padding:0;
	width:999px;
	background-color:#FFFFFF;
	}
	
/*===========================================Header CSS===========================================*/
	
#header_div {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:999px;
	height:161px;
	float:left;
	background:url(../images/headerbg.jpg) repeat-x left top;
	}
	
#logo {
	margin:15px 0 0 11px;
	padding:0 0 0 0;
	width:370px;
	float:left;
	}
	
#icon {
	margin:0 47px 0 0;
	padding:0 0 0 0;
	width:129px;
	height:31px;
	background:url(../images/iconbg.gif) no-repeat top;
	float:right;
	}
	
#icon ul {
	margin:0 13px 0 13px;
	padding:0 0 0 0;
	list-style:none;
	}
	
#icon ul li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	}
	
#icon ul li a {
	margin:0 0 0 0;
	padding:0 10px 0 10px;
	display:inline;
	line-height:31px;
	}
		
#tagline {
	margin:36px 20px 0 0;
	padding:0 0 0 0;
	width:500px;
	float:right;
	text-align:right;
	}		
		
/*===========================================Menu CSS===========================================*/
	
#menu_div {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:999px;
	height:63px;
	float:left;
	background:url(../images/menubg.jpg) repeat-x left top;
	}
	
#menuleft {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:8px;
	height:63px;
	float:left;
	background:url(../images/menuleft.jpg) no-repeat left top;
	}
#menuright {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:8px;
	height:63px;
	float:right;
	background:url(../images/menuright.jpg) no-repeat right top;
	}
	
#menumid {
	margin:0 0 -20px 0;
	padding:10px 0 0 0;
	width:983px;
	height:53px;
	float:left;
	}	
	
#menumid ul {
	margin:0;
	padding: 0 0 0 0;
	list-style: none;
}

#menumid li {
	float:none;
	margin:0;
	padding:0;
}

#menumid a {
	margin:0 auto;
	padding:0 0 0 23px;
	text-decoration:none;
	line-height: 53px;
	display: block;
}

#menumid a span {
	margin:0;
	padding:0 23px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	color:#7F7D7D;
	display: block;
	line-height: 53px;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#menumid a:hover { background:url(../images/menulileft.jpg) no-repeat left top;  }
#menumid a:hover span { background:url(../images/menuliright.jpg) no-repeat right top; color:#000000; }	

#menumid a#select { background:url(../images/menulileft.jpg) no-repeat left top; }
#menumid a#select span { background:url(../images/menuliright.jpg) no-repeat right top; color:#000000; }




/*===========================================Flash CSS===========================================*/
	
#flash_div {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:999px;
	height:251px;
	float:left;
	background:url(../images/flashbg.jpg) repeat-x left top;
	}
	
#flash_bdr {
	margin:0 auto;
	padding:8px 8px 8px 8px;
	width:955px;
	height:235px;
	background:url(../images/flashbdr.png) no-repeat center;
	}
	
/*===========================================Body CSS===========================================*/
	
#body_div {
	margin:0 0 0 0;
	padding:0 ;
	width:999px;
	float:left;
	background:#ffffff url(../images/bodymainbg.jpg) repeat-x left top;
	}
	
#body_div2 {
	margin:0 12px 0 12px;
	padding:0 0 0 0;
	width:975px;
	float:left;
	}
/*===========================================Left Panel CSS===========================================*/
	
#leftpanel {
	margin:0;
	padding:0;
	width:266px;
	float:left;
	}
	
#leftgraphic {
	margin:30px 0 0 0;
	padding:1px 1px 1px 1px;
	width:262px;
	border:1px solid #E9E9E9;
	background-color:#F7F7F7;
	float:left;
	}
	
#address {
	margin:35px 0 20px 0;
	padding:0 0 0 0;
	width:264px;
	background:url(../images/addressbg.jpg) repeat-x left top;
	height:192px;
	border:1px solid #E9E9E9;
	float:left;
	}
	
#address h1 {
	margin:20px 18px 0 15px;
	padding:0 0 5px 0;
	font:bold 18px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	border-bottom:1px dotted #E2E2E2;
	}
	
#address p {
	margin:8px 0 0 15px;
	padding:0 0 0 0;
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	}
	
#address a {
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:underline;
	}
	
#address a:hover {
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	}
	
/*===========================================Right Panel CSS===========================================*/
	
#rightpanel {
	margin:0 auto;
	padding:0;
	width:620px;
	}
	
#rightpanel2 {
	margin:0 auto;
	padding:0;
	width:620px;
	}
	
#rightpanel h1 {
	margin:15px 0 0 0;
	padding:0 0 0 42px;
	font:normal 24px/30px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	background:url(../images/arrow2.gif) no-repeat left center;
	}
	
#rightpanel h3 {
	margin:20px 0 0 0;
	padding:0 0 0 42px;
	font:normal 14px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#1479D8;
	text-decoration:none;
	}
	
#rightpanel p {
	margin:14px 0 0 0;
	padding:0 10px 0 42px;
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	}
	
#rightpanel p.blue_text {
	margin:14px 0 0 0;
	padding:0 0 0 42px;
	font:normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#1479D8;
	text-decoration:none;
	}
	
#rightpanel p.blue_text_sm {
	margin:14px 0 0 0;
	padding:0 0 0 42px;
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#1479D8;
	text-decoration:none;
	}	
	
#rightpanel	ul {
	margin:20px 0 0 70px;
	padding:0 0 0 0;
	list-style:disc;
	}
	
#rightpanel	ul li {
	margin:0 0 0 0;
	padding:0 0 5px 0;
	font:normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	}
	
.leftpad { padding:0 0 0 42px;}

	
#rightpanel2 h2 {
	margin:10px 0 0 27px;
	padding:0 0 0 20px;
	font:normal 18px/40px Verdana, Arial, Helvetica, sans-serif;
	color:#4E4848;
	text-decoration:none;
	background-color:#C7C5C5;
	}
	
#rightpanel2 ul {
	margin:0 0 0 10px;
	padding:0;
	width:360px;
	float:left;
	list-style:none;
	}
	
#rightpanel2 ul li {
	margin:0 0 0 10px;
	padding:12px 0 8px 25px;
	font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#636363;
	background:url(../images/rightarrow.jpg) no-repeat left center;
	border-bottom:1px dotted #E2E2E2;
	}
	
#rightpanel2 ul li a {
	display:block;
	color:#4E4848;
	text-decoration:none;
	}
	
#rightpanel2 ul li a:hover {
	color:#1479D8;
	text-decoration:none;
	}
	
#readmore {
	margin:10px 0 0 70px;
	padding-bottom:50px;
	float:left;
	width:500px;
	}

#rightgraphic {
	margin:5px 20px 0 0;
	padding:3px 3px 3px 3px;
	width:194px;
	border:1px solid #E9E9E9;
	background-color:#F7F7F7;
	float:right;
	}
	
.img{	border:1px solid #E9E9E9;}
.img:hover{ border:1px solid #000;}
	
/*===========================================Footer CSS===========================================*/
	
#footer_div {
	margin:0 0 0 0;
	padding:10px 0 0 0;
	width:999px;
	height:65px;
	float:left;
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	text-align:center;
	}
	
#footer_div a {
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#1479D8;
	text-decoration:none;
	}
	
#footer_div a:hover {
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#1479D8;
	text-decoration:underline;
	}

	
/*===========================================Testimonial CSS===========================================*/
#rightpanel_testi {
	margin:0 auto;
	padding:0;
	width:620px;
	}
	
#rightpanel_testi h1 {
	margin:35px 0 0 0;
	padding:0 0 0 42px;
	font:normal 24px/30px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	background:url(../images/arrow2.gif) no-repeat left center;
	}
	
#rightpanel_testi .testimonial {
	margin:15px 0 0 20px;
	padding:10px;
	width:530px;
	height:120px;
	float:left;
	border:1px solid #E9E9E9;
	background:#F4F4F4 url(../images/bracketl.gif) no-repeat center;
	}
	
#rightpanel_testi .testimonial p { font:normal 13px/20px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:0 25px 0 25px; }

/*===========================================Circuite CSS===========================================*/

#circuit1 {
	margin:0 0 20px 0;
	padding:0 0 0 0;
	width:280px;
	float:left;
	}
	
#circuit1	ul {
	margin:20px 0 0 60px;
	padding:0 0 0 0;
	list-style:disc;
	}
	
#circuit1	ul li {
	margin:0 0 0 0;
	padding:0 0 4px 0;
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	}
	
#circuit2 {
	margin:0 0 20px 0;
	padding:0 0 0 0;
	width:280px;
	float:right;
	}
	
#circuit2	ul {
	margin:20px 0 0 60px;
	padding:0 0 0 0;
	list-style:disc;
	}
	
#circuit2	ul li {
	margin:0 0 0 0;
	padding:0 0 4px 0;
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	}
	
/*===========================================Contact Us CSS===========================================*/	
	
#quick {
	margin:15px 0 20px 20px;
	padding:8px;
	width:555px;
	float:left;
	border:1px solid #E9E9E9;
	background-color:#F4F4F4;
	}
	
#quick h5 { font:bold 16px/68px Verdana, Arial, Helvetica, sans-serif; color:#002053; background:url(../images/quote-icon.jpg) no-repeat left center; padding-left:70px;}

#quick2 {
	margin:15px 0 20px 20px;
	padding:8px;
	width:555px;
	float:left;
	border:1px solid #E9E9E9;
	background-color:#F4F4F4;
	}
	
#quick2 h5 { font:bold 16px/68px Verdana, Arial, Helvetica, sans-serif; color:#002053; background:url(../images/quote-icon.jpg) no-repeat left center; padding-left:70px;}

.quick_text { font:normal 13px/17px Verdana, Arial, Helvetica, sans-serif; color:#000; height:20px; padding-left:4px; padding-top:3px;}
.quick_text2 { font:normal 13px/17px Verdana, Arial, Helvetica, sans-serif; color:#000; height:80px; padding-left:4px; width:295px; padding-top:3px; overflow:auto;}

.quick_button { font:normal 13px/20px Verdana, Arial, Helvetica, sans-serif; color:#000; height:20px; border:1px solid #CBCED1; background-color:#fff; width:100px; height:25px; cursor:pointer;}

#map {
	margin:35px 0 0 0;
	padding:8px;
	width:248px;
	float:left;
	border:1px solid #E9E9E9;
	background-color:#F4F4F4;
	}
	
#map:hover {
	margin:35px 0 0 0;
	padding:8px;
	width:248px;
	float:left;
	border:1px solid #000;
	background-color:#F4F4F4;
	}
	
	
.client_text { font:normal 13px/20px Verdana, Arial, Helvetica, sans-serif; color:#1479D8; height:20px;}

/*Extra*/

#rightpanel11 {
	margin:0 20px 0 15px;
	padding:0 28px 0 0;
	width:600px;
	float:left;
	}
	
#rightpanel11 h1 {
	margin:35px 0 0 0;
	padding:0 0 0 42px;
	font:normal 24px/30px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	background:url(../images/arrow2.gif) no-repeat left center;
	}
	
#rightpanel11 h1 {
	margin:35px 0 0 0;
	padding:0 0 0 42px;
	font:normal 24px/30px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	background:url(../images/arrow2.gif) no-repeat left center;
	}
	
#rightpanel11 p {
	margin:12px 0 0 0;
	padding:0 0 0 42px;
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	}
	
#rightpanel_n {
	margin:0 30px 0 0 ;
	padding:0;
	width:620px;
	float:right;
	}
	
#rightpanel_n h1 {
	margin:35px 0 0 0;
	padding:0 0 0 42px;
	font:normal 24px/30px Verdana, Arial, Helvetica, sans-serif;
	color:#002053;
	text-decoration:none;
	background:url(../images/arrow2.gif) no-repeat left center;
	}