/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#666666;background-color:#FFFFFF; margin:0;}
p {font-size: 12px;line-height:20px; }
h1 {margin:0px; padding:5px 0px 0px 0px; font-size: 21px; color:#303030; font-weight:normal; font-family:"Arial Rounded MT Bold";}
h2 {margin: 0px; padding:0; font-size: 20px; font-weight: bold; color:#303030; font-family:"Arial Rounded MT Bold";}
h3 {margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; color:#303030;font-family:"Arial Rounded MT Bold";}
h4 {clear: both; margin: 0px; padding: 15px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #303030;font-family:"Arial Rounded MT Bold";}
.fl{ float:left;}
a{ color:#303030; text-decoration:none}
a:hover{ text-decoration:underline; color:#0E83AF;}
.clr{ clear:both;}


/*#containerouter {margin: 0px auto; width:100%; background:#f3f3f3;}*/

#container {margin: 0px auto; width:100%; background:#FFFFFF;}
.width{width:980px; margin:0 auto}
#content{ width:980px; margin:0 auto;}
#Outer{ width:980px; background:url(../images/topbg.jpg) repeat-x;}
#header{ height:96px;background:url(../images/topbg.jpg) repeat-x;}
.line{ background:#d8d8d8; margin:10px 0 10px 0; height:1px; clear:both}
.logo{ float:left; padding:28px 0px 0px 0px; width:305px;}
#call{ background:url(../images/call.png) no-repeat; margin-top:12px; margin-right:5px; float:right; width:210px; height:32px;}
.menu{float:right; width: 600px; height:30px; margin: 12px 5px 0px 0px;font:normal 12px Verdana;  padding:0px; background: #0e83af; font-size:12px; background:url(../images/menubg.png) no-repeat;}
.menu ul{ display: block; height: 20px; margin-top:8px; margin-left:0px;padding: 0; position: relative; padding-right:5px;}
.menu ul li{display: inline;}
.menu ul li a{color:#FFFFFF;padding: 5px 18px 5px 17px;  text-decoration: none; border-right:0px solid #DADADA; border-left:0px solid #3E3E3E; background:url(../images/menu_item.gif) right no-repeat}
.menu ul li a:hover, .menu ul li a.selected{ color:#FFFFFF; background:#333333; }
/* ----Style for Drop Down Menu ---- */
.dropmenudiv{position:absolute;top:0; left:0;border:1px solid #000000; border-bottom-width:0; font:normal 12px Verdana; line-height:18px; z-index:100; background-color:#303030;width: 200px;visibility: hidden;}
.dropmenudiv a{width:auto; display:block; text-indent:11px; border-bottom:1px solid #444; padding:7px 5px 7px 5px; text-decoration:none; font-weight:normal; color:#FFFFFF;}
.dropmenudiv a:hover{ background-color: #0E83AF; color:#FFFFFF;}

.breadcrumbs{ font-weight:normal; color:#666666; width:980px; margin:0 auto; margin-bottom:21px; padding:0px 0px; /*background:url(../images/breadcrumbbg.png) repeat-x; height:25px;*/ border-top:0px dotted #999; border-bottom:0px  dotted #D8D8D8;}
.breadcrumbs a{ color:#0E83AF; text-decoration:none; font-weight:normal;}
.breadcrumbs a:hover{ text-decoration:underline;}

.innerbanner{overflow:hidden; width:930px; height:200px; margin:0 auto; margin-top:20px;}
.banner{ width: 980px;height:347px; margin:0 auto; margin-top:10px; }
.contentshadow{ background:url(../images/shadow.jpg) top no-repeat; margin:0 auto; padding-top:30px;}
.main_view {float: left;position: relative; }
.window {width: 980px; height:347px; overflow:hidden; position: relative;}
.image_reel {position: absolute; top: 0; left: 0; }
.image_reel img {float: left;}
.paging { position:absolute; bottom:-30px; font-weight:bold; left:0px; height:38px; z-index:1000; text-align: left; display: none; width:173px; }
.paging a {padding: 12px; font-size:14px;  text-decoration: none; color: #303030; background:url(../images/greybullet.png) no-repeat; height:38px; width:38px; }
.paging a.active { font-weight: normal;font-weight:bold; color:#FFFFFF; border: 0px solid #610000; background:url(../images/bluebullet.png) no-repeat;}
.paging a:hover {font-weight: bold;color:#FFFFFF; background:url(../images/bluebullet.png) no-repeat;}

#boxarea{ background:#efefef; width:980px; height:170px; margin:0 auto; border:1px solid #e5e5e5; padding:20px 0;}
#boxarea img{ border:none; }
#boxarea a{ color:#0E83AF;}
#boxarea p{ font-size:12px; margin:0px; font-family: Arial, Helvetica, sans-serif; }
#boxarea .box1{ width:262px; float:left; border:0px solid #E0E0E0; padding:0 30px; color:#666666; border-right:1px solid #d8d8d8 }
#boxarea .box2{ width:262px; float:left; border:0px solid #E0E0E0; padding:0 35px;color:#666666; border-right:1px solid #d8d8d8}
#boxarea .box3{ width:262px; float:right; border:0px solid #E0E0E0; padding:0 30px;color:#666666;}
.botshadow{ background:url(../images/botshadow.png) no-repeat; height:13px;}

#col{ width:214px; float:left; }
#col ul{list-style-type:none; list-style-image:url(../images/bullet.png); padding: 0px;margin:0 0 0 20px; color:#000}
#col ul li{ font-size:13px; font-weight:bold; border-bottom:1px dashed #c1c1c1; }
#col ul li a{ line-height:33px; color:#0E83AF; text-decoration:none}
#col ul li a:hover{color:#303030;}

#col2{ float:left; width:480px; margin-left:45px; }
#col2 p{ padding:0; margin-bottom:20px;}
#col2 img{ border:0px solid #27508f; float:left; margin-right:10px;}
#col3{ width:206px; float:right;}
#col3 .testimonial{ font-size:12px; }
#col3 .testimonial a{text-decoration:none; color:#666666;}
#col3 .testimonial a:hover{text-decoration:underline; color:#303030;}

#main{ float:left; width:714px; margin-left:45px; }
#main p{ padding:0; margin-bottom:20px; }
/*#main img{ border:0px solid #27508f; float:left; margin-right:10px;}*/
#main ul{list-style-type:none; list-style-image:url(../images/bullet.png); padding: 0px;margin:0 0 0 20px; color:#000}
#main ul li{ font-size:13px; color:#666666; font-weight:normal; border-bottom:1px dashed #c1c1c1; line-height:30px; }
#main ul li a{color:#303030; text-decoration:none}
#main ul li a:hover{color:#0E83AF;}

/*#mainservices{ float:left; width:100%; margin-left:0px; }
#mainservices p{ padding:0; margin-bottom:20px;}
#mainservices img{ border:0px solid #27508f; float:left; margin-right:10px;}
#mainservices ul{list-style-type:none; list-style-image:url(../images/bullet.png); padding: 0px;margin:0 0 0 20px; color:#000}
#mainservices ul li{ font-size:13px; font-weight:bold; border-bottom:1px dashed #c1c1c1; }
#mainservices ul li a{ line-height:30px; color:#303030; text-decoration:none}
#mainservices ul li a:hover{color:#0E83AF;}
*/
.dotline{ border-top:1px dashed #c1c1c1;}

#leftcol{ float:left; width:730px;}
#leftcol p{ font-size:12px;}
#rightcol{ float:right; width:200px; background:url(../images/righttop.png) top left no-repeat;}
#rightcol div{ margin-top:10px;}
#rightcol ul{ list-style-type:none; margin:0 0px 0 20px; padding:0 0 0 5px; }
#rightcol ul span{ font-size:13px; text-transform:uppercase; font-weight:bold; color:#303030; }
#rightcol ul li{font-size:12px; border:1px dotted #cccccc; padding:5px 0 5px 24px; margin:2px; background: url(../images/arrow.png) no-repeat 5%; }



#footer { padding: 15px 0px 0px 0px; color: #CDCCCC; text-align: center; font-size:12px; background:#F4F4F4 url(../images/bottombg.jpg) repeat-x;}
#footer a {color: #303030;	text-decoration: none; margin:0px 21px; }
#footer a:hover {text-decoration:underline; color:#0E83AF; }

#footerline{line-height:20px; border-top:0px solid #dcdcdc; height:30px; color:#515151;}
#footerline .copyright{ float:left; font-size:10px; color:#858585;}
#footerline .jovial{ color:#858585; float:right; font-size:10px;}
#footerline .jovial a{ color:#858585; text-decoration:none;}
#footerline .jovial a:hover{ color:#303030;text-decoration:underline; }

.client{ margin:0;}
.client img{ border:3px solid #E2E2E2; background:#FFFFFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:10px;}
.client img:hover{ border:3px solid #999999;}

.border{border:1px #D8D8D8 solid; background:#EEE; }

#marqueecontainer{position: relative;width: 200px; height: 300px; overflow: hidden;}
.headingclients {margin-bottom:10px; padding:0px 0px 0px 0px; font-size: 21px; color:#303030; font-weight:normal; font-family:"Arial Rounded MT Bold";
width:200px;
 
}
.headingclients1 {margin-bottom:0px; padding:40px 0px 0px 0px; font-size: 21px; color:#303030; font-weight:normal; font-family:"Arial Rounded MT Bold";
width:255px;
 
}
.headingclients2 {margin-bottom:5px; margin-top:20px; padding:20px 0px 0px 0px; font-size: 21px; color:#303030; font-weight:normal; font-family:"Arial Rounded MT Bold";
}
.headingclients3 {margin-bottom:5px; margin-top:10px; padding:30px 0px 0px 0px; font-size: 21px; color:#303030; font-weight:normal; font-family:"Arial Rounded MT Bold";
}
.headingclients4 {margin-bottom:10px; margin-top:40px; padding:0px 0px 0px 0px; font-size: 21px; color:#303030; font-weight:normal; font-family:"Arial Rounded MT Bold";
}
.headingclients5 {margin-bottom:10px; margin-top:px; padding:40px 0px 0px 0px; font-size: 21px; color:#303030; font-weight:normal; font-family:"Arial Rounded MT Bold";
}

/*label{width: 200px; float: left;text-align: left;margin-right: 0.5px; display: block; color: #515151;font-size: 12px;}
input{color: #515151;border: 1px solid #ABADB3;}
textarea{color: #515151;border: 1px solid #ABADB3;}
legend{color: #515151;border: 0px solid #ABADB3; padding: 2px 6px; font-size:14px;}
fieldset{border: 1px solid #CCCCCC; width: 700px;padding : 0.5em 1em;}
#submitForm input { background: url(../images/buttonbg.jpg) no-repeat; background-color:#303030; color: #ffffff;  cursor: pointer;  font-weight: bold;  height: 25px;  padding-bottom: 2px;  width: 65px;}
*/

#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 635px;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 16px/100% Arial, Helvetica, sans-serif;
	text-transform:;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 30px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}