@charset "utf-8";
*{margin:0;padding:0}
html{height:100%;}
body{margin:0 0;font:normal 12px arial;color:#656363; background:url(../images/main-bg.gif) repeat-x top left;}
a, a:focus, a:active{ text-decoration:none; color:#3333FF;}

/***common css**/
.main-wrapper{ width:980px; margin:0 auto;}
.box {background-color: rgb(68,68,68); margin:40px 0; float:left; -moz-box-shadow: 0 0 5px rgba(68,68,68,0.6);- webkit-box-shadow: 0 0 5px rgba(68,68,68,0.6); box-shadow: 0 0 5px rgba(68,68,68,0.6); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.30)"; zoom: 1; width:969px;}
.box .content {position: relative; padding:15px 10px;background-color: #fff; float:left;}
p{font-size:12px; color:#878787; line-height:17px;}
h2{font-size:18px; color:#878787; line-height:19px; font-weight:bold; padding-bottom:10px;}
h3{font-size:12px; color:#878787; line-height:19px; font-weight:bold; padding:5px 0;}
.ptb50{padding:50px 0;}
a.grey{ color:#656363; text-decoration:underline;}

/***top header css**/
.header-wrapper{width:100%; height:39px;}
.logo{ background:url(../images/main-logo.png) no-repeat top left; width:363px; height:39px; float:left; margin:0 0 0 14px;}
.logo a{width:363px; height:39px; display:block;}
#nav {margin: 0;padding: 0;float:right; position:relative; padding-top:7px;	height:43px;}
#nav li {list-style: none;float: left;  padding:5px 15px 0 15px;  margin:0; background:url(../images/devider.gif) no-repeat right top;}
#nav li a {	display: block;	font-size:16px; color:#949494; text-decoration:none; font-weight:700; padding:0; height:38px;}
#nav ul li a:hover{ font-size:16px; color:#3333ff; text-decoration:none; font-weight:700; padding:0; background:url(../images/nav-arrow.gif) no-repeat 50% bottom;height:38px;}
#nav ul li a.active{ font-size:16px; color:#3333ff; text-decoration:none; font-weight:700; padding:0; background:url(../images/nav-arrow.gif) no-repeat 50% bottom;height:38px;}	
#nav li ul {display: none; 	width: 13em; /* Width to help Opera out */	z-index:500;   background:url(../images/bg-dropdown.png) no-repeat left bottom;}
#nav li ul li{border-bottom:1px dotted #a3a3a3; margin:0 10px !important; padding:7px 15px !important; background:none !important;}
#nav li ul li a{font-size:13px; color:#a3a3a3; text-decoration:none; font-weight:400; border:none; height:auto !important;}
#nav li:hover ul, #nav li.hover ul {display: block;	position: absolute;	margin: 0;margin-left: -40px;padding: 0; }
#nav li:hover li, #nav li.hover li {float: none;}
#nav li:hover li a, #nav li.hover li a {color: #a3a3a3;font-size:13px;font-weight:400;}
#nav li li a:hover {color: #8db3ff; font-size:13px;font-weight:400; background:none !important; height:auto !important;}
#nav li.nobdr{ border:none; background:none;}
/***main image**/
.main-image{ background-color:#fff; width:100%; height:344px; margin:11px 0 0 0; text-align: left; -webkit-border-top-right-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px;}
/***middle tagline css**/
.tagline{width:100%; height:78px; background-color:#3333ff;}
.tagline h1 { font-size:36px; color:#fff; font-style:italic; word-spacing:-5px; margin:20px 14px; float:left;}
.tagline h2 { font-size:18px; color:#fff; margin:30px 14px; float:right; font-weight:400;word-spacing:-2px; }
/***bottom navigation css**/
.bot-nav{width:100%; margin:0 0 0 0;}
.bot-nav ul{ list-style:none; padding:0; margin:24px 0; text-align:center;}
.bot-nav ul li{ display:inline; padding:0 0 0 0; margin:0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .bot-nav ul{-webkit-padding-start: 0;-webkit-margin-before: 24px;-webkit-margin-after: 24px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;} }
@media screen and (-webkit-min-device-pixel-ratio:0) { .bot-nav ul li{margin:0 0;} }
.bot-nav ul li a{ font-size:14px; color:#949494; text-decoration:none; font-weight:700; padding:0;}
.bot-nav ul li a:hover{ color:#666;}
/***footer css**/
.footer{width:948px; margin:0 0 0 0; border-top:1px dotted #a3a3a3; border-bottom:1px dotted #a3a3a3; display:block; height:38px; float:left;}
.left-footer{ float:left; position:relative; margin:10px 0 0 14px;}
.right-footer{ float:right; position:relative; margin:10px 14px 0 0;}
.devider{ border-left:1px solid #a3a3a3; padding:0 5px 0 0; margin:0 0 0 5px;}
.facebook-wrapper {width:100%;margin:0 0;height:50px;}
.facebook {background:url(../images/facebook.gif) no-repeat top right; width:164px;height:20px;float:right;margin:10px 14px 28px 14px;}
/***internal page middle tagline css**/
.int-tagline{margin:11px 0 0 0; width:948px; height:75px; background-color:#3333ff; -webkit-border-top-right-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px;}
.int-tagline h1 { font-size:36px; color:#fff; font-weight:700; word-spacing:-5px; margin:20px 0 0 14px; float:left;}
/***internal page content css**/
.content-wrapper{width:897px; padding:40px 25px; margin:0; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; float:left}
.left-content{ float:left; position:relative; width:670px; margin-right:20px;}
.right-content{ float:left; position:relative; width:185px; border-left:1px dotted #a3a3a3;padding-left:20px; }
.left-content ul {  list-style:none;}
.left-content ul li{font-size:12px; color:#878787; line-height:17px; margin:10px 0; padding:0 15px; background:url(../images/bullet.jpg) no-repeat left 5px;}

.bot-nav .devider{ border-left:1px solid #949494; padding:0 3px 0 0; margin:0 0 0 7px;}