@charset "utf-8";
/* CSS Document */

body {
	padding:0px;
	margin:0px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#080808;
	line-height:18px;
}
#container {
	width:1000px;
	margin:0px auto;
	margin-bottom:20px;
}
#mainArea {
	padding:20px 0px;
	overflow:hidden;
	clear:both;
	background-color:#ffffff/*border-right:1px solid #e0e0e0;*/
	
}
#leftPanel {
	float:left;
	width:262px;
}
#rightPanel {
	float:right;
	width:718px;
	text-align:justify;/*border-left:1px solid #e0e0e0*/
}
#footer {
	background-color:#000000;
	overflow:hidden;
	clear:both;
	padding:5px 10px;
	color:#6f7478;
	font-size:14px;
}
#footer a {
	color:#6f7478;
}
.contactInfo {
	float:left;
}
.Copyright {
	float:right;
}
#header {
	height:118px;
	overflow:hidden;
	clear:both;
}
.logo {
	float:left;
	padding-top:16px;
}
.strapline {
	float:right
}
#navigation {
	height:44px;
	overflow:hidden;
	clear:both;
}
#navigation ul {
	padding:0px;
	margin:0px;
	list-style:none
}
#navigation li {
	float:left;
}
#navigation li a{
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	text-indent:-1000px;
	height:44px;
}
#navigation li a.home{
	background-image: url(../images/home-btn.gif);
	width:138px;
	}
#navigation li a.homeActive{
	background-image: url(../images/home-btn-r.gif);
	width:138px;
	}
#navigation li a.about{
	background-image: url(../images/about-us-btn.gif);
	width:151px;
	}
#navigation li a.aboutActive{
	background-image: url(../images/about-us-btn-r.gif);
	width:151px;
	}
#navigation li a.services{
	background-image: url(../images/services-btn.gif);
	width:165px;
	}
#navigation li a.servicesActive{
	background-image: url(../images/services-btn-r.gif);
	width:165px;
	}
#navigation li a.testimonials{
	background-image: url(../images/testimonials-btn.gif);
	width:199px;
	}
#navigation li a.testimonialsActive{
	background-image: url(../images/testimonials-btn-r.gif);
	width:199px;
	}
#navigation li a.projects{
	background-image: url(../images/projects-btn.gif);
	width:167px;
	}
#navigation li a.projectsActive{
	background-image: url(../images/projects-btn-r.gif);
	width:167px;
	}
#navigation li a.contact{
	background-image: url(../images/contact-btn.gif);
	width:180px;
	}
#navigation li a.contactActive{
	background-image: url(../images/contact-btn-r.gif);
	width:180px;
	}
a img {
	border:0px;
	outline:none
}
p {
	padding:0xp;
	margin:0px;
	padding-bottom:18px;
}
h1 {
	padding:0xp;
	margin:0px;
	padding-bottom:16px;
	font-size:23px;
}
h2 {
	padding:0xp;
	margin:0px;
	padding-bottom:8px;
	font-size:20px;
	color:#0f9ffe
}
.blueText {
	color:#0f9ffe;
}
.features {
	background-color:#0f0f0f;
	padding:10px;
	color:#FFFFFF;
	overflow:hidden;
	margin-bottom:16px;
}
.features ul {
	padding:0px;
	margin:0px;
	list-style:none;
	margin-top:8px;
	overflow:hidden;
	background-image: url(../images/features-shade.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.features ul li {
	margin-bottom:12px;
	overflow:hidden;
}
.features img {
	float:left;
}
.features ul li div {
	float:left;
	width:198px;
	margin-left:8px;
}
.moreAboutUs {
	text-align:center;
	padding-top:12px;
	padding-bottom:8px;
	display:block;
	margin-left:14px;
}
.leftSections {
	padding:14px;
	background-image: url(../images/section-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background-color:#f6f6f6;
}
.headerImg {
	margin-bottom:20px;
}
.homeColA {
	float:left;
	width:352px;
	/*margin-left:14px;*/
}
.benefits {
	padding:0px;
	margin:0px;
	width:300px;
	float:right;
	border-left:1px solid #d9d9d9;
	padding-left:16px;
	margin-right:14px;
	background-image: url(../images/3f-water-mark.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.benefits ul {
	padding:0px;
	margin:0px;
	list-style:none;
	overflow:hidden;
	margin-top:5px;
}
.benefits ul li {
	padding:0px;
	margin:0px;
	overflow:hidden;
	padding-bottom:8px;
	background-image: url(../images/benefits-bullet.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left:28px;
}
/*------------------| contact start  |---------------- */
.contactDetails {
	float:right;
	width:250px;
	margin-left:20px;
	background-color:#f7f8f8;
	padding:15px;
	border:1px dashed #cacaca
}
.contactForm {
	float:left;
	width:360px;
	background-color:#f7f8f8;
	padding:15px;
	border:1px dashed #cacaca
}
.contactForm ul {
	padding:0px;
	margin:0px;
	list-style:none;
	margin-top:5px;
}
.contactForm li {
	background-image:none !important;
	padding-left:0px !important;
	overflow:hidden;
	padding-bottom:8px !important;
}
.contactForm li label {
	float:left;
	padding-bottom:3px;
	font-weight:bold;
	width:100px;
}
.contactForm li .contactBox {
	background-color:#eef2f2;
	border:1px solid #d3e0e0;
	padding:4px;
	float:left;
	width:246px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#2c2c2c;
}
.submitBtn {
	background-color:#0b94d0;
	color:#FFFFFF;
	border-top:1px solid #10a0df;
	border-left:1px solid #10a0df;
	border-right:1px solid #0086c0;
	border-bottom:1px solid #0086c0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:5px 10px;
}
.successMsg {
	font-weight:bold;
	color:#0b94d0
}
/*------------------| contact end  |---------------- */


















/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 10px solid #17a2ff;
	float: left;
	position: fixed;
	color:#080808;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -44px -44px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}