﻿/* CSS Document */
/*----General Start-----------*/
body{
	padding:0;
	margin:0;
	color:#1F1F1F;
	overflow:scroll;
	background-color:#7D7D7D;
	font:normal 14px/23px Arial, Helvetica, sans-serif;
}
div{
	padding:0;
	margin:0;
}
textarea{
	padding:0;
	margin:0;
}
select{
	padding:0;
	margin:0;
}
input{
	padding:0;
	margin:0;
}
form{
	padding:0;
	margin:0;
}
h5{
	padding:0;
	margin:0;
}
h4{
	padding:0;
	margin:0;
}
h3{
	padding:0;
	margin:0;
}
h2{
	padding:0;
	margin:0;
}
h1{
	padding:0;
	margin:0;
}
td{
	padding:0;
	margin:0;
}
span{
	padding:0;
	margin:0;
}
b{
	padding:0;
	margin:0;
}
p{
	padding:0;
	margin:0;
}
img{
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}
li{
	padding:0;
	margin:0;
}
a{
	padding:0;
	margin:0;
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a.a{
	color:#003366;
	text-decoration:underline;
}
a.a:hover{
color:#009999;
	text-decoration:underline;
}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;

}
/*-------------General End-----------*/
/*-------------toppanel start-----------*/
#toppanel{
	background: #F5F5F5 url(../images/bodybg-wide2.jpg) repeat-x 0
0;
	color: #7D7D7D;
	overflow: hidden;
}
#toppanel .topinner{
	width:851px;
	margin:0 auto;
	padding:0 72px 0 66px;
	overflow:hidden;
	height:100%;
}
.logo{
	margin:27px 0 33px 0;
	float:left;
	width:auto;
}
#toppanel .topinner div.topright{
	padding: 0px;
	width: 247px;
	float: right;
	background: url(../images/right-emailbgphone.png) no-repeat 0 0;
	margin-bottom: 20px;
	margin-top: 0px;
}
#toppanel .topinner div.topright a{
	color:#969696;
	background-color:inherit;
	display:block;
	font-size:12px;
	line-height:36px;
	height:37px!important;
	float:left;
	width:auto;
	padding:0 0 0 63px;
}
#toppanel .topinner div.topright h1{
	text-transform: none;
	font-size: 14px;
	line-height: 18px;
	float: left;
	width: 245px;
	padding: 15px 0 0 0;
	color: #B4E4FA;
	text-align: center;
}
/*-------------banner start-----------*/
#toppanel .banner-wrap{
	background: url(../images/headerbg.jpg) no-repeat 0 46px;
	margin:0 auto;
	width:872px;
	padding:0 74px 18px 45px;
	overflow:hidden;
	height:376px;
}
#toppanel .banner-wrap ul.navigation{
	width:872px;
	float:left;
}
#toppanel .banner-wrap ul.navigation li{
	float:left;
	width:auto;
	margin-right:1px;
}
#toppanel .banner-wrap ul.navigation li a{
	color:#fff;
	background-color:inherit;
	font-size:14px;
	line-height:47px;
	padding:0 19px;
	height:53px;
	float:left;
	width:auto;
	font-weight:bold;
	display:block;
}
#toppanel .banner-wrap ul.navigation li a.active{
	background:url(../images/navbg.gif) repeat-x 0 0;
	text-decoration:none;
}
#toppanel .banner-wrap ul.navigation li a:hover{
	background:url(../images/navbg.gif) repeat-x 0 0;
	text-decoration:none;
}
#toppanel .banner-wrap ul.navigation li a.active span{
	background:url(../images/navarrow.gif) no-repeat 50% 100%;
	display:block;
	height:53px;
	float:left;
	width:auto;
}
#toppanel .banner-wrap ul.navigation li a:hover span{
	background:url(../images/navarrow.gif) no-repeat 50% 100%;
	display:block;
	height:53px;
	float:left;
	width:auto;
}
#toppanel .banner-wrap .banner{
	width:840px;
	float:right;
}
#toppanel .banner-wrap .banner .bannerRight{
	width:453px;
	float:right;
}
#toppanel .banner-wrap .banner img.bannerImg{
	float:left;
	margin:19px 0 0 2px;
}
#toppanel .banner-wrap .banner h2{
	color:#fff;
	background-color:inherit;
	font-size:37px;
	font-weight:bold;
	line-height:44px;
	padding:17px 0 0 0;
	text-transform:uppercase;
}
#toppanel .banner-wrap .banner p{
	color:#fff;
	background-color:inherit;
	line-height:23px;
	padding:11px 0 22px 0;
}
#toppanel .banner-wrap .banner a.more{
	background:url(../images/morebg.gif) no-repeat 0 0;
	width:96px;
	height:66px;
	line-height:32px;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 39px;
	display:block;
	font-weight:bold;
}
#toppanel .banner-wrap .banner a.more:hover{
	color:#000;
	background-color:inherit;
	text-decoration:none;
}
ul.numberlink{
	padding:10px 0 0 254px;
}
ul.numberlink li{
	float:left;
	width:auto;
}
ul.numberlink li a{
	background:url(../images/numberlink.gif) no-repeat 0 0;
	width:20px;
	height:20px;
	text-align:center;
	color:#8CDAFC;
	background-color:inherit;
	font-size:14px;
	line-height:20px;
	display:block;
	margin-right:12px;
}
ul.numberlink li a.active{
	color:#D3F1FF;
	background-color:inherit;
	text-decoration:none;
}
ul.numberlink li a:hover{
	color:#D3F1FF;
	background-color:inherit;
	text-decoration:none;
}
/*-------------banner end-----------*/
/*-------------toppanel End-----------*/
/*-------------body  start-----------*/
div.bodymaincon{
	background:url(../images/bodybg1.gif) repeat-x 0 0 #F5F5F5;
	color:#7D7D7D;
}
.bodymain{
	margin:0 auto;
	width:903px;
	padding:38px 0 32px 0;
    overflow:hidden;
	height:100%;
}
.bodymain div.upperContent{
	width:903px;
	float:left;
}
.bodymain div.welcomemain img{

}
.bodymain p{
	color:#7D7D7D;
	background-color:inherit;
}
.bodymain div.welcomemain{
	background: #fff no-repeat;
	float: left;
	width: 530px;
	margin-right: 23px;
	padding: 10px 0 49px 27px;
	position: relative;
	color: #191919;
	background-image: url(../images/welcome-top.jpg);
}
.bodymain div.welcomemain h4{
	width:500px;
	float:left;
	font-size:23px;
    line-height:28px; 
	padding-bottom:24px;	
}
.bodymain div.welcomemain img.bottom{
	float:left;
	width:557px;
	position:absolute;
	left:0px;
	background:0px;
}
.bodymain div.welcomemain p.weltxt1{
	width:292px;
	float:left;
	color:#7D7D7D;
	text-align:justify;
	background-color:inherit;
	background:none;
	padding: 0px 0 0 26px;
}
p.weltxt2{
	float: left;
	width: 483px;
	padding: 17px 0 0 0;
	color: #7D7D7D;
	background-color: inherit;
	background: none;
	text-align: justify;
}
.bodymain .resorce{
	background: #fff no-repeat;
	padding: 15px 0px 0px 25px;
	width: 295px;
	float: right;
	color: #7D7D7D;
	background-image: url(../images/resource-top.jpg);
}
.bodymain .resorce h2{
	color:#0B9FE0;
	background-color:inherit;
	font-size:23px;
	line-height:22px;
	background:url(../images/resorce-headingicon.gif) no-repeat 0 0;
	padding:0 0 0 34px;
}
.bodymain .resorce ul li{
	background:url(../images/resorce-icon2.gif) no-repeat 0 0;
	padding:0 0 0 30px;
	font-size:13px;
	line-height:16px;
	width:233px;
	margin:28px 0 0 0;
}
.bodymain .resorce img.bottom{
	width:320px;
	float:left;
	position:relative;
	left:-25px;
	top:0;
	background:0px;
}

p.view{padding:30px 0 0px 13px; float:left; width:auto}
p.view a{
	color:#0B9FE0;
	background-color:inherit;
	background:url(../images/viewi-con.gif) 0 9px no-repeat;
	text-decoration:underline;
	width:auto;
	height:18px;
	float:left;
	padding-left:2px;
	text-indent:15px;
}
a.view:hover{
	text-decoration:none;
}
.bodymain div.bottompanel{
	background: url(../images/bottom-bg_top.gif) 0 0 repeat-x #FFFFFF;
	color:#191919;
	width:844px;
	float:left;
	padding:27px 32px 16px 28px;
}
.bodymain div.bottompanel h2{
	font-size:23px;
	line-height:28px;
	padding-bottom:6px;
	border-bottom:1px solid #F0F0F0;
	float:left;
	width:842px;
}
.bodymain div.bottompanel div.bottombox{
	width:198px;
	float:left;
	border-right:1px solid #F0F0F0;
	margin-right:26px;
	padding:18px 0 0 0;
}
.bodymain div.bottompanel div.bottombox1{
	border-right:0;
	margin-right:0;
	width:169px;
}
.bodymain div.bottompanel div.bottombox img{
	width:auto;
	float:left;
}
.bodymain div.bottompanel div.bottombox p{
	width:167px;
	padding:13px 0 15px 0;
	float:left;
	color:#7D7D7D;
	background-color:inherit;
}
.bodymain div.bottompanel div.bottombox a{
	color:#0B9FE0;
	background-color:inherit;
	background:url(../images/more-icon.gif) no-repeat 0 50%;
	padding:0 0 0 14px;
	float:left;
	width:75px;
	text-decoration:underline;
}
.bodymain div.bottompanel div.bottombox a:hover{
	text-decoration:none;
}

.bodymain div.bottompanel img.fix{
	width:906px;
	float:left;
}
div.bottomshado{
	background:url(../images/bottomshado.gif) no-repeat 0 0;
	height:21px;
	float:left;
	width:906px;
	display:block;
	font-size:0;
	line-height:0;
} 

/*-------------body  End-----------*/
/*-------------footer start-----------*/
#footer{
	background: url(../images/footerbg.jpg) repeat-x 0
0;
	padding: 28px 0 25px 0;
}
#footer .footerinner{
	width: 904px;
	margin: 0 auto;
	background: no-repeat 585px
0;
}
#footer .footerinner .footerleft{
	width:641px;
	float:left;
}
#footer .footerinner .footerleft ul.footlink1{
	float:left;
	width:500px;
}
#footer .footerinner .footerleft ul.footlink1 li{
	background:url(../images/footerdevider.gif) no-repeat 0 50%;
	padding:0 11px;
	float:left;
	width:auto;
}
#footer .footerinner .footerleft ul.footlink1 li.nobg{
	background:none;
	padding-left:0;
}
#footer .footerinner .footerleft ul.footlink1 li a{
	color: #CCFFFF;
	background-color: inherit;
	font-size: 13px;
	line-height: 16px;
	text-decoration: underline;
}
p.copyright{
	color: #FFFFFF;
	background-color: inherit;
	padding: 12px 0 12px 0;
	float: left;
	width: 380px;
}
p.copyright a{
	color: #CCFFFF;
	background-color: inherit;
	text-decoration: underline;
}
#footer .footerleft ul.footlink2{
	float:left;
	width:500px;
}
#footer .footerinner .footerleft ul.footlink2 li{
	background:url(../images/footerdevider2.gif) no-repeat 0 50%;
	padding:0 8px;
	float:left;
	width:auto;
}
#footer .footerinner .footerleft ul.footlink2 li.nobg{
	background:none;
	padding-left:0;
}
#footer .footerinner .footerleft ul.footlink2 li a{
	color: #CCFFFF;
	background-color: inherit;
	font-size: 13px;
	line-height: 16px;
	text-decoration: underline;
}
p.telephone{
  font-size: 10px;
	line-height: 12px;
	float: right;
	width: 263px;
	color: #FFFFFF;
	background-color: inherit;
}
p.telephone a{
	color: #CCFFFF;
	background-color: inherit;
	text-decoration: underline;
}
/*-------------footer end-----------*/


/*--------Stylin Inner Pages ------*/
/*-------------header start-----------*/

.bodymain div.main{margin-bottom:22px;}
#toppanel .banner-wrap{
	background: url(../images/headerbg.jpg) no-repeat 0 46px;
	margin:0 auto;
	width:872px;
	padding:0 74px 18px 45px;
	overflow:hidden;
	height:376px;
}
#toppanel .banner-wrap ul.navigation{
	width:872px;
	float:left;
}
#toppanel .banner-wrap ul.navigation li{
	float:left;
	width:auto;
	margin-right:1px;
}
#toppanel .banner-wrap ul.navigation li a{
	color:#fff;
	background-color:inherit;
	font-size:14px;
	line-height:47px;
	padding:0 19px;
	height:53px;
	float:left;
	width:auto;
	font-weight:bold;
	display:block;
}
#toppanel .banner-wrap ul.navigation li a.active{
	background:url(../images/navbg.gif) repeat-x 0 0;
	text-decoration:none;
}
#toppanel .banner-wrap ul.navigation li a:hover{
	background:url(../images/navbg.gif) repeat-x 0 0;
	text-decoration:none;
}
#toppanel .banner-wrap ul.navigation li a.active span{
	background:url(../images/navarrow.gif) no-repeat 50% 100%;
	display:block;
	height:53px;
	float:left;
	width:auto;
}
#toppanel .banner-wrap ul.navigation li a:hover span{
	background:url(../images/navarrow.gif) no-repeat 50% 100%;
	display:block;
	height:53px;
	float:left;
	width:auto;
}

#header{
	margin:0 auto;
	width:872px;
	padding:0 74px 18px 45px;
	overflow:hidden;
	height:36px;
}
#header ul.navigation{
	width:872px;
	float:left;
}
#header ul.navigation li{
	float:left;
	width:auto;
	margin-right:1px;
}
#header ul.navigation li a{
	color:#fff;
	background-color:inherit;
	font-size:14px;
	line-height:47px;
	padding:0 19px;
	height:53px;
	float:left;
	width:auto;
	font-weight:bold;
	display:block;
}
#header ul.navigation li a.active{
	background:url(../images/navbg.gif) repeat-x 0 0;
	text-decoration:none;
}
#header ul.navigation li a:hover{
	background:url(../images/navbg.gif) repeat-x 0 0;
	text-decoration:none;
}
#header ul.navigation li a.active span{
	background:url(../images/navarrow.gif) no-repeat 50% 100%;
	display:block;
	height:53px;
	float:left;
	width:auto;
}
#header ul.navigation li a:hover span{
	background:url(../images/navarrow.gif) no-repeat 50% 100%;
	display:block;
	height:53px;
	float:left;
	width:auto;
}
#header .banner{
	width:453px;
	float:right;
}
#header .banner h2{
	color:#fff;
	background-color:inherit;
	font-size:47px;
	font-weight:bold;
	line-height:54px;
	padding:17px 0 0 0;
	text-transform:uppercase;
}
#header .banner p{
	color:#fff;
	background-color:inherit;
	line-height:23px;
	padding:11px 0 22px 0;
}
#header .banner a.more{
	background:url(../images/morebg.gif) no-repeat 0 0;
	width:96px;
	height:66px;
	line-height:32px;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 39px;
	display:block;
	font-weight:bold;
}
#header .banner a.more:hover{
	color:#000;
	background-color:inherit;
	text-decoration:none;
}
ul.numberlink{
	padding:10px 0 0 254px;
}
ul.numberlink li{
	float:left;
	width:auto;
}
ul.numberlink li a{
	background:url(../images/numberlink.gif) no-repeat 0 0;
	width:20px;
	height:20px;
	text-align:center;
	color:#8CDAFC;
	background-color:inherit;
	font-size:14px;
	line-height:20px;
	display:block;
	margin-right:12px;
}
ul.numberlink li a.active{
	color:#D3F1FF;
	background-color:inherit;
	text-decoration:none;
}
ul.numberlink li a:hover{
	color:#D3F1FF;
	background-color:inherit;
	text-decoration:none;
}
/*-------------header end-----------*/

/* stylin inner pages */
div.bodymain ul.blog{
	width: 500px;
	padding: 0 32px 0 0 ;
}
div.bodymain ul.blog li{
	padding:0 0 10px 0;
}
div.bodymain ul.blog li h2{
	font-size:26px;
	line-height: 32px;
	font-weight:normal;
	color:#;
	width: 500px;
	float:left;
}
div.bodymain ul.blog li img{
	float:left;
	border:1px solid #E0E0E0;
	margin:5px 20px 5px 0;
}
div.bodymain ul.blog li p{
	width:500px;
	float:left;
	text-align:justify;
	padding-bottom: 16px;
}
div.bodymain ul.blog li p.date{
	width:500px;
	float:left;
}
div.bodymain ul.blog li a{
	color:#0B9FE0;
	background:inherit;
}
div.bodymain ul.blog li p.readMore a{
	text-decoration:underline;
	color:#0B9FE0;
}
/* stylin sidebar content */
div.resorce h3{
	width:262px;
	float:left;
	padding: 25px 0 0 32px;
	font-size: 20px;
	color:#0B9FE0;
	line-height:32px;
	font-weight:normal;
	background:inherit;
	text-decoration:underline;
	background-image:none;
}
div.resorce ul.sidebar{
	width:275px;
	float:left;
}
div.resorce ul.sidebar li{
	display:block;
	float:left;	
	width:233px;
	padding-left:15px;
	margin:10px 0 5px 32px;
	background: url(../images/more-icon.gif) 0 5px no-repeat;
}
div.resorce ul.sidebar li a{
	width: 220px;
	color:#0B9FE0;	
	padding: 10px 0;
	background-image:none;
}
/* stylin services page */
.bodymain div.welcomemain img.service{
	width: 569px;
	float:left;
}
.bodymain div.welcomemain p.para{
	color:#7D7D7D;
	width: 500px;
	text-align:justify;
	background-color:inherit;
	background:none;
	padding: 20px 10px 0 0;
}
.bodymain div.welcomemain p.readMore{
	width: 500px;
	float:left;
	margin-top:20px;
}
.bodymain div.welcomemain p.readMore a{
	color:#0B9FE0;
	background-color:inherit;
	background:url(../images/more-icon.gif) no-repeat 0 50%;
	padding:0 0 0 14px;
	float:left;
	width:75px;
	text-decoration:underline;
}

/* stylin contact us page */
div.resorce div.address{
  width: 292;
  float:left;
}
div.resorce div.contact{
  width:290px;
  float:left;
  padding-bottom: 16px;
}
div.resorce p.address{
  width:230px;
  float:left;
  padding: 25px 0 0 32px;
}
div.resorce p.address span{
  	font-size: 20px;
	color:#0B9FE0;
	line-height:32px;
    text-decoration:underline;
}
div.resorce div.contact a{
  color: #0B9FE0;
  padding: 25px 0 0 32px;
}

/* stylin portfolio.page */
ul.portfolio h2{
	border-bottom: 1px dotted #DFDFDF;
}

/* style for sitemap */
ul.sitemap li a{
  color: #0B9FE0;
  text-decoration:underline;
}
ul.sitemap li a:hover{
  text-decoration:none;
}

/* stylin usefulins */
div.welcomemain h4.title{
  width: 560px;
  float:left;
  padding-bottom: 20px;
}
div.welcomemain p.usefull{
  width: 475px;
  padding: 20px 0 0 0;
}
ul.useful{
  width: 500px;
  float: left;
}
ul.useful li{
  display:block;
  padding: 4px 0;
  padding-left: 25px;
  background: url(../images/viewi-con.gif) 0 12px no-repeat;
}
ul.useful li.item{
  height: 22px;
  padding-left: 25px;
  background: url(../images/resorce-icon2.gif) 0 5px no-repeat;
}
ul.useful li a{
  color: #0B9FE0;
  padding:2px 0;
}
div.welcomemain h2{
  line-height: 36px;
}

/* copyright notices */
div.privacy p{
  float: left;
  width:850px;
  font-size:12px;
  padding:16px 10px 5px 0;
  text-align:justify;
}

.lrggrey {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}

.imgstyleright {
	margin: 0px 0px 3px 10px;
	border: 2px solid #666666;
}
p.weltxt3 {
	float: left;
	width: 473px;
	padding: 17px 10 0 0;
	color: #7D7D7D;
	background-color: inherit;
	background: none;
	text-align: justify;
}
.lrgblack {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}
.leftmargin {
	margin-left: 10px;
	margin-bottom: 3px;
}
.imgstyle2 {
	float: none;
}
.liststyle1 {
	color: #0B9FE0;
	background-color: inherit;
	background: url(../images/more-icon.gif) no-repeat 0 50%;
	padding: 0 0 0 14px;
	float: left;
	width: 75px;
	text-decoration: underline;
}
.imgstyleleft {
	margin: 0px 10px 3px 0px;
	border: 2px solid #666666;
}
.imgstylenone {
	margin: 0px 0px 3px 0px;
	border: 2px solid #666666;
}
.linesolid {
	line-height: 5px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #808080;
	margin-bottom: 3px;
	margin-right: 30px;
}
