/* General Styles  */
*{
	margin:0;
	padding:0;
	}

body{
	font:13px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#818181;
	background:#fff;
	}

ul{
	list-style-type:none;
	}

a{
	outline:none;
	}

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}


/* Top Panel Styles */
#topContainer{
	background:url(../images/top-container-bg.gif) 0 0 repeat-x;
	}

#header{
	width:912px;
	height:122px;
	margin:0 auto;
	background:url(../images/top-pan-bg.gif) 0 0 repeat-x;
	padding:0 20px 0 38px;
	}

#header div.logoPan{
	float:left;
	width:185px;
	margin:22px 24px 0 0;
	}
	
.logoPan img{
	display:block;
	}

.logoPan h1{
	font-weight:normal;
	font-size:13px;
	line-height:15px;
	color:#A0A0A0;
	background-color:inherit;
	}

#topMenu{
	float:right;
	margin:9px 0 0 0;
	width:auto;
	height:48px;
	}
	
#topMenu li{
	float:left;
	width:auto;
	font-size:11px;
	line-height:14px;
	padding:0 8px 0 8px;
	background:url(../images/top-nav-divider.gif) 100% 2px no-repeat;
	}
	
#topMenu li.noBg{
	background:none;
	}
	
#topMenu li a{
	float:left;
	width:auto;
	color:#808080;
	background-color:inherit;
	text-decoration:none;
	}
	
#topMenu li a:hover{
	color:#016DAE;
	background-color:inherit;
	}
	
#navigation{
	float:right;
	width:680px;
	background:url(../images/navigation-bg.gif) 0 0 repeat-x;
	}
	
#navigation span.right{
	float:right;
	display:block;
	width:34px;
	height:41px;
	background:url(../images/nav-right-bg.gif) 0 100% no-repeat;
	}	
	
#navigation ul{
	float:left;
	width:auto;
	height:41px;	
	padding:0 0 0 48px;
	background:url(../images/nav-left-bg.gif) 0 0 no-repeat;
	}
	
#navigation ul li{
	float:left;
	width:auto;
	font-size:14px;
	line-height:16px;
	}
	
#navigation ul li a{
	float:left;
	display:block;
	width:auto;
	line-height:41px;
	padding:0 26px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	}

#navigation ul li a:hover{
    background:url(../images/nav-hover.gif) repeat-x 0 0;
	color:#fff;
	background-color: inherit;
	}
	
#navigation ul li a.active{
	color:#fff;
	background:url(../images/nav-hover.gif) repeat-x 0 0;
	background-color:inherit;
	}
	

/* Body Panel Styles */
#bodyContainer{    
	background:url(../images/mid-body-bg.gif) 0 0 repeat-x #FFFFFF;
	color:inherit;
	}
	
#bodybg{
	width:930px;
	margin:0 auto;
	color:#333;
	background:#fff;
	padding:0 20px;
	}
	
.banner{
	width:899px;
	height:173px;
	Padding:60px 0 35px 31px;
	background:url(../images/Banner-bg.jpg) no-repeat 0 0;
	}

.banner h2{
	position:relative;
	font-size:34px;
	line-height:36px;
	color:#034772;
	background-color:inherit;
	Padding:0 0 12px 0;
	}

.banner p{
	width:562px;
	font-size:14px;
	line-height:22px;
	color:#484848;
	background-color:inherit;
	padding:0 0 20px 0;
	}

.banner a{
	font-size:14px;
	line-height:26px;
	color:#3AC500;
	background-color:inherit;
	background:url(../images/bullet.gif) no-repeat 0 4px;
	padding:0 0 0 18px;
	text-decoration:underline;
	}

.banner a:hover{
	color:#3AC500;
	background-color:inherit;
	text-decoration:none;
	}

#bodyPan{
	width:930px;
	height:100%;
	overflow:hidden;
	padding:10px 0 10px 0;
	}
	
/* Left Panel Styles */	
#leftPan{
	float:left;
	width:622px;
	padding:0 39px 0 0;
	}
#leftPan a{
	color:#034772;
	background-color:inherit;
	text-decoration:none;
}
#leftPan a:hover{
	color:#000;
	background-color:inherit;
}
#leftPan h2{
	margin:0 0 15px;
	font-size:27px;
	line-height:29px;
	color:#3AC500;
	background-color:inherit;
	}
	
#leftPan h2 span{
	color:#034772;
	background-color:inherit;
	}

#leftPan p{
	padding:0 0 22px 0;
	color:#818181;
	background-color:inherit;
	}

.topleftpan{
	padding:0 0 0 20px;
	}
.topleftpan img.about{
	float:left;
	margin: 0 10px 10px 0;
}
	
#servicepan{
	width:602px;
	position:relative;
	color:#868686;
	background:#F4F4F4;
	padding:12px 10px;
	}

#servicepan span.top{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:622px;
	height:12px;
	background:url(../images/service-pan-top-bg.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
	}

#servicepan span.bottom{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:622px;
	height:12px;
	background:url(../images/service-pan-bottom-bg.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
	}
	
#servicepan h2{
	font-size:25px;
	line-height:30px;
	color:#3AC500;
	background-color:inherit;
	}
	
#servicepan h2 span{
	color:#034772;
	background-color:inherit;
	}
	
#servicepan ul li{
	width:503px;
	position:relative;
	font-size:13px;
	line-height:18px;
	color:#868686;
	background:url(../images/serv-bullet.gif) no-repeat 18px 18px #FFFFFF;
	margin:10px 0 0 0;
	padding:11px 20px 18px 79px;
	}

#servicepan ul li strong{
	display:block;
	font-size:14px;
	line-height:25px;
	color:#034772;
	background-color:inherit;
	}

#servicepan ul li span.top{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:602px;
	height:12px;
	background:url(../images/serv-top-bg.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
	}

#servicepan ul li span.bottom{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:602px;
	height:12px;
	background:url(../images/serv-bottom-bg.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
	}


/* Right Panel Styles */	
#rightPan{
	float:right;
	width:269px;
	position:relative;
	}
	
#news{
	width:269px;
	position:relative;
	margin:0 0 35px 0;
	}
	
#news div.content{
	background:#EFEFEF url(../images/news-panel-bg.gif) repeat-x 0 0;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	padding:10px 0 0 17px;
	}
	
#news span.bottom{
	display:block;
	background:url(../images/right-but-bg.gif) bottom left no-repeat;
	height:14px;
	position:absolute;
	left:0px;
	bottom:0;
	width:269px;
	font-size:0;
	line-height:0;
	}
	
#news h2{
	background:url(../images/right-title-bg.gif) no-repeat 0 0;
	font:bold 16px/32px Tahoma, Arial, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color:inherit;
	padding:0 0 0 22px;
	}
	
#news h2 span{
	font-weight:normal;
	font-size:11px;
	padding:0;
	text-transform:lowercase;
	}
	
#news p{
	width:233px;
	line-height:18px;
	color:#535353;
	background-color:inherit;
	padding:14px 0 30px 3px;
	background:url(../images/news-dot-line.gif) repeat-x 50% 100%;
	}
	
#news p.nobg{
	background:none;
	} 

#news a{
	display:block;
	color:#034772;
	background-color:inherit;
	text-decoration:underline;
	}
	
#news a:hover{
	color:#034772;
	background-color:inherit;
	text-decoration:none;
	}
	
#testimonial{
	position:relative;
	width:269px;
	margin:0 0 27px 0;
	}
	
#testimonial h2{
	background:url(../images/right-title-bg.gif) no-repeat 0 0;
	font:bold 16px/32px Tahoma, Arial, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	text-transform:uppercase;
	padding:0 0 0 20px;
	}	
	
#testimonial h2 span{
	font-weight:normal;
	font-size:11px;
	text-transform:none;
	}
		
#testimonial div.content{
	background:url(../images/testimonial-bg.gif) repeat-x 0 0;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	padding:17px 0 0 17px;
	}
	
#testimonial span.bottom{
	display:block;
	width:270px;
	height:15px;
	position:absolute;
	left:0;
	bottom:0;
	font-size:0;
	background:url(../images/testimonial-buttom-bg.gif) no-repeat 0 100%;
	}
	
#testimonial span.top{
	display:block;
	background:url(../images/testiomn-top-bg.gif) no-repeat 0 0;
	line-height:0;
	font-size:0;
	height:15px;
	}
	
#testimonial div.content p.quote{
	font-size:13px;
	line-height:18px;
	background-color:#FFFFFF;
	border-left:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	color:#858585;
	padding:2px 0 5px 22px;
	width:206px;
	}
	
.author{
	background:url(../images/testimonial-buttompan-bg.gif) no-repeat 0 0;
	height:70px;
	width:230px;
	}
	
.author p{
	font-size:12px;
	line-height:20px;
	font-style:italic;
	padding:30px 0 0 125px;
	}
	

/* Footer Panel Styles */
#footer{
	margin:0 auto;
	width:940px;
	background:url(../images/footer-bg.gif) repeat-x 0 0;
	height:40px;
	padding:40px 0 0 30px;
	position:relative;
	}
#footer p{
	float:right;
	font-size:10px;
	line-height:12px;
	color:#A1CAE2;
	background-color:inherit;
	width:400px;
	padding:0 20px 0 0;
	}
#footer p a{
	color:#A1CAE2;
	background-color:inherit;
	text-decoration:none;
	}
#footer p a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:inherit;
	}
	
#footer ul{
	padding:0;
	float:left;
	width:470px;
	}
	
#footer ul li{
	background:url(../images/footer-nav-divider.gif) no-repeat 100% 3px;
	float:left;
	width:auto;
	padding:0 6px 0 6px;
	}
#footer ul li.nobg{
	background-image:none;
	}
#footer ul li a{
	font-size:10px;
	line-height:13px;
	color:#FFFFFF;
	background-color:inherit;
	float:left;
	width:auto;
	text-decoration:none;
	}
#footer ul li a:hover{
	color:#73C8FF;
	background-color:inherit;
	float:left;
	width:auto;
	text-decoration:none;
	}

 /* ---- styling inner pages---
---- customize style or ------
---use your own style-sheet--*/

/* ---Blog pages--- */
#leftPan div.topleftpan ul{
  margin:0;
  padding:0;
  padding: 10px 0;
}
#leftPan div.topleftpan ul li{
  padding:0 0 10px 0;
}
#leftPan div.topleftpan ul li p{
  padding: .75em 0;
}
ul#blog li h3{
  font-size: 22px;
  font-weight: 600;
  color: #016DAE;
  padding: .2em 0;
}
ul#blog li p.postdate{
  border-bottom: 1px dotted #034772;
}
ul#blog li img{
  float: left;
  margin:12px 9px 0 10px;
  border: 1px solid #E2E2E2;
}
ul#blog li a.readMore{
  background: #3AC500;
  -moz-border-radius: 6px;
  -web-kit-radius:6px;
  padding: 6px 9px;
  color: #003300;
}
ul#blog li a.readMore:hover{
  background: #3AC500;
  padding: 6px 9px;
  color: #fff;
}

/* blog sidebar content */
#news h3{
	padding: 0  0 4px 0;
	line-height: 22px;
	}
#news ul.lists{
	margin-top: 5px;
}
#news ul.lists li{
	padding:0 0 6px 0;
}

/* services pages---*/
#services{
	width:602px;
	position:relative;
	color:#868686;
	background:#F4F4F4;
	padding:12px 10px;
	}

#services span.top{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:622px;
	height:12px;
	background:url(../images/service-pan-top-bg.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
	}

#services span.bottom{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:622px;
	height:12px;
	background:url(../images/service-pan-bottom-bg.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
	}

#services h2{
	font-size:25px;
	line-height:30px;
	color:#3AC500;
	background-color:inherit;
	}

#services h2 span{
	color:#034772;
	background-color:inherit;
	}

#services ul li{
	width:503px;
	position:relative;
	font-size:13px;
	line-height:18px;
	color:#868686;
	background: url(../images/bullet.gif) no-repeat 18px 18px #FFFFFF;
	margin:10px 0 0 0;
	padding:12px 0 10px 40px;
	}

#services ul li strong{
	display:block;
	font-size:14px;
	line-height:25px;
	color:#034772;
	background-color:inherit;
	}

#services ul li span.top{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:602px;
	height:12px;
	background:url(../images/serv-top-bg.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
	}

#services ul li span.bottom{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:602px;
	height:12px;
	background:url(../images/serv-bottom-bg.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
	}

/* ----Portfolio----- */

/* ---Blog pages--- */
ul#portfolio li h3{
  font-size: 22px;
  font-weight: 600;
  color: #016DAE;
  padding: .2em 0;
}
ul#portfolio li img{
    float: left;
    border: 1px solid #CCCCCC;
    margin:12px 9px 0 10px;
}

/*---- site map--- */
#siteMap{
	width:602px;
	position:relative;
	color:#868686;
	padding:12px 10px;
	}
#siteMap ul.sitemap li{
	width:503px;
	font-size:13px;
	line-height:18px;
	color:#868686;
	background: #fff url(../images/bullet.gif) no-repeat 18px 9px;
	margin:10px 0 0 0;
	padding:5px 0 0 40px;
	}

/* Privacy & policy statements */
/* Left Panel Styles */	
#privacy{
	float:left;
	width:900px;
	padding:0 39px 0 0;
	}
#privacy a{
	color:#034772;
	background-color:inherit;
	text-decoration:none;
}
#privacy a:hover{
	color:#000;
	background-color:inherit;
}
#privacy h2{
	margin:0 0 15px;
	font-size:27px;
	line-height:29px;
	color:#3AC500;
	background-color:inherit;
	}
	
#privacy h2 span{
	color:#034772;
	background-color:inherit;
	}

#privacy p{
	padding:0 0 22px 0;
	color:#818181;
	text-align:justify;
	background-color:inherit;
	}