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

html{
	background:url(../images/lower-bg.jpg) repeat-x left bottom #FFF;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

.bg-home{
	background:url(../images/top-bg.jpg) repeat-x left top;	
	min-height:800px;
}

.bg-inside{
	background:url(../images/top-bg-inside.jpg) repeat-x left top;
}

#wrap{
	width:993px;
	margin:0 auto;
	position:relative;
}

#header{
	background:url(../images/callnow.png) no-repeat right 60px;
	height:120px;
	position:relative;
}

	#header img{
		position:absolute;
		top:10px;
		left:0;
	}
	
	#header .phone a{
	width:250px;
	height:70px;
	position:absolute;
	bottom:5px;
	right:1px;
	}

#nav{
	background:url(../images/nav.jpg);
	height:35px;
}

#nav-inside{
	background:url(../images/nav-inside.jpg);
	height:35px;
}

	#nav ul{
		position:relative;
		height:35px;
	}
	
	#nav-inside ul{
		position:relative;
		height:36px;
	}
	
	#nav li, #nav-inside li{
	position:absolute;
	list-style:none;
	top: 1px;
	}
	
	#nav li a{
	height:35px;
	top:auto;
	display:block;
	}
	
	#nav-inside li a{
		height:36px;
		top:0;
		display:block;
	}
	
		.nav-home{
			width:81px; left:0;
		}
		
		.nav-home a:hover{
			background:url(../images/nav.jpg) 0 -35px;
		}		

		.nav-about{
			width:106px; left:83px;
		}
		
		.nav-about a:hover{
			background:url(../images/nav.jpg) -83px -35px;
		}
		
		.nav-seo{
			width:87px; left:191px;
		}
		
		.nav-seo a:hover{
			background:url(../images/nav.jpg) -191px -35px;
		}
		
		
		.nav-ppc{
			width:91px; left:280px;
		}
		
		.nav-ppc a:hover{
			background:url(../images/nav.jpg) -280px -35px;
		}
		
		
		.nav-web{
			width:147px; left:373px;
		}
		
		.nav-web a:hover{
			background:url(../images/nav.jpg) -373px -35px;
		}		
		
		.nav-design{
	width:146px;
	left:521px;
		}
		
		.nav-design a:hover{
			background:url(../images/nav.jpg) -522px -35px;
		}
		
		.nav-faq{
	width:65px;
	left:667px;
		}
		
		.nav-faq a:hover{
			background:url(../images/nav.jpg) -670px -35px;
		}		
		
		.nav-contact{
	width:108px;
	left:734px;
		}
		
		.nav-contact a:hover{
			background:url(../images/nav.jpg) -737px -35px;
		}		
		
		.nav-testimonials{
	width:146px;
	left:845px;
		}
		
		.nav-testimonials a:hover{
			background:url(../images/nav.jpg) -847px -35px;
		}		

#masthead{
	background:url(../images/masthead.jpg);
	height:304px;
}

#content-wrap{
	width:100%;
	text-align:justify;
	padding-top:5px;
	min-height:300px;
}

#content-wrap h2{
	color:#1387e9;
	font-size:22px;
	font-weight:normal;
}

		.seo-wrap{
			width:80%;
		}
		
		.seo-wrap	.green{
			color:#005a6d;
			font-size:14px;
			font-weight:bold;
			font-style:italic;
			text-indent:10px;
		}

	 	.green-h3{
			font-size:24px;
			font-weight:normal;
			color:#0091a8;
		}

.tour-banner, .site-analysis-banner{
	width:477px;
	height:158px;
	margin-bottom:10px;
}

.tour-banner{
	background:url(../images/banner-tour.jpg);	
}

	.tour-btn, .tour-btn a{
		background:url(../images/tour-btn.png) no-repeat 12px 20px;
		height:158px;
		width:477px;
		display:block;
	}
	
	.tour-btn a:hover{
		background:url(../images/tour-btn.png) no-repeat -455px 20px;
	}
	
.site-analysis-banner{
		background:url(../images/banner-site-analysis.jpg);	
}

		.analysis-btn, .analysis-btn a{
			background:url(../images/site-analysis-btn.png) no-repeat 12px 20px;
			height:158px;
			width:477px;
			display:block;
		}
	
		.analysis-btn a:hover{
			background:url(../images/site-analysis-btn.png) no-repeat -452px 20px;
		}

.content{
	width:607px;
	font-size:14px;
}

.content p{
	text-align:justify;
	padding:0 38px 0 0;
}

.content h2{
	color:#1387e9;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:10px;
}

	.more-traffic-wrap{
		background:url(../images/more-traffic-wrap.jpg);
		width:539px;
		height:189px;
		font-size:12px;
		margin:20px 0;
		padding:65px 0 0 30px;
	}
	
	.more-traffic-wrap h2{
		font-size:18px;
		font-weight:normal;
		font-style:normal;		
		color:#333331;
		line-height:0;
	}
	
	.more-traffic-wrap h3{
		font-size:20px;
		color:#333331;
		line-height:22px;
		margin-bottom:20px;		
	}
	
	.more-traffic-wrap span{	
		color:#1387e9;
		font-size:14px;
		padding-top:20px;
		display:block;
	}

.sidebar{
	width:386px;
}

	.sidebar .contact-wrap{
	background:url(../images/contact-us-wrap.jpg);
	width:310px;
	height:212px;
	margin-bottom:55px;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	float: right;
	}
	
	.contact-wrap li{
		list-style:none;
		margin:7px 0;
	}
	
	.contact-wrap label{
		width:80px;
		float:left;
	}
	
	.contact-wrap .htxtbox{
		width:200px;
		height:19px;
		border:1px solid #e5664c;
	}
	
	.contact-wrap .htxtarea{
		width:200px;
		height:60px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		border:1px solid #e5664c;
	}
	
	.contact-wrap .hbutton{
		background:url(../images/hsubmit.jpg);
		width:114px;
		height:30px;
		margin:0 0 0 40px;
		border:0;
	}
	
	.sidebar .orange-wrap{
		background:url(../images/orange-bg-wrap.png);
		width:366px;
		height:404px;
		padding:20px 0 0 20px;
	}
	
	.orange-wrap h3{
		color:#ffffff;
		font-size:23px;
		font-weight:normal;
	}
	
	.orange-wrap p{
		color:#333333;
		padding:10px 30px 20px 20px;
	}	
	
	
#footer-wrap{
	width:993px;
	height:117px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#footer-wrap label{
	width:280px;
	color:#FFF;
	margin-right:20px;
}


/* Nav Inside */

		.nav-home2{
			width:73px; left:0;
		}		
	
		.nav-home2 a:hover{
			background:url(../images/nav-inside.jpg) 0 -36px;
		}		

		.nav-about2{
			width:96px; left:75px;
		}		
	
		.nav-about2 a:hover{
			background:url(../images/nav-inside.jpg) -75px -36px;
		}		

		.nav-seo2{
			width:60px; left:173px;
		}		
	
		.nav-seo2 a:hover{
			background:url(../images/nav-inside.jpg) -173px -36px;
		}		
		
		.nav-ppc2{
			width:65px; left:235px;
		}
		
		.nav-ppc2 a:hover{
			background:url(../images/nav-inside.jpg) -235px -35px;
		}		
		
		.nav-web2{
			width:164px; left:302px;
		}		
	
		.nav-web2 a:hover{
			background:url(../images/nav-inside.jpg) -302px -36px;
		}		
		
		.nav-design2{
			width:159px; left:468px;
		}		
	
		.nav-design2 a:hover{
			background:url(../images/nav-inside.jpg) -468px -36px;
		}		
		
		.nav-faq2{
			width:74px; left:629px;
		}		

		.nav-faq2 a:hover{
			background:url(../images/nav-inside.jpg) -629px -36px;
		}		
		
		.nav-contact2{
			width:130px; left:705px;
		}		

		.nav-contact2 a:hover{
			background:url(../images/nav-inside.jpg) -705px -36px;
		}		
		
		.nav-testimonials2{
			width:156px; left:837px;
		}		
	
		.nav-testimonials2 a:hover{
			background:url(../images/nav-inside.jpg) -837px -36px;
		}


/* Inside */

#masthead-about, #masthead-ppc, #masthead-seo, #masthead-webdesign, #masthead-designgallery, #masthead-faq, #masthead-contact, #masthead-testimonials{	
	height:70px;
	padding:3px 20px 0 6px;
}

#masthead-about{
	background:url(../images/about-masthead.jpg);
}

#masthead-ppc{
	background:url(../images/ppc-masthead.jpg);
}

#masthead-seo{
	background:url(../images/seo-masthead.jpg);
}	

#masthead-webdesign{
	background:url(../images/webdesign-masthead.jpg);
}

#masthead-designgallery{
	background:url(../images/design-gallery-masthead.jpg);
}	

#masthead-faq{
	background:url(../images/faq-masthead.jpg);
	background-image: url(../images/faq-masthead.jpg);
}

#masthead-contact{
	background:url(../images/contact-masthead.jpg);
}	

#masthead-testimonials{
	background:url(../images/testimonials-masthead.jpg);
}			

	#masthead-about span, #masthead-ppc span, #masthead-seo span, #masthead-webdesign span, #masthead-designgallery span, #masthead-faq span, #masthead-contact span, #masthead-testimonials span{
		display:none;
	}	

	#masthead-about h1{
		background:url(../images/title-about.png);
		width:147px;
		height:37px;
	}	

	#masthead-ppc h1{
		background:url(../images/title-ppc.png);
		width:67px;
		height:38px;
	}	
	
	#masthead-seo h1{
		background:url(../images/title-seo.png);
		width:66px;
		height:38px;
	}
	
	#masthead-webdesign h1{
		background:url(../images/title-webdesign.png);
		width:261px;
		height:41px;
	}
	
	#masthead-designgallery h1{
		background:url(../images/title-designgallery.png);
		width:241px;
		height:42px;
	}
	
	#masthead-faq h1{
		background:url(../images/title-faq.png);
		width:80px;
		height:42px;
	}
	
	#masthead-contact h1{
		background:url(../images/title-contact.png);
		width:176px;
		height:38px;
	}
	
	#masthead-testimonials h1{
		background:url(../images/title-testimonials.png);
		width:214px;
		height:37px;
	}		
	
.orange-wrap2{
	/*background:url(../images/orange-bg-wrap2b.png);*/
	width:990px;
	height:97px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}

	.orange-wrap2 .clickhere a{
		background:url(../images/click-here.jpg);
		width:151px;
		height:26px;
		display:block;
	}
	
	.orange-wrap2 .clickhere a:hover{
		background-position:0 -26px;
	}
	
/* About */

.about-wrap{
	background:url(../images/about-wrap.png) no-repeat;
	width:532px;
	height:145px;
	padding:10px 20px 0 20px;
	margin:10px 0;
}

.about-wrap h3{
	font-size:18px;
	font-weight:normal;
	color:#333333;
	margin-bottom:10px;
}

.about-wrap li{
	height:20px;
	line-height:25px;
	list-style:none;
	background:url(../images/checked.jpg) no-repeat;
	padding:0 0 0 25px;
	display:block;
}

.h3-about{
	color:#1387e9;
	font-style:italic;
	font-size:18px;
	font-weight:normal;
}

.ul-about{
	margin-left:40px;
}
	
/* Desig Gallery */
	
ul.gallery{
	width:977px;
	margin:0 8px;
}

.gallery li{
	width:119px;
	height:110px;
	font-size:14px;
	text-align:left;
	list-style:none;
	display:inline;
	float:left;
	margin:20px 2px;
	border:1px solid #0091a8;
	padding:8px 4px 0 115px;
	position:relative;
}

.gallery li img{
	position:absolute;
	top:8px;
	left:8px;
	border:1px solid #CCC;
}

.gallery li span{
	color:#333332;
}

.gallery li a{
	color:#0091a6;
	font-size:11px;	
	text-decoration:none;
	display:block;
	margin-top:10px;
}

.gallery li a:hover{
	color:#0053a8;
}

/* Faq */

.faqlink a{
	color:#0c94b1;
	text-decoration:none;
}

.faqlink a:hover{
	text-decoration:underline;
}

/* Contact */

.contact-add li{
	color:#1f90a2;
	font-size:28px;
	list-style:none;
	margin:10px 6;
}

.contact-add li a{
	color:#1f90a2;
	text-decoration:none;
}	

.contact-add li span{
	width:150px;	
	float:left;	
}

.cform-wrap{
	background:url(../images/contactform-wrap.jpg) repeat-x;
	width:555px;
	height:288px;
	border:1px solid #e5664c;
	padding:10px;
	margin:10px 0;
}

.cform-wrap ul{
	padding:10px;
}

.cform-wrap li{
	list-style:none;
	margin:6px 0;	
}


.cform-wrap li span{
	width:80px;
	font-size:14px;
	color:#333333;
	float:left;
}

.cform-wrap li .cformtxt{
	width:300px;
	height:20px;
	border:1px solid #e5664c;
}

.cform-wrap li .cformtxtarea{
	width:450px;
	height:100px;
	border:1px solid #e5664c;
}

.cform-wrap li .cformsubmit{
	background:url(../images/contact-submit.jpg);
	width:114px;
	height:31px;
	border:0;
}


/* Testimonials */

.testimonials{
	padding:0px 10px 10px 85px;
	position:relative;
	margin:10px 0 5px;
}

.testimonials label{
	color:#1387e9;
	display:block;
}

.testimonials img{
	position:absolute;
	top:0;
	left:0;
}