/* General style  */

body{
	font:normal 13px/22px "Trebuchet MS", arial, sans-serif;
	color:#727272;
	background:#EDEDED;
	padding:0;
	margin:0;
}
html
	{
		overflow-y:scroll;
	}
*{
	margin:0;
	padding:0;
}
a{
	outline:none;
	text-decoration:none;
}
axe{
	outline:none;
	text-decoration:none;
}
ul{
	list-style-type:none;
}

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

/* Header panel style */

#headerbg{
	background:url(../images/body-bg.gif) 0 100% repeat-x #5ca0d2;
	color:#fff;
	padding:37px 0 0 0;
}
#headerbginner{
	background: 0 100% repeat-x #5ca0d2;
	color:#fff;
	padding:37px 0 0 0;
}
/* Headerbanner panel style */

#headerBanner{
	background:url(../images/toppan-bg.gif) 0 100% no-repeat;
	width:981px;
	margin:0 auto;
	position:relative;
	padding:12px 0 0 0;
}
#headerBannerinner{
	background: #5ca0d2 0 100% no-repeat;
	width:981px;
	margin:0 auto;
	position:relative;
	padding:12px 0 0 0;
}

#headerBanner img.logo{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}

#headerBanner h1{
	float:left;
	font-size:13px;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	padding:2px 0;
	border-bottom:2px solid #000;
	border-top:2px solid #000;
	width:243px;
	margin:26px 0 0 0;
}

/* Mainnav style */

#headerBanner ul.mainnav {
	width:686px;
	background:url(../images/nav-bg.gif) 0 0 repeat-x;
	height:48px;
	float:right;
	position:relative;
}

#headerBanner ul.mainnav li {
	font-size:14px;
	line-height:48px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	width:auto;
}

#headerBanner ul.mainnav li a {
	color:#fff;
	background-color:inherit;
	padding:0 34px;
	display:block;
}

#headerBanner ul.mainnav li a.home {
	background:url(../images/home-nav.gif) 0 0 no-repeat;
	padding:0 28px;
	display:block; 
}

#headerBanner ul.mainnav li a.home:hover, #headerBanner ul.mainnav li a.home.active{
	background:url(../images/home-hover.gif) 0 0 no-repeat;
}

#headerBanner ul.mainnav li a.contact, #headerBanner ul.mainnav li a.contactactive:hover {
	background:url(../images/contact-nav.gif) 0 0 no-repeat;
	padding:0 36px 0 37px;
	display:block; 
}

#headerBanner ul.mainnav li a.contact:hover, #headerBanner ul.mainnav li a.contactactive{
	background:url(../images/Contact-hover.gif) 0 0 no-repeat;
	display:block; 
}


#headerBanner ul.mainnav li a:hover,a.active {
	background:url(../images/nav-hover.gif) 0 0 repeat-x;
}

#headerBanner span.shadow {
	width:686px;
	background:url(../images/nav-shadow.gif) 0 0 repeat-x;
	height:8px;
	float:right;
	font-size:0;
	line-height:0;
	display:block;
}

/* Content style */

#headerBanner div.content {
	width:588px;
	padding:48px 68px 50px 0;
	float:left;
	
}

#headerBanner div.content h2 {
	font-size:32px;
	line-height:36px;
	font-weight:normal;
	margin:0 0 19px 0;
}

#headerBanner div.content p {
	font-size:14px;
}


#headerBanner div.learn {
	width:271px;
	padding:0 0 100px 40px;
	float:right;
	background:url(../images/shadow-br.png) 0 0 no-repeat;
}

#headerBanner div.learn a.learnmore {
	background:url(../images/learnmore.gif) 0 0 no-repeat;
	width:271px;
	height:50px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:50px;
	color:#fff;
	background-color:inherit;
	display:block;
	float:left;
	margin:110px 0 0;
}

#headerBanner div.learn a.learnmore:hover {
	color:#000;
	background-color:inherit;
}

/* Bodypanel style */

#bodypan {
	background:#EDEDED;
	color:inherit;
	padding:30px 0 56px 0;
}
#bodypaninner {
	background:#EDEDED;
	color:inherit;
	padding:30px 0 0 0;
}

/* Middle panel style */

div.middlebox {
	width:887px;
	padding:40px 40px 14px 50px;
	margin:0 auto 38px;
	background:url(../images/middle-bg.gif) 0 0 repeat-y;
	position:relative;
}

div.middlebox span.topcurve {
	background:url(../images/middlecurve-top.gif) 0 0 no-repeat;
	width:981px;
	height:18px;
	display:block;
	font-size:0;
	line-height:0;
	position:absolute;
	top:0;
	left:0;
}

div.middlebox span.bottomcurve {
	background:url(../images/middlecurve-bottom.gif) 0 0 no-repeat;
	width:981px;
	height:18px;
	display:block;
	font-size:0;
	line-height:0;
	position:absolute;
	bottom:0;
	left:0;
}

div.middlebox p {
	padding:0 0 22px 0;
}

div.middlebox p span {
	font-size:16px;
	color:#539cd0;
	background-color:inherit;
}

/* Lower panel style */

#bodypan div.lowerpan {
	width:917px;	
	margin:0 auto;
	padding:0 28px 0 26px;
	background:url(../images/lowerpan-bg.gif) 0 0 repeat-x;
}

#bodypan div.lowerpan h3 {
	font-size:20px;
	line-height:41px;
	color:#2F2F2F;
	font-weight:bold;
	background-color:inherit;
	height:41px;
	margin:0 0 22px 0;
}

#bodypan div.lowerpan p {
	padding:0 0 22px 0;
}

#bodypan div.lowerpan a {
	color:#539cd0;
	background-color:inherit;
	text-decoration:underline;
}

#bodypan div.lowerpan a:hover {
	color:#1E1E1E;
	background-color:inherit;
	text-decoration:none;
}

#bodypan div.lowerpan a.readmore {
	background:url(../images/readmore-bg.gif) 0 0 no-repeat;
	width:118px;
	height:27px;
	color:#fff;
	background-color:inherit;
	font-size:14px;
	line-height:27px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:none;
	text-align:center;
}

#bodypan div.lowerpan a.readmore:hover {
	color:#1E1E1E;
	background-color:inherit;
}

#bodypan div.lowerpan ul.servicelist {
	margin:0 0 13px 0;
}

#bodypan div.lowerpan ul.servicelist li {
	padding:0 0 8px 0;
}

#bodypan div.lowerpan ul.links {
	margin:0 0 25px 0;
}

#bodypan div.lowerpan ul.links li {
	font-size:13px;
	line-height:15px;
	padding:12px 0;
	background:url(../images/link-border.gif) 0 100% repeat-x;
}

#bodypan div.lowerpan ul.links li.notoppad {
	padding:0 0 12px 0;

}

#bodypan div.lowerpan ul.links li.nodivider {
	background:none;

}

#bodypan div.lowerpan ul.links li a {
	padding:0 0 0 14px;
	background:url(../images/arrow.gif) 0 5px no-repeat;
	color:#5E5E5E;
	background-color:inherit;
	text-decoration:none;
}

#bodypan div.lowerpan ul.links li a:hover {
	color:#000;
	background-color:inherit;
}

div.lowerpan div.whatwedo {
	width:262px;
	padding:0 35px 0 0;
	background:url(../images/box-br.gif) 100% 0 repeat-y;
	margin:0 25px 0 0;
	float:left;
}

div.lowerpan div.service {
	width:285px;
	padding:0 20px 0 0;
	background:url(../images/box-br.gif) 100% 0 repeat-y;
	margin:0 28px 0 0;
	float:left;
}

div.relatedlinks {
	width:259px;
	float:left;
}

/* Footer panel style */

#footer {
	background:url(../images/footer-bg.gif) 0 0 repeat-x #111113;
	color:inherit;
}

#footer div.footercontent {
	padding:36px 0 70px 0;
	width:940px;
	margin:0 auto;
}

#footer div.footercontent div.footernav {
	width:565px;
	float:left;
}

#footer div.footercontent div.footernav ul li {
	background:url(../images/footer-nav-divider.gif) 0 3px no-repeat;
	padding:0 10px;
	font-size:12px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	float:left;
	width:auto;
}

#footer div.footercontent div.footernav ul li.noline {
	background:none;
	padding:0 10px 0 0;
	font-size:13px;
	line-height:16px;
	color:#fff;
	background-color:inherit;
}

#footer div.footercontent div.footernav ul li a {
	color:#fff;
	background-color:inherit;
}

#footer div.footercontent div.footernav ul li a:hover {
	color:#7D7D7D;
	background-color:inherit;
}

#footer div.footercontent div.footernav p {
	clear:both;
	font-size:12px;
	line-height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#898989;
	background-color:inherit;
	padding:15px 0 0 0;
}

#footer div.footercontent div.footernav p a.templateworld {
	color:#7D7D7D;
	background-color:inherit;
}

#footer div.footercontent div.footernav p a.templateworld:hover {
	color:#fff;
	background-color:inherit;
}

#footer div.footercontent div.contactinfo {
	width:257px;
	float:right;
}


#footer div.footercontent div.contactinfo p {
	font-size:12px;
	line-height:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#E8E8E8;
	background-color:inherit;	
}

#footer div.footercontent div.contactinfo a {
	color:#fff;
	background-color:inherit;
}

#footer div.footercontent div.contactinfo a:hover {
	color:#7D7D7D;
	background-color:inherit;;
}
div.middleboxinner {
	width:887px;
	padding:40px 40px 14px 50px;
	margin:0 auto 38px;
}
div.middleboxinner p.about {
	width:887px;
	padding:0 0 22px 0;
	float:left;
	}
div.middleboxinner  h2{
	width:887px;
	padding:0px;
	margin:0px;
	float:left;
	color:#2F2F2F;
	font-weight:bold;
}
#bodypan div.lowerpan p.about {
	width:917px;
	float:left;
	margin:0px;
	padding:0 0 13px 0;
	text-align:justify;
}
#bodypan div.lowerpan h3.innerheadins {
	width:917px;
	float:left;
	margin:0px;
	padding:0 0 10px 0;
}

#bodypan div.lowerpan p.abouttheteam
	{
		float:left;
		margin:0px;
		padding:0 0 20px 0;
		width:917px;
	}
#bodypan div.lowerpan p.abouttheteam span.avatar
	{
		float:left;
		margin:0px;
		padding:0px;
		width:105px;
	}
#bodypan div.lowerpan p.abouttheteam span.teamcontent
{
	float:left;
	margin:0px;
	padding:0 0 0 25px;
	width:787px;
}
#bodypan div.lowerpan p.abouttheteam span.teamcontent span
{
		width:787px;
		float:left;
		font-weight:bold;
		padding:3px 0 3px 0;
}
#bodypan div.lowerpan p.abouttheteam span.teamcontent a
	{
		color: #539cd0;
		text-decoration:underline;
	}
#bodypan div.lowerpan p.abouttheteam span.teamcontent a:hover
	{
		color: #539cd0;
		text-decoration:none;
	}
#bodypan div.lowerpan ul#latestblogs
	{
		float:left;
		margin:0px;
		padding:0px;
		width:625px;
		display:block;
	}
#bodypan div.lowerpan ul#latestblogs li
	{
		float:left;
		margin:0px;
		padding:0 0 15px 0;
		width:625px;
		display:block;
	}
#bodypan div.lowerpan ul#latestblogs li h3
	{
		float:left;
		margin:0px;
		padding:0px;
		width:625px;
		display: block;
	}
#bodypan div.lowerpan ul#latestblogs p.calender
	{
		float:left;
		margin:10px 0 0 0;
		padding:0px;
		background:url(../images/blogs.png) no-repeat;
		width:82px;
		height:83px;
	}
#bodypan div.lowerpan ul#latestblogs p.calender span.day
	{
		float:left;
		margin:0px;
		padding:10px 0 0 0;
		width:82px;
		text-align:center;
		font-size:20px;
		font-weight:normal;
		color:#539cd0;
		line-height:18px;
	}
#bodypan div.lowerpan ul#latestblogs p.calender span.month
	{
		float:left;
		margin:0px;
		padding:0px;
		width:82px;
		text-align:center;
		font-size:20px;
		font-weight:normal;
		color:#1c1b1c;
	}
#bodypan div.lowerpan ul#latestblogs li p.calender span.year
	{
		float:left;
		margin:0px;
		padding:6px 0 0 0;
		width:82px;
		text-align:center;
		font-size:14px;
		font-weight:normal;
		color:#797979;
		line-height:20px;
	}
#bodypan div.lowerpan ul#latestblogs li p.blogcontent
	{
		float:left;
		margin:10px 0 0 0;
		padding:0 0 0 20px;
		width:523px;
	}
#bodypan div.lowerpan ul#latestblogs li p.blogcontent span.heading
	{
		float:left;
		margin:10px 0 0 0;
		padding:0px;
		width:523px;
		font-size:20px;
		font-weight:normal;
		color:#000000;
		line-height:18px;
	}
#bodypan div.lowerpan ul#latestblogs li p.blogcontent span.normalcontent
	{
		float:left;
		margin:10px 0 0 0;
		padding:0px;
		width:523px;
		text-align:justify;
		font-size:13px;
		font-weight:normal;
		color: #797979;
		line-height:20px;
	}
#bodypan div.lowerpan ul#latestblogs li p.blogcontent span.normalcontent a
	{
		text-decoration: underline;
		color: #539cd0;
	}
#bodypan div.lowerpan ul#latestblogs li p.blogcontent span.normalcontent a:hover
	{
		text-decoration: none;
		color: #539cd0;
	}
#bodypan div.lowerpan ul#latestblogs li p.blogcontent span.normalcontent span
	{
		color: #539cd0;
		font-weight:bold;
	}
#bodypan div.lowerpan ul#latestblogs li p.blogcontent a.readmore
	{
	background:url(../images/readmore-bg.gif) 0 0 no-repeat;
	width:118px;
	height:27px;
	color:#fff;
	background-color:inherit;
	font-size:14px;
	line-height:27px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:none;
	text-align:center;
	float:left;
	margin:16px 0 0 0
	}
#bodypan div.lowerpan ul#blogarcives
	{
		float:left;
		margin:0px;
		padding:0 0 0 45px;
		display:block;
		width:247px;
	}
#bodypan div.lowerpan ul#blogarcives li
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		width:247px;
	}
#bodypan div.lowerpan ul#blogarcives li h3
	{
		float:left;
		margin:0px;
		padding:0px;
		display:block;
		width:247px;
	}
#bodypan div.lowerpan ul#blogarcives li a {
	color:#539cd0;
	background-color:inherit;
	text-decoration:underline;
}

#bodypan div.lowerpan ul#blogarcives li a:hover {
	color:#1E1E1E;
	background-color:inherit;
	text-decoration:none;
}
#bodypan div.lowerpan ul.servicelist1 {
	margin:0 0 13px 0;
	float:left;
	width:285px;
}

#bodypan div.lowerpan ul.servicelist1 li {
	padding:0 0 8px 0;
		float:left;
	width:285px;
}
#bodypan div.lowerpan ul#portfolio
{
	float:left;
	margin:0px;
	padding:0px;
	width:917px;
	display:block;
}
#bodypan div.lowerpan ul#portfolio li
{
	float:left;
	margin:0px;
	padding:0 0 25px 0;
	width:305px;
	display:block;
}
#bodypan div.lowerpan ul#portfolio li p.portfolioimage
{
	float:left;
	margin:0px;
	padding:0px;
	width:280px;
	display:block;
}
#bodypan div.lowerpan ul#portfolio li p.portfoliocontent
	{
		float:left;
		margin:16px 0 0 0;
		padding:0px;
		width:280px;
		text-align:justify;
		display:block;
	}
#bodypan div.lowerpan ul#portfolio li img
	{
		padding:2px;
		border:1px solid #d9d9d9;
	}
#bodypan div.lowerpan ul#portfolio li axe
	{
		padding:2px;
		border:1px solid #d9d9d9;
	}
#bodypan div.lowerpan ul#portfolio li h3
	{
		float:left;
		margin:0px;
		padding:0px;
		width:280px;
	}
#bodypan div.lowerpan ul#portfolio li a
{
		background:url(../images/readmore-bg.gif) 0 0 no-repeat;
	width:118px;
	height:27px;
	color:#fff;
	background-color:inherit;
	font-size:14px;
	line-height:27px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:none;
	text-align:center;
	float:left;
	margin:16px 0 0 0
}
#bodypan div.lowerpan div.contact
	{
		float:left;
		margin:0px;
		padding:0px;
		width:625px;
	}
#bodypan div.lowerpan div.contactaddress
	{
		float:left;
		margin:0px;
		padding:0 0 0 45px;
		width:245px;
	}
#bodypan div.lowerpan div.contactaddress p
	{
		float: left;
		margin:0px;
		padding:0 0 25px 0;
		width:245px;
	}
#bodypan div.lowerpan div.contactaddress p span
{
	float: left;
	margin:0px;
	padding:0 0 4px 0;
	width:245px;
	font-weight:bold;
}