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

html.inner{
	background:url(../images/inner-body-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:4px 20px 0 26px;
	height:21px;
}

#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;
}

/* --------------------------------------------------------	
					BREADCRUMP
----------------------------------------------------------- */
#breadcrump {
	width:849px;
	clear:both;
	apdding-left:26px;
	margin:12px auto 0px;
}

#breadcrump a {
	color:#31750c;
	font-weight:700;
}

#breadcrump li, #breadcrump span {
	color:#333333;
	font-weight:700;
}

/* --------------------------------------------------------	
					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, #contentMidContact .ContactGrayBox p a {
	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, #contentMidContact .ContactGrayBox 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;
}

/* --------------------------------------------------------	
				INNER CONTENT
----------------------------------------------------------- */
#homeContentMain #contentMidInner, #homeContentMain #contentMidInnerServices {
	width:858px;
	overflow:hidden;
	padding:15px 0px 32px 20px;
	margin:0 auto;
	text-align:left;
}

#homeContentMain #serviceLeftCol {
	width:209px;
	float:left;
	margin-left:75px;
	padding:15px 3px 0 0;
	display:inline;	
}

#homeContentMain #contentMidInnerServices {
	width:601px;
	float:left;
}

#homeContentMain #contentMidInner h1, #homeContentMain #contentMidInnerServices h1 {
	/*background:url(../images/about-header.gif) no-repeat;
	text-indent:-9999px;*/
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;	
	font-weight:500;
	font-size:20px;
	text-align:left;
	margin-bottom:22px;
}

#homeContentMain #contentMidInner h2, #homeContentMain #contentMidInnerServices h2 {
	font-size:16px;
	font-weight:400;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:20px;
	margin-bottom:20px;
}

#homeContentMain #contentMidInner h2 span {
	color:#5db314;
	font-weight:bold;
}

#homeContentMain #contentMidInner p, #homeContentMain #contentMidInnerServices p {
	font-size:13px;
	margin-bottom:20px;
	text-align:left;
}

/* --------------------------------------------------------	
					ABOUT US
----------------------------------------------------------- */
.aboutBottomBox, #portfolioMainBox {
	text-align:left;
	width:840px;
}

.aboutBottomBox .box {
	border:1px solid #bfc0bf;
	width:384px;
	color:#333333;
	padding:85px 0px 0 12px;
}

.aboutBottomBox .box td {
	font-weight:700;
	font-size:11px;
	padding-bottom:12px;
}

.aboutBottomBox .box td a {
	color:#333333;
	text-decoration:underline;
}

.aboutBottomBox .box.first {
	background:url(../images/best-service-box.gif) no-repeat left top;
	float:left;
}

.aboutBottomBox .box.second {
	background:url(../images/company-mission-box.gif) no-repeat left top;
	float:right;
}

.aboutBottomBox .box.second p {
	line-height:20px;
	margin-bottom:18px;
}

/* --------------------------------------------------------	
					PORTFOLIO
----------------------------------------------------------- */
#portfolioMainBox .portfolioInnerBox {
	float:left;
	width:260px;
}

#portfolioMainBox .portfolioInnerBox h3 {
	color:#38860e;
	font-size:16px;
	font-weight:500;
	margin-bottom:15px;
}

#portfolioMainBox .portfolioInnerBox .imgDiv {
	text-align:center;
	height:150px;
	width:258px;
	border:1px solid #e1e0e0;
}

#portfolioMainBox .portfolioInnerBox img {
	border:none;
	margin-top:10px;
}

#portfolioMainBox .portfolioInnerBox a.boxImg {
	background:#eeeeee;
	width:258px;
	height:149px;
	float:left;
}

#portfolioMainBox .portfolioInnerBox a.boxImg:hover, #portfolioMainBox .portfolioInnerBox a#active {
	background:#505050;
	width:258px;
	height:149px;
}

#portfolioMainBox .portfolioInnerBox p {
	font-weight:11px;
	margin:15px 0 0;
}

#portfolioMainBox .portfolioInnerBox div.visit {
	margin:0px;
	padding:0px;
}

#portfolioMainBox .portfolioInnerBox div.visit a {
	display:block;
	width:103px;
	height:31px;
	background:url(../images/visit-site.gif) no-repeat left top;
	text-indent:-9999px;
}

#portfolioMainBox .portfolioInnerBox div.visit a:hover {
	display:block;
	width:103px;
	height:31px;
	background:url(../images/visit-site.gif) no-repeat left -31px;
	text-indent:-9999px;
}

#portfolioMainBox .portfolioInnerBox.marginRight {
	margin-right:27px;
}

/* --------------------------------------------------------	
					TESTIMONIALS
----------------------------------------------------------- */
#contentMidTestimonials {
	width:874px;
	overflow:hidden;
	padding:15px 0px 32px;
	margin:0 auto;
	text-align:justify;
}

#contentMidTestimonials h1 {
	/*background:url(../images/about-header.gif) no-repeat;
	text-indent:-9999px;*/
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;	
	font-weight:500;
	font-size:20px;
	text-align:left;
	padding-left:20px;
}

#contentMidTestimonials .testimonialTopBg {
	background:url(../images/testi-top-bg.gif) no-repeat -50px top;
	width:923px;
	float:left;
	height:55px;
}

#contentMidTestimonials .testimonialBottomBg {
	background:url(../images/testi-bottom-bg.gif) no-repeat -50px top;
	width:923px;
	float:left;
	height:55px;
}

#contentMidTestimonials .testimonialBoxMid {
	background:url(../images/testi-mid-bg.gif) repeat-x #fdfdfd;
	width:825px;
	float:left;
	padding:0 70px 0 23px;
}

#contentMidTestimonials .testimonialBoxMid p.para {
	color:#2e2e2e;
	font:normal 12px Georgia, Arial, Helvetica, sans-serif;
	font-style:italic;
}

#contentMidTestimonials .testimonialBoxMid p.para.firstpara {
	margin-bottom:6px;
}

#contentMidTestimonials .testimonialBoxMid p.secondpara {
	font:normal 12px Georgia, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:700;
	text-align:right;
	color:#2e2e2e;
}

/* --------------------------------------------------------	
					CONTACT US
----------------------------------------------------------- */
#contentMidContact {
	width:854px;
	overflow:hidden;
	padding:38px 0px 32px 20px;
	margin:0 auto;
	text-align:justify;
}

#contentMidContact .ContactGrayBox {
	border:1px solid #cfd0ce;
	background:url(../images/contact-gray-bg.gif) repeat-x;
	float:left;
	font-size:13px;
	padding-left:18px;
	width:370px;
	height:488px;
}

#contentMidContact .ContactGrayBox.firstBox {
	margin-right:55px;
}

#contentMidContact .ContactGrayBox h1 {
	font-size:22px;
	font-weight:bold;
	font-style:italic;
	padding:32px 0 41px;
}

#contentMidContact .ContactGrayBox h1.contactInfo {
	background:url(../images/contact-info-img.jpg) no-repeat 95% center;	
}

#contentMidContact .ContactGrayBox h1.contactForm {
	background:url(../images/contact-form-icon.jpg) no-repeat 95% center;	
}

#contentMidContact .ContactGrayBox h2 {
	color:#c54824;
	font-size:16px;
	font-weight:bold;
	padding:28px 0 14px;
}

#contentMidContact .ContactGrayBox p {
	color:#181717;
	font-weight:700;
	line-height:26px;
}

#contentMidContact .ContactGrayBox p span, #contentMidContact .ContactGrayBox p a {
	color:#3c950c;
}

#contentMidContact .ContactGrayBox form {
	margin:42px 0 0;
	padding:0px;
}

#contentMidContact .ContactGrayBox label {
	text-align:right;
	width:101px;
	float:left;
	margin-right:12px;
	padding-top:5px;
	margin-bottom:10px;
}

#contentMidContact .ContactGrayBox label span {
	color:red;
}

#contentMidContact .ContactGrayBox input, #contentMidContact .ContactGrayBox textarea {
	float:left;
	width:222px;
}

#contentMidContact .ContactGrayBox input {
	height:22px;
	margin-bottom:10px;
}

#contentMidContact .ContactGrayBox textarea  {
	height:118px;
	margin-bottom:18px;
	background:#FFFFFF;
}

#contentMidContact .ContactGrayBox input.submitBtn {
	background:url(../images/submit-btn.gif) no-repeat;
	width:86px;
	height:30px;
	border:none;
	cursor:pointer;
	margin-left:112px;
}

/* --------------------------------------------------------	
					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, #footerMain #footerContent a.active {
	background:#215605;
	color:#bdcdb4;
	padding:3px;
}

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





/* --------------------------------------------------------	
					ADD NEW CSS
----------------------------------------------------------- */	
#contentMid #whoweare{width:298px; float:left; text-align:left;border-right:1px solid #ededed;}

#contentMid #whoweare p {
	font-size:11px;
	line-height:18px;
	margin-bottom:20px;
}

#contentMid #whoweare p span {
	color:#38860e;
	text-decoration:underline;
}

#contentMid #whoweare p.based {
	color:#58ab13;
	font-weight:700;
	font-size:12px;
}

#contentMid .MidBoxHead.midBoxWhoWeAre, #contentMid .MidBoxHead.midBoxWhatWeDo {
	border-bottom:1px solid #e5e5e3;
	text-align:left;
	float:left;
}

#contentMid .MidBoxHead.midBoxWhoWeAre {
	width:275px;
	margin-bottom:20px;	
}

#contentMid .MidBoxHead.midBoxWhatWeDo {
	width:209px;
	margin-bottom:15px;
}

#contentMid .MidBoxHead h2.whoWeAre, #contentMid .MidBoxHead h2.recentWork, #contentMid .MidBoxHead h2.whatWeDo, #contentMid .MidBoxHead h2.Testi, #contentMid #quickQuoteSec h2, #serviceLeftCol .MidBoxHead h2 {
	padding-bottom:16px;
	text-indent:-10000px;
	margin:0px;	
}

#quickQuoteSec h2 {
	font-size:22px;
}

#contentMid .MidBoxHead h2.whoWeAre {
	background:url(../images/home-who-we-are-img.gif) no-repeat 5px top;	
}

#contentMid .MidBoxHead h2.recentWork {
	background:url(../images/home-recent-work-img.gif) no-repeat 5px top;	
}

#contentMid .MidBoxHead h2.whatWeDo, #serviceLeftCol .MidBoxHead h2.whatWeDo {
	background:url(../images/home-what-we-do-img.gif) no-repeat 5px top;	
}

#contentMid .MidBoxHead h2.Testi, #serviceLeftCol .MidBoxHead h2.Testi {
	background:url(../images/home-testi-img.gif) no-repeat 5px top;	
}

#contentMid #whatwedo{width:243px; float:left; }

#contentMid #whatwedo #whatWeDoContent, #serviceLeftCol #whatwedo #whatWeDoContent {
	width:209px;
	margin:0 auto;
}

#contentMid #whatwedo #whatWeDoContent ul li, #serviceLeftCol #whatwedo #whatWeDoContent ul li {
	border-bottom:1px solid #d8d8d7;
	float:left;	
	text-align:left;
}

#contentMid #whatwedo #whatWeDoContent ul li a, #serviceLeftCol #whatwedo #whatWeDoContent ul li a {
	padding:6px 0;
	background:#ffffff url(../images/home-what-we-do-bullet-arrow-img.gif) no-repeat 4px 12px;
	float:left;	
	color:#535352;
	font-weight:700;
	padding-left:18px;
	width:193px;
}

#contentMid #whatwedo #whatWeDoContent ul li a:hover, #serviceLeftCol #whatwedo #whatWeDoContent ul li a:hover {
	background:#f1f1f1 url(../images/home-what-we-do-bullet-arrow-img.gif) no-repeat 4px 12px;	
	color:#6eab3c;
	text-decoration:none;
}

#contentMid #whatwedo #whatWeDoContent #homeTestiQuote, #serviceLeftCol #whatwedo #whatWeDoContent #homeTestiQuote {
	background:url(../images/home-testi-quote-img.gif) no-repeat left top;
	text-align:left;
	float:left;
	padding-left:16px;
} 

#contentMid #whatwedo #whatWeDoContent #homeTestiQuote p, #serviceLeftCol #whatwedo #whatWeDoContent #homeTestiQuote p {
	font-size:11px;
	line-height:18px;
}

#contentMid #whatwedo #whatWeDoContent #homeTestiQuote p span, #serviceLeftCol #whatwedo #whatWeDoContent #homeTestiQuote p span {
	color:#429103;
	font-weight:700;
}

#contentMid #quickQuoteSec{width:293px; float:left; background:url(../images/quote-bootm-round.gif) no-repeat left bottom;padding-bottom:6px;}

#contentMid #quickQuoteSec h2 {
	background:url(../images/home-quick-quote-form-top-img.gif) no-repeat;
	margin:0px;
	padding:0px;
}	

#contentMid #quickQuoteSec #formMain {
	background:url(../images/quote-form-bg-img.gif) repeat-x left bottom;
}

#contentMid #quickQuoteSec #formMain {
	background:url(../images/quick-quote-form-bg.gif) repeat-y;
} 

#contentMid #quickQuoteSec #formgradBg{
	background:url(../images/quote-form-bg-img.gif) repeat-x 0% 100%;
	margin:0 auto;
	width:291px;
	padding:0;
}

#contentMid #quickQuoteSec form {
	width:227px;
	margin:0 auto;
	text-align:left;
	padding-top:20px;
	COLOR:#000000;
}

#contentMid #quickQuoteSec form  label {
	width:225px;
	float:left;
	font-size:11px;
	margin-bottom:8px;
}

#contentMid #quickQuoteSec form input {
	margin-bottom:14px;
	border:1px solid #d0d0d0;
	width:170px;
	height:22px;
	font-size:11px;	
}

#contentMid #quickQuoteSec form input.quoteSubmit {
	border:none;
	width:86px;
	height:56px;
	margin:0px;
	padding:0px;
}

#contentMid #quickQuoteSec form textarea {
	margin-bottom:20px;
	width:223px;
	height:98px;
	border:1px solid #d0d0d0;
}