/* General style  */

body{
	background:url(../images/body-bg.gif) 0 0 repeat-x #D6E8FA;
	font:normal 13px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#5B5B5B;
	padding:0;
	margin:0;
}
*{
	margin:0;
	padding:0;
}
html
{
	overflow-y:scroll;
}
a{
	outline:none;
	text-decoration:none;
}
ul{
	list-style-type:none;
}

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

/* Top panel style */

.topbg{
	background:url(../images/toppan-bg.gif) 50% 0 no-repeat;
	padding:24px 0 0 0;
}

#toppan{
	width:932px;
	margin:0 auto;
	padding:14px 18px 0 0;
	position:relative;
}
#toppan img.logo{
	position:absolute;
	top:0;
	left:14px;
}
#toppan h1{
	font-size:14px;
	line-height:16px;
	color:#fff;
	background-color:inherit;
	float:right;
	width:auto;
	margin:0 0 37px 0;
}
#toppan ul.mainnav{
	margin:0 0 0 20px;
}
#toppan ul.mainnav li {
	padding:0 14px 0 0;
	float:left;
	width:auto;
	font-size:14px;
	line-height:38px;
	font-weight:normal;
}
#toppan ul.mainnav li a{
	display:block;
	line-height:38px;
	float:left;
	width:auto;
	color:#356AA0;
	background-color:inherit;
}
#toppan ul.mainnav li a span{
	display:block;
	padding:0 30px 0;
	height:38px;
	float:left;
	width:auto;
	cursor:pointer;
}
#toppan ul.mainnav li a:hover, #toppan ul.mainnav li a.active{
	background:url(../images/nav-bg.gif) 100% 0 no-repeat;
	display:block;
	color:#fff;
	background-color:inherit;
}
#toppan ul.mainnav li a:hover span, #toppan ul.mainnav li a.active span{
	background:url(../images/nav-ltcurve.gif) 0 0 no-repeat;
	display:block;
}

/* Body panel start */
#bodybg {
	background:url(../images/curve-bg.gif) 50% 0  no-repeat;
	margin:6px 0 0 0;
}

#bodyContainer {
	background:url(../images/countainer-bg.gif) 0 0 repeat-x #fff;
	color:inherit;
	width:910px;
	padding:20px 20px 0;
	margin:0 auto;
	height:100%;
	overflow:hidden;
}
#bodyContainer ul{width:907px; float:left}
#bodyContainer ul li{width:907px; float:left}
/* Header Panel style */
#header {
	background:url(../images/header-banner.gif) 0 0 no-repeat;
	width:872px;
	height:250px;
	padding:26px 0 0 38px;
	position:relative;
	
}
#header div.headertext {
	width:480px;
	float:left;
	margin:5px 0 0 0;
}
#header h2 {
	font-size:36px;
	line-height:39px;
	color:#fff;
	background-color:inherit;
	font-weight:normal;
	margin:0 0 17px 0;
	width:480px;
	float:left;
}
#header ul{width:872px; height:250px; float:left;}
#header ul li{width:872px; height:250px; float:left; display:block}
#header p {
	font-size:14px;
	line-height:20px;
	color:#fff;
	background-color:inherit;
	margin:0 0 26px 0;
	width:445px;
	float:left;
	text-align:justify;
}
#header a.learnmore {
	background:url(../images/learn-more.gif) 0 0 no-repeat;
	width:98px;
	height:34px;
	font-size:14px;
	line-height:28px;
	color:#000;
	padding:0 0 0 28px;
	background-color:inherit;
	display:block;
	float:left;
}
#header a.learnmore:hover {
	color:#376BA1;
	background-color:inherit;
}
#header img {
	float:left;
	display:block;
	width:auto;
	margin:0px; 
	padding:0px;
}

/* body panel*/

#bodypan {
	width:910px;
	background:url(../images/body-shadow.gif)0 0 no-repeat;
	padding:26px 0;
}

#bodypanIn {
	width:910px;
	padding:0px;
}

/* News Panel style */
#leftPan {
	width:247px;
	background:url(../images/news-bot.gif) 0 100% no-repeat #F2F2F2;
	color:#404040;
	float:left;
}
#leftPan h3 {
	width:207px;
	padding:0 20px 0 20px;
	background:url(../images/news-bg.gif) 0 0 no-repeat;
	color:#fff;
	background-color:inherit;
	font-size:18px;
	line-height:37px;
	margin-bottom:18px;
}
#leftPan p{
	padding:0 20px 35px 20px;
	line-height:15px;
}
#leftPan p.contact{
	padding:0 20px 35px 20px;
	line-height:20px;
}
#leftPan p a{
	color:#00509C;
	background-color:inherit;
	text-decoration:underline;
}
#leftPan p a:hover{
	color:#000;
	background-color:inherit;
	text-decoration:none;
	}

/* Right Panel style */
#rightPan{
	width:598px;
	float:right;
	padding-right:25px;
}	
#rightPan h2{
	font:bold 25px/27px Verdana, Arial, Helvetica, sans-serif;
	color:#D98500;
	background-color:inherit;
	padding-bottom:20px;
}
#rightPan h2 span{
	color:#356AA0;
	background-color:inherit;
}
#rightPan p.blutxt{
	color:#356AA0;
	background-color:inherit;
}
#rightPan p{
	padding-bottom:20px;
}
#rightPan p.services{
	padding-bottom:20px;
	width:598px;
	float:right;
	text-align:left;
}
#rightPan p.services a.readmore
	{
		float:right;
		margin:10px 0 0 0;
		padding:0px;
		color: #356aa0;
		text-decoration:none;
		font-weight:bold;
		
	}
#rightPan p.services a.readmore:hover
	{
		float:right;
		margin:10px 0 0 0;
		padding:0px;
		color: #356aa0;
		text-decoration: underline;
		font-weight:bold
	}


/* Bottom Body panel start */
#bodypanBot{
	background:url(../images/body-bot-shadow.gif) 0 0 no-repeat;
	width:910px;
	height:100%;
	overflow:hidden;
	padding:23px 19px 32px 22px;
}
#bodypanBot div.box{
	float:left;
	width:253px;
	margin-right:55px;
}	
#bodypanBot div.box div{
	padding-bottom:20px;
	background:url(../images/blue-bg.gif) 0 0 no-repeat;
}
#bodypanBot div.box div h3{
	background:url(../images/star.gif) 11px 50% no-repeat;
	padding:0 0 0 35px;
	font:bold 16px/37px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#bodypanBot div.box ul.service{
	line-height:30px;
	color:#00509C;
	background-color:inherit;
}	
#bodypanBot div.box ul.service li{
	background:url(../images/tick.gif) 5px 50% no-repeat;
	padding:0 0 0 31px;
}
#bodypanBot div.box ul.service li a{
	color:#00509C;
	background-color:inherit;
	text-decoration:none;
}
#bodypanBot div.box ul.service li a:hover{
	color:#000;
	background-color:inherit;
}
p.testimonialText{
	background:url(../images/quote-start.gif) 0 0 no-repeat;
	text-indent:26px;
}
p.testimonialText span{
	background:url(../images/qoute-end.gif) 100% 100% no-repeat;
	padding:0 25px 5px 0;
}

#bodypanBot div.box p.author {
	text-align:right;
	color:#E38A00;
	background-color:inherit;
	padding-right:15px;
	padding-top:22px;
	line-height:17px;
}
#bodypanBot div.box p.author span{
	color:#7B634A;
	background-color:inherit;
	font-style:italic;
	font-size:13px;
}
#bodypanBot div.box p.contxt{
	font-size:12px;
	line-height:20px;
	padding-bottom:20px;
}
#bodypanBot div.box p.contxt a{
	color:#356AA0;
	background-color:inherit;
	text-decoration:underline;
}
#bodypanBot div.box p.contxt a:hover{
	color:#000;
	background-color:inherit;
	text-decoration:none;
}

/* Misc*/	
.noMar{
	margin:0!important;
}

/* Footer start*/	

#footer{
	background:url(../images/footer-bg.gif) 0 0 repeat-x;
	height:100%;
	overflow:hidden;
	padding:33px 30px;
	width:890px;
	margin:0 auto;
}
#footer p{
	float:left;
	width:auto;
	color:#B7B7B7;
	background-color:inherit;
	font-size:12px;
	line-height:14px;
}
#footer p a{
	color:#B7B7B7;
	background-color:inherit;
	text-decoration:none;
}
#footer p a:hover{
	color:#000;
	background-color:inherit;
}
#footer ul{
	float:right;
	width:auto;
	font-size:12px;
	line-height:14px;
	color:#9A9A9A;
	background-color:inherit;
}
#footer ul li{
	display:inline;
}
#footer ul li a{
	color:#9A9A9A;
	background-color:inherit;
	text-decoration:none;
	padding:0 3px 0 4px;
}
#footer ul li a:hover{
	color:#000;
	background-color:inherit;
}
#rightPan p.about{
	width:598px;
	float:right;
	margin:0px;
	padding:0 0 20px 0;
}
#rightPan p.about span.avatar
	{
		float:left;
		margin:0px;
		padding:0px;
		width:105px;
	}
#rightPan p.about span.aboutcontent
	{
		float:left;
		margin:0px;
		padding:0 0 0 25px;
		width:468px;
		text-align:justify;
	}
#rightPan p.about span.aboutcontent span
	{
		width:468px;
		float:left;
		padding:0 0 4px 0;
		font-weight:bold;
	}
#rightPan ul.service{
	line-height:30px;
	color:#00509C;
	background-color:inherit;
	width:299px;
	float:left;
	padding:0 0 25px 0;
}	
#rightPan ul.service li{
	background:url(../images/tick.gif) 5px 50% no-repeat;
	padding:0 0 0 31px;
	width:268px;
	float:left;
}
#rightPan ul.service li a{
	color:#00509C;
	background-color:inherit;
	text-decoration:none;
}
#rightPan ul.service li a:hover{
	color:#000;
	background-color:inherit;
}
#rightPan ul#portfolio
	{
		float:left;
		margin:0px;
		padding:0px;
		width:598px;
		display:block;
	}
#rightPan ul#portfolio li
	{
		float:left;
		margin:0px;
		padding:0 0 25px 0;
		width:299px;
		display:block;
	}
#rightPan ul#portfolio li a.portfolio01
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url(../images/portfolioimage.jpg) no-repeat  0 -132px;
		width:239px;
		height:126px;
	}
#rightPan ul#portfolio li a.portfolio01:hover
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url(../images/portfolioimage.jpg) no-repeat  0 0;
		width:239px;
		height:126px;
	}
#rightPan ul#portfolio li p
	{
		float:left;
		margin:10px 0 0 0;
		width:239px;
		text-align:justify;
		padding:0px;
	}
#rightPan ul#portfolio li span
	{
		float:left;
		margin:10px 0 0 0;
		width:239px;
		font-weight:bold;
		color: #356aa0;
		text-align:center
	}
#rightPan ul#portfolio li p a.readmore
	{
		float:left;
		margin:10px 0 0 0;
		color:#356aa0;
		text-decoration:none;
	}
#rightPan ul#portfolio li p a.readmore:hover
	{
		float:left;
		margin:10px 0 0 0;
		color:#356aa0;
		text-decoration: underline;
	}
#rightPan ul#portfolio li a.portfolio02
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url(../images/portfolioimage.jpg) no-repeat -266px -132px;
		width:239px;
		height:126px;
	}
#rightPan ul#portfolio li a.portfolio02:hover
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url(../images/portfolioimage.jpg) no-repeat  -266px 0;
		width:239px;
		height:126px;
	}
#rightPan ul#portfolio li a.portfolio03
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url(../images/portfolioimage.jpg) no-repeat -530px -132px;
		width:239px;
		height:126px;
	}
#rightPan ul#portfolio li a.portfolio03:hover
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url(../images/portfolioimage.jpg) no-repeat  -530px 0;
		width:239px;
		height:126px;
	}
#rightPan ul#portfolio li a.portfolio04
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url(../images/portfolioimage.jpg) no-repeat -792px -132px;
		width:239px;
		height:126px;
	}
#rightPan ul#portfolio li a.portfolio04:hover
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		background:url(../images/portfolioimage.jpg) no-repeat  -792px 0;
		width:239px;
		height:126px;
	}
#rightPan ul#blog{
	width:598px;
	margin:0px;
	padding:0px;
	float:left;
	display:block
}
#rightPan ul#blog li{
	width:598px;
	margin:0px;
	padding:0 0 25px 0;
	float:left;
	display:block
}
#rightPan ul#blog li h2{
	width:598px;
	margin:0px;
	padding:0px;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
}
#rightPan ul#blog li p.blogcontent
	{
		float:left;
		margin:9px 0 0 0;
		padding:0px;
		width:598px;
		text-align: justify
	}
#rightPan ul#blog li p.blogcontent a
	{
		color: #356aa0;
		text-decoration: underline;
	}
#rightPan ul#blog li p.blogcontent a:hover
	{
		color: #356aa0;
		text-decoration: none;
	}
#rightPan ul#blog li p.blogcontent span
	{
		color: #356aa0;
		font-weight:bold;
	}
#rightPan ul#blog li p.blogimage
	{
		float:left;
		margin:9px 0 0 0;
		padding:0px;
		width:525px;
	}
#rightPan ul.sitemap {
	margin:0px;
	padding:0 0 25px 0;
	width:560px;
	display:block;
	float:left;
	}
#rightPan ul.sitemap li{

	width:532px;
	display:block;
	float:left;
	margin:10px 0 0 0;
	padding:0 0 0 18px;
	display:block;
	background: url(../images/sitemapicon.gif) no-repeat;
	color: #4c2306;
	}
#rightPan ul.sitemap a {
	text-decoration:none;
	color: #356aa0;
	}
#rightPan a:hover {
	text-decoration: underline;
	color: #356aa0;
	}
/* Easy Slider */

	#slider{position:relative; float:left; width:auto; padding:0 0 26px 0}	
	#prevBtn a, #nextBtn a{  
		display:block;
		width:40px;
		height:40px;
		position:absolute;
		z-index:8;
		left:890px;
		top:115px;
		text-indent:-9999px;
		background:url(../images/nxtIco.png) no-repeat
		}	
	#nextBtn a{ 
	    left:-20px;
		background:url(../images/prevIco.png) no-repeat;
		}