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

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

body p { }

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;}


/* Layout */
#index_wrap { width: 960px; display: block; overflow: hidden; margin: 0 auto; padding: 0; border-left: 3px solid #efefef; border-right: 3px solid #efefef; text-align: justify } 
.contentWrap { padding: 0 10px }
div#rightcontent { width: 705px; float: left; padding: 0;}
div#leftcol { width: 220px; float: left; position: relative; padding: 0; margin: 0 15px 0 0}

/*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;} 
/*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;}

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

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

/*Header*/
#header { width: 958px; height: 108px;position: relative; padding: 1px 0;}
#header div#logo { width: 400px; height: 68px;  position: absolute;}
#header div#control { width: 400px; height: 60px; position: absolute; background: url('../img/top_tel.jpg') right bottom no-repeat; right: 10px;}
#header div#navigation { width: 958px; height: 40px; position: absolute; bottom: 0}

/*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; padding: 0 7px;}
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: 380px; height: 30px; display:block;   position: relative; left: 15px; top: 15px; background: url('../img/logo.jpg') 0 0 no-repeat; text-indent: -9999px; overflow: hidden;} 
 
/*Splash*/
#splash { width: 958px; height: 218px; margin: 0 0 20px }

/*LeftCol*/


/*Leftcol Sections*/
div#seo_wrap { padding: 0;  height: 250px}
ul#sections { padding: 0; margin: 0 0 15px; list-style-type: none; overflow: hidden }

ul#sections li { width: 195px; height: 270px; float: left; padding: 5px 15px; margin: 0 12px 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; text-align: left; list-style-type: none }
ul#sections li.last { margin: 0 }

ul#sections li h2 { color: #1c62ad; margin: 0 0 10px 0; letter-spacing: -1px; border-bottom: 1px dotted #c9c9c9; font: normal 22px/35px 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}

div.theContent { border-top: 1px solid #1c62ad; padding: 10px 0 }
hr.blue {  width: 625px; height: 2px; float: left; position: relative; background: #1c62ad; border: none; margin: 15px 0;}

/*RightCol*/


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

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

ul.products { width: 220px; }

ul.products li { position: relative; font: normal 11px/24px sans-serif; border-bottom: 1px dotted #ccc; 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;}

.half { width: 300px }

#rightcontent ul.handsets { list-style: none; margin: 0; padding: 0 }
#rightcontent ul.handsets li { list-style: none; margin: 0; padding: 15px 0; border-bottom: 1px solid #d7d7d7; overflow: hidden }
#rightcontent ul.handsets li h3, #rightcontent ul.handsets li h3 a { font: bold 15px/22px Arial, Helvetica, sans-serif; color: #069 }
#rightcontent ul.handsets li .text_wrap { float: left; width: 470px; padding-right: 15px }
#rightcontent ul.handsets li .img_wrap { float: left; width: 220px; }
#rightcontent ul.handsets li .img_wrap img { width: 220px }