@charset "utf-8";
/* CSS Document */

body { font-family: "Arial", Gadget, sans-serif; font-size: 12px; background: #fff;}

div#team_member_wrap {
	float: left;
	width: 620px;
	padding: 10px 0;}
div.team_member {
	float: left;
	width: 310px;}
div.team_member img { 
	float: left;}
div.team_member p {
	float: left;
	padding: 0 5px;
	margin: 0;}

img.floatleft { margin: 0 10px 0 0;}


div.clear img { max-height: 110px; padding: 5px 5px 5px 5px ;}
div.clear div.left { float: left; width: 200px; text-align: center;}
div.clear div.midl { float: left; width: 280px; color: #444; line-height: 19px; padding: 3px 3px 3px 3px ;}
div.clear div.right { float: left; width: 140px; text-align: center;}

#index_wrap {
	width: 958px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 1px;
	border-left: 3px solid #efefef;
	border-right: 3px solid #efefef;}
	
/*Components*/
hr.blue { 
	width: 625px;
	height: 2px;
	float: left;
	position: relative;
	background: #1c62ad;
	border: none;
	margin: 15px 0;}

span.tr { width: 7px; height: 7px; display: block; background: url('../img/span_tr.png') 0 0 no-repeat; position: absolute; top: -1px; right: -3px;}
span.tl { width: 7px; height: 7px; display: block; background: url('../img/span_tl.png') 0 0 no-repeat; position: absolute; top: -1px; left: -1px;}
span.br { width: 7px; height: 7px; display: block; background: url('../img/span_br.png') 0 0 no-repeat; position: absolute; bottom: -3px; right: -3px;}
span.bl { width: 7px; height: 7px; display: block; background: url('../img/span_bl.png') 0 0 no-repeat; position: absolute; bottom: -3px; left: -1px;}

div.address {
	float: left;
	width: 300px;
	font-family: arial, sans-serif;}
	
div.imgcontainer {
	float:left;
	width:150px;
	height:150px;
	margin-right: 35px;
	margin-top: 8px;}
	
div.textcontainer {
	width:600px;
	height:150px;}	
	
div.icon {
	float:left;
	width:30%;
	height:200px;
	position:absolute;}
	
div.tcon {
	float:right;
	width:70%;
	height:200px;}
	
/*Breadcrumb*/
#bc_wrap { height: 33px; float: left}
#bc_wrap ul { width: 961px; float: left; margin: 0; padding: 0 10px; position: relative;}
#bc_wrap ul li { float: left; display: inline; margin: 0 5px 0 0; padding: 0; position: relative; font: normal 11px/33px 'Tahoma', sans-serif; color: #4a4a4a;}
#bc_wrap ul li a { color: #06C;}
	

	
/*typography*/
p {
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
	color: #666;}

p em { font-style: italic;}

a, a:active { color: #069; text-decoration: underline;}
a:hover { color: #069; text-decoration: none;}

#leftcol h1 { font: bold 20px/21px Helvetica, Arial, sans-serif; color: #333; letter-spacing: -1px;}
#leftcol h2 { color: #333; font-size: 1em; font-weight: bold; padding: 10px 0 0 0; clear: both;}

#leftcol ul { margin: 0; padding: 10px 0 10px 20px; list-style-type: disc;}
#leftcol ul li { list-style-type: disc; padding: 0; margin: 0; font: normal 12px/20px sans-serif; color: #666;}

#leftcol ol { margin: 0; padding: 10px 0 10px 20px;}
#leftcol ol li { list-style-type: decimal; padding: 0; margin: 0; font: normal 12px/20px sans-serif; color: #666;}

/*Header*/
#header { width: 958px; height: 140px; float: left; position: relative; padding: 1px 0;}
#header div#logo { width: 400px; height: 100px; float: left; position: relative; top: 10px;}
#header div#control { width: 400px; height: 80px; float: right; position: relative; background: url(../img/top_tel.jpg) 207px 40px  no-repeat; right: 10px;}
#header div#control #shop_button { text-align: right; float: right; position: relative; top: 45px; right: 2px }
#header div#navigation { width: 958px; height: 40px; float: left; position: relative;}

/*Header Conrtol*/
#control ul { width: 400px; float: left; position: relative; top: 10px; right: 0}
#control ul li { float: right; position: relative; display: inline; display: inline-block\9; *width: 80px;}
#control ul li a { float: right; padding: 0 5px; font: normal 11px/20px Tahoma, sans-serif; text-decoration: none; color: #666;}
#control ul li a:hover { color: #1c62ad;}

/*Navigation*/
div#navigation ul#nav { width: 938px; height: 40px; padding: 0 10px; float: left; position: relative; background: url('../img/bg_nav.jpg') 0 0 repeat-x;}
div#navigation ul#nav li { float: left; font: normal 12px/40px sans-serif; position: relative;}
div#navigation ul#nav li a { float: left; display: block; position: relative; padding: 0 4px; text-decoration: none; font-weight: bold; color: #484848;}
div#navigation ul#nav li a:hover { color: #1c62ad;}
div#navigation ul#nav li a#current { color: #1c62ad;}

div#navigation ul#nav li ul {list-style: none;position: absolute;visibility: hidden;overflow: hidden;top: 40px;left: 0;float: left;z-index: 100;padding: 5px 10px 10px 10px;width: 180px;background: #002650 url('../img/nav_li_ul.jpg') 0 0 repeat-x !important;margin: 0 !important;text-align: left; z-index: 10 !important; border-top: 1px solid #fff; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;}
div#navigation ul#nav li.hover ul,
div#navigation ul#nav li:hover ul { visibility:visible;  z-index: 10 !important}
div#navigation ul#nav li li {margin: 0 !important;padding:0 !important;text-align: left;height: 30px !important;float: left;clear: both;width: 180px;font: bold 12px/30px sans-serif !important; background: url('../img/png_dn.png') 0 28px repeat-x;}
div#navigation ul#nav li li:first-child { border: none !important;}
div#navigation ul#nav li li a {font: bold 12px/30px sans-serif !important;width: 180px !important;color: #FFF;margin: 0;padding: 0 10px !important;text-decoration: none;}
div#navigation ul#nav li li a:hover {color: #fff !important;text-decoration: underline !important;}

/*Header Logo */
div#logo span#head_logo a {
	width: 300px;
	height: 84px;
	float: left;
	position: relative;
	left: 15px;
	margin-bottom:15px;
	background: url('../img/logo.jpg') 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;}
	
	
/*Splash*/
#splash { width: 958px; height: 218px; float: left;}

/*LeftCol*/
div#leftcol { width: 638px; float: left; padding: 10px;}

/*Leftcol Sections*/
ul#sections { width: 638px; float: left; position: relative; padding: 0; margin: 0;}

ul#sections li {
	width: 180px;
	height: 250px;
	float: left;
	display: inline;
	position: relative;
	padding: 10px;
	margin: 0 10px 0 0;
	border: 1px solid #d7d5d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #eaeaea url('../img/bg_hp_li.jpg') 0 0 repeat-x;}

ul#sections li h2 { 
	float: left;
	display: block;
	width: 180px;
	color: #1c62ad;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
	border-bottom: 1px dotted #c9c9c9;
	font: normal 26px/35px "Arial Narrow", Arial, "Adobe Heiti Std R", sans-serif;}
	
ul#sections li p { font: normal 11px/15px Tahoma, sans-serif; color: #4f4f4f; text-align: left;}
ul#sections a.more { float: left; clear: both; color: #1d68b6; font: bold 11px/15px sans-serif;}
ul#sections a.more:hover { color: #4f4f4f}

/*RightCol*/
div#rightcol {
	width: 300px;
	float: right;
	position: relative;
	padding: 21px 0 0 0;}

div.container { width: 300px; float: left; position: relative; margin: 0 0 20px 0;}
div.container img#accr { float: left; position: relative; left: 15px; clear: both;}

div.container h3 {
	float: left;
	display: block;
	width: 290px;
	color: #1c62ad;
	margin: 0 0 20px 0;
	letter-spacing: -1px;
	border-bottom: 1px dotted #c9c9c9;
	font: normal 26px/35px "Arial Narrow", Arial, "Adobe Heiti Std R", sans-serif;}

ul.products { width: 280px; float: left; position: relative;}

ul.products li { float: left; clear: both; position: relative; font: normal 11px/24px sans-serif; border-bottom: 1px dotted #ccc; width: 270px; padding: 0 10px;}
ul.products li a { text-decoration: none; color: #4f4f4f; display: block; font: normal 11px/24px sans-serif;}
ul.products li label { float: left; width: auto; color: #1c62ad !important; padding: 0 10px 0 0;}

/*Footer*/
div#footer {
	width: 938px;
	height: 45px;
	float: left;
	position: relative;
	padding: 10px;
	border-top: 1px solid #d6d6d6;
	background: url('../img/bg_footer.jpg') 0 0 repeat-x;}

ul#nav { float: left; width: 938px; position: relative; padding: 10px 0}
ul#nav li { float: left; padding: 0 7px; font: normal 11px/20px sans-serif; color: #666;}
ul#nav li.right { float: right !important;}
ul#nav li a { text-decoration: none; color: #666;}
ul#nav li a:hover { color: #1c62ad;}

/*Contact Form*/
#contact-form {
	width: 620px;
	padding: 15px 0px 15px 10px;
	float: left;
	margin: 0;
	background: #F7F7F7;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #ccc;}

.contactfield {
	width: 350px;
	border-right: #dddddd 1px solid;
	border-left: #bcbcbc 1px solid;
	border-bottom: #dddddd 1px solid;
	border-top: #bcbcbc 1px solid;
	padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666;}

.contactlabel {
	float: left;
	clear: left;
	display: inline;
	width: 150px;
	padding: 2px 0px 2px 6px;
	margin: 0px 10px 10px 0px;
	color: #666;}
	
.contactfieldwrap {	margin-bottom: 10px; color: #333; }

.gmap { 
	float: right;
	width: 130px; height: 130px;
	padding: 2px;
	margin: 0 10px 0 0;
	background: #fff; 
	border: 1px dotted #ccc;}

.gmap img { border: none !important;} 
.gmap img a { border: none !important;} 


/*Table Styles*/
.tableheading {
	background: #cecece;
	text-align: left;
	height: 30px;}
	
.tr_odd { background: #F8F8F8;}

th { color: #333;}
tr { height: 22px;}
td { color: #333; height: 22px;}