@import url("master.css");
html{
	background:url(../images/main-bg.jpg) repeat-x #FFFFFF;
}

body {
	background:url(../images/bottom-bg.gif) repeat-x  bottom;
}

/* --------------------------------------------------------	
					HOME WRAPPER
----------------------------------------------------------- */
#homeWrapper {
	width:1002px;
	margin:0 auto;
}

/* --------------------------------------------------------	
					HEADER
----------------------------------------------------------- */
#header {
	height:141px;
	width:1002px;	
}

#header #logo {
	height:129px;
	padding:10px 0 0 80px;
	width:314px;
}

#header #headerRHS {
	text-align:right;
	width:606px;
}

#header #headerRHS #headerIcon {
	height:93px;
	padding-right:67px;
	margin-top:12px;
}

#header #headerRHS #headerIcon li {
	padding:0 20px 0 26px;
}

#header #headerRHS #headerIcon li.blog {
	background:url(../images/blog-icon.jpg) no-repeat;
}

#header #headerRHS #headerIcon li.sitemap {
	background:url(../images/sitemap-icon.gif) no-repeat;
}

#header #headerRHS #headerIcon li a {
	color:#3c3c3c;
}

/* --------------------------------------------------------	
					NAVIGATION
----------------------------------------------------------- */
#nav {
	width:520px;
	height:36px;
	padding-right:80px;
}

#nav li {
	padding-right:4px;
	float:right;
}

#nav li a {
	color:#000000;
	font-size:13px;
	font-weight:700;
	display:block;
	padding:10px 8px 12px;
}

#nav li a:hover, #nav li a.active {
	background:url(../images/nav-hover.gif) repeat-x;
	color:#FFFFFF;
	padding:10px 8px 12px;
	text-decoration:none;
}

/* --------------------------------------------------------	
					BANNER
----------------------------------------------------------- */
#banner {
	margin:0 auto;
	margin-top:5px;
	text-align:center;
}

/* --------------------------------------------------------	
					HOME CONTENT 
----------------------------------------------------------- */
#homeContentMain {
	width:1002px;
	overflow:hidden;
	text-align:center;
}

#homeContentMain #contentMid {
	width:858px;
	overflow:hidden;
	padding:34px 0px 32px 20px;
	margin:0 auto;
}

#homeContentMain #contentMid .webServices {
	float:left;
	text-align:left;
}

#homeContentMain #contentMid .webServices.box-first {
	width:258px;
	padding-left:20px;
}

#homeContentMain #contentMid .webServices.box-second {
	width:238px;
	padding-left:40px;	
}

#homeContentMain #contentMid .webServices.box-third {
	width:193px;
	padding-left:75px;	
}

#homeContentMain #contentMid .webServices h1 {
	height:94px;
}

#homeContentMain #contentMid .webServices ul {
	margin-bottom:10px;	
}

#homeContentMain #contentMid .webServices li {
	background:url(../images/correct-arrow-bullet.gif) no-repeat;
	padding:0 0 9px 28px;
	font-weight:bold;
}

#homeContentMain #contentMid .webServices li a {
	color:#333333;
}

#homeContentMain #contentMid .webServices li a:hover {
	text-decoration:underline;
}

#homeContentMain #contentMid .webServices p {
	padding-left:25px;
}

#homeContentMain #contentMid .webServices p a {
	color:#5bb114;
	text-decoration:underline;
	font-weight:700;
}

#homeContentMain #contentMid .webServices p a:hover {
	text-decoration:none;
}

#homeContentMain #contentMid .webServices h1.webDesign {
	background:url(../images/web-design-icon.gif) no-repeat left top;	
}

#homeContentMain #contentMid .webServices h1.webDevelopment {
	background:url(../images/web-development-icon.gif) no-repeat left top;	
}

#homeContentMain #contentMid .webServices h1.webMarketing {
	background:url(../images/web-marketing-icon.gif) no-repeat left top;	
}

#homeContentMain #contentMid #prodBoxMain {
	background:url(../images/prod-box-gray-bg.gif) repeat-x left 0px;
	float:left;
	height:201px;
	margin:32px 18px 0 0;
	width:542px;
}

#contentMid #prodBoxMain #prodVerticalBox {
	background:url(../images/prod-vert-img.jpg) no-repeat left top;
	height:201px;
}

#contentMid #prodBoxMain #prodVerticalBox #prodRightCorner {
	background:url(../images/prod-right-bg-img.gif) no-repeat right top;
	height:201px;
}

#contentMid #prodBoxMain #prodVerticalBox #prodRightCorner #prodDesc {
	float:left;
	height:189px;
	padding:12px 0 0 0px;
}

#contentMid #prodBoxMain #prodVerticalBox #prodRightCorner #prodDesc.firstBox {
	background:url(../images/prod-divider.gif) no-repeat right center;
	padding-left:75px;
	width:213px;
}

#prodRightCorner #prodDesc h2 a {
	display:block;
	width:181px;
	height:96px;
}

#prodRightCorner #prodDesc p.more {
	float:right;
	text-align:right;
}

#prodRightCorner #prodDesc p.more a {
	width:28px;
	height:30px;
	position:absolute;	
	right:385px;
	top:940px;
	text-indent:-9999px;
}

#prodRightCorner #prodDesc p.more a:hover {
	text-decoration:none;
}

#prodRightCorner #prodDesc h2.quantum {
	background:url(../images/quantum-secure.gif) no-repeat;
	height:104px;
}

#prodRightCorner #prodDesc h2.ps {
	background:url(../images/ps-img.gif) no-repeat;
	height:104px;
}

#prodRightCorner #prodDesc h3 {
	color:#333333;
	font-size:13px;;
	margin-bottom:5px;
	text-align:left;
	padding-right:5px;
}

#prodRightCorner #prodDesc p {
	color:#399a05;
	line-height:17px;
	font-size:11px;
	font-weight:700;
	text-align:left;
	padding-right:10px;
}

#contentMid #clientTestimonial {
	background:url(../images/client-testimonials-box-img.jpg) no-repeat;
	width:277px;
	float:left;
	margin-top:32px;
	height:201px;
}
#contentMid #clientTestimonial p.testimonial {
	color:#FFFFFF;
	text-align:left;
	padding:82px 22px 15px;
}

#contentMid #clientTestimonial p.clientName {
	color:#333333;
	padding-left:22px;
	text-align:left;
	font-weight:bold;
}

#contentMid #clientTestimonial p.moreClient {
	float:right;
	text-align:right;
}

#contentMid #clientTestimonial p.moreClient a {
	width:28px;
	height:30px;
	position:absolute;	
	right:90px;
	top:940px;
	text-indent:-9999px;
}

#contentMid #clientTestimonial p.moreClient a:hover {
	text-decoration:none;
}

/* --------------------------------------------------------	
					FOOTER MAIN
----------------------------------------------------------- */
#footerMain {
	background:url(../images/footer-bg.gif) repeat-x;
	margin:0 auto;
	width:875px;
	padding-top:10px;
	border-left:1px solid #2e6e0c;
	border-right:1px solid #2e6e0c;
	text-align:center;
	height:184px;
}

#footerMain #clientTesti {
	border-bottom:1px solid #286308;
	background:url(../images/conveyor-belt-bg.gif) no-repeat;
	clear:both;
	padding:10px 20px 11px; 
	margin:0 auto;
	width:783px;
	height:85px;
}

#footerMain #footerContent {
	clear:both;
	color:#c5ddb7;
	width:823px;
	margin:0 auto;
	border-top:1px solid #75af56;
	padding:15px 0;
}

#footerMain #footerContent a {
	color:#c5ddb7;
	padding:3px;
}

#footerMain #footerContent a:hover {
	background:#215605;
	color:#bdcdb4;
	padding:3px;
}

#footerMain p {
	color:#c4dcb7;
	text-align:left;
	padding-left:23px;
}