@import url('css/reset.css');

body{
	background: transparent url("images/bg.jpg") repeat-x fixed top;
}
h1{
	color:#03a0e2;
	font: 1.2em "Arial Black", "Arial", Verdana, sans-serif;
	padding-bottom: 5px;
	padding-top: 2px;
}
h2{
	color:#03a0e2;
	font: 1.2em "Arial Black", "Arial", Verdana, sans-serif;
	padding-bottom: 10px;
	padding-top: 10px;
}

#wrapper{
/*	background: transparent url("images/wrapperBg2.png") no-repeat top center;*/
	background: transparent url("images/wrapperBg3.png") no-repeat top center;
	
	width:904px;
	height:1467px;
	margin:0em auto;
}

#wrapper2{
/*	background: transparent url("images/wrapperBg2.png") no-repeat top center;*/
	background: transparent url("images/wrapperBg3.png") no-repeat top center;
	
	width:904px;
	height:1467px;
	margin:0em auto;
}

#wrapperIn{
	background: transparent url("images/wrapperBgInside.png") no-repeat top center;
	width:904px;
	height:851px;
	margin:0em auto;
	
}

#header{
	height:127px;
	position:relative;
}





h1#logo a, h2#logo a  {
background:url("images/logo.png") no-repeat scroll left top transparent;
display:block;
float:left;
margin-left:40px;
margin-top:20px;
text-indent:-9999px;
width:382px;
height:67px;

}


#headerTop{
	background: transparent url("images/headerTop.png") no-repeat top center;
	position:absolute;
	right:20px;
	top:6px;
	width:343px;
	height:46px;
	
}

#headerTop li{
	float:left;
}


#headerTop li a{
		display: block;
		height: 31px;
		text-indent: -99999px;
	}




#headerTop #email { 
	background-image: url("images/email-box.png");
	width:31px;
	height:21px;
	margin-top:10px;
	margin-left:20px;
}


#headerTop #twitter { 
	background-image: url("images/twitter-facebook.png");
	width:32px;
	height:32px;
	margin-top:5px;
	margin-left:25px;
}

#headerTop #twitter { 
	background-image: url("images/twitter-facebook.png");
	background-position: top left;
	
	width:32px;
	height:32px;
	margin-top:5px;
	margin-left:28px;
}

#headerTop #faceboook { 
	background-image: url("images/twitter-facebook.png");
	background-position: top right;
	width:32px;
	height:32px;
	margin-top:5px;
	margin-left:05px;
}


#headerTop #twitter:hover { 
	background-position: bottom left;
}

#headerTop #faceboook:hover { 
	background-position: bottom right;
}



#headerTop #contactHeader { 
	background: transparent url("images/contactHeader.png") no-repeat;
	width:157px;
	height:26px;
	margin-top:8px;
	margin-left:20px;
}



	#menu{
		position:absolute;
		bottom:0px;
		left:260px;
		font: .67em "Arial Black", "Trebuchet MS", Verdana, sans-serif;
	}
	
	
	
	#menu li{
		float:left;
		margin:0em 1px;
	}
	
	#menu li a{
		display: block;
		height: 29px;
		width:100px;
		background-image: url("images/menu.png");
		text-indent: -9999px;
		text-indent:0px;
		line-height:29px;
		text-align: center;
		color:#FFF;
		text-shadow: #91ba0b 00px -1px 0px;
		text-transform: uppercase;
		text-decoration: none;
	}
	
		#menu li a:hover{
			text-indent:0px;
			line-height:29px;
			text-align: center;
			color:#000;
			text-shadow: #FFF 00px -1px 0px;
			text-transform: uppercase;
			text-decoration: none;
		}
	
	
	
#subHeader{
	height:320px;
	
}
	#bigBox{
		background: transparent url("images/google-local-listings-maps.png") no-repeat;
		width:582px;
		height:320px;
		margin-left:30px;
		float:left;
		}


	#submitCompanyHome{
		background: transparent url("images/submit-your-company.png") no-repeat;
		width:253px;
		height:319px;
		float:left;
		margin-left:10px;
	}
	

	
	#submitCompanyHome form{
		font: .70em "Arial", "Trebuchet MS", Verdana, sans-serif;
		color:#000;
		margin-top:55px;
		margin-left:20px;
		font-variant: small-caps;
	}
	
	#submitCompanyHome p{
		margin:4px 0px;
	}
	
	#submitCompanyHome input{
		height:15px;
		width:208px;
		border: 1px dotted #fff;
		color:#838383;
		padding:0px 4px;
		
	}
	
	#submitCompanyHome input:hover,#submitCompanyHome textarea:hover{
		background:#eee;
	}
	
	#submitCompanyHome textarea{
		height:50px;
		width:208px;
		border: 0px solid #999;
		padding:2px 4px;
		color:#838383;
		border: 1px dotted #999;
		
	}
	
	
	#submitCompanyHomeSubmit{
		background: transparent url("images/submit-home.png") no-repeat;
		width:213px;
		height:42px!important;
		color:#FFF!important;
		border: 0px solid #999;
		padding:0px 2px!important;
		border: 0px dotted #999!important;
		
		
	}
	
	#submitCompanyHomeSubmit:hover{
		color:#000!important;
		background: transparent url("images/submit-home.png") no-repeat!important;
		
	}
	
	
	
	
	input.checkbox { border: none }
	input:focus { border: 1px dotted #373737!important; }
	input.error { border: 1px dotted red!important; }
	textarea.error {border: 1px dotted red!important; }
	
	
	div.error{color:red;
		height:0px;
		width:150px;
		font: .67em  Verdana, sans-serif;
		text-indent:-99999px;
		}
	
	
	
	
	
#cnt{
	margin:0em auto;
	width: 840px;
	font: .70em "Arial", "Trebuchet MS", Verdana, sans-serif;
	
}	

#cnt h2{
	font: 1.25em "Arial", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	margin-bottom:2px;
}



		#lSide{
			float:left;
			width:582px;
		}
			.homeBoxLeft{
				background: transparent url("images/homeBoxLeft.png") no-repeat;
				width:582px;
				height:186px;
				margin-top:10px;
				
			}
		
		#rSide{
			float:right;
			width:247px;
			
		}


		.sideBoxRight{
			background: transparent url("images/homeBoxRight.png") no-repeat;
			width:247px;
			height:186px;
			margin-top:9px;
			
		}
		
		.boxCnt {
		height:135px;
		padding:2px 19px;
		}
		


#footer{
	background: transparent url("images/footerBg.png") no-repeat;
	height:115px;
	width:866px;
	margin:0em auto;
	position:relative;
}
		
		#logoFooter{
			background: transparent url("images/logo-small.png") no-repeat center center;
			height:111px;
			width:283px;
			float:left;
		}
		
		#footerCnt {
			float:left;
			font: .75em "Arial ", "Trebuchet MS", Verdana, sans-serif;
			width:574px;
			height:111px;
			position:absolute;
			z-index:9999999;
			right:0px;
		}
		
		#footerCnt ul{
			height:30px;
			margin-top:30px;
			margin-left:100px;
			margin-bottom:5px;
	
		}
		
		#footerCnt li{
			float: left;
		}

		
		#footerCnt li a{
			color:#FFF;
			margin:0em 12px;
			text-transform: capitalize;
			text-decoration: none;
		}
		
		#footerCnt li a:hover{
			text-decoration: underline;
		}
		
		
		#footerCntSub{
			text-align: center;
			color:#FFf;
			width:530px;
			margin:0em auto;
		}
		#footerCntSub a{
			color:#fff;
		}
		
		
	#footerAdwords{
		background: transparent url("images/adwords-qualified-professional-google.png") no-repeat center center;
		width:104px;
		height:90px;
		float:right;
		margin-top:12px;
		margin-right:3px;
	}
	
	
	
	
	
	/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
		}


	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

	.alignright {
		float: right;
		}

	.alignleft {
		float: left
		}
	/* End Images */
	
	
	
	
/*Inside	*/
#cntIn{
	margin:0em auto;
	width: 840px;
}



#lSideIn{
	width:582px;
	min-height:731px;
	float:left;
}

	#lSideInCnt{
		padding: 25px 20px;
		font: .70em "Arial", "Trebuchet MS", Verdana, sans-serif;
	}
	
/*Features	*/
		#featuresTitle{
			background: transparent url(images/features.png) no-repeat top left;
			width:107px;
			height:18px;
			text-indent:-99999px;
			margin-bottom:20px;
		}

			#featuresDescription{
				background: transparent url(images/featuresDescription.png) no-repeat top left;
				width:485px;
				height:526px;
				margin:0px auto;
				text-indent:-9999px;
				margin-top:20px;
				
			}

			.featureBox{
				position:relative;
				height:215px;
			}
			.featureBoxImg{
				position:absolute;
				left:0px;
			}
			
			.featureBoxText h2{
				color:#03a0e2;
				font: 1.2em "Arial Black", "Arial", Verdana, sans-serif;
				padding-top:2px;
				padding-bottom:2px;
			}
			.featureBoxText{
				float: right;
				width:240px;
				margin-top:30px;
				position:relative;
				z-index:2;
			}
			.featureBoxText a{ color:red; font-variant: small-caps; font-weight: bold; text-decoration: underline;}
			.featureBoxText a:hover{color:#d0a507}
			.featureBoxText p{
				font: .85em Verdana, sans-serif;
				margin-top:10px;
			}


			#featureInsideAnalytics h2 {
				margin-top:20px;
				color:#03a0e2;
				font: 1.4em "Arial Black", "Arial", Verdana, sans-serif;
			}
			#featureInsideAnalytics a {
				margin:5px 0em;
				color:red;
				font-variant: small-caps; 
				font-weight: bold; 
				text-decoration: underline;
			}
			#featureInsideAnalytics a:hover{
				color:#d0a507;
			}
			
			#featureInsideAnalytics p{
				margin:15px 0px;
			}
			
/*Pricing*/
	#pricingTitle{
		background: transparent url(images/pricing.png) no-repeat top left;
		width:83px;
		height:18px;
		text-indent:-99999px;
		margin-bottom:20px;
	}
	#pricingBoxes{
		margin: 20px 0px;
		
	}
	#pricingBoxes div{
		margin:0px 3px;
	}
	
		#monthlyStarter{
			background: transparent url(images/monthlyStarter.png) no-repeat top left;
			width:170px;
			min-height:219px;
			float:left;
		}

		#monthlyBasics{
			background: transparent url(images/monthlyBasics.png) no-repeat top left;
			width:170px;
			min-height:219px;
			float:left;
		}
		
		#monthlyDeluxe{
			background: transparent url(images/monthlyDeluxe.png) no-repeat top left;
			width:170px;
			min-height:219px;
			float:left;
		}
		
		#pricingBoxes ul{
			margin-top:85px;
			margin-left:15px;
			height:114px;
			overflow:hidden;
			width:155px;
		}

		#pricingBoxes li{
			list-style-type: square;
			list-style-position: inside;
			margin:2px 0px;
		}

	#monthlyStarterGet{
		background: transparent url(images/monthlyStarterGet.png) no-repeat top left;
		width:137px;
		min-height:31px;
		display: block;
		text-indent:-9999px;
		margin:0em auto;
		margin-top:20px;
		
	}
	
	#monthlyBasicsGet{
		background: transparent url(images/monthlyBasicsGet.png) no-repeat top left;
		width:137px;
		min-height:31px;
		display: block;
		text-indent:-9999px;
		margin:0em auto;
		margin-top:20px;
		
	}
	
	#monthlyDeluxeGet{
		background: transparent url(images/monthlyDeluxeGet.png) no-repeat top left;
		width:137px;
		min-height:31px;
		display: block;
		text-indent:-9999px;
		margin:0em auto;
		margin-top:20px;
	}
	
	#pricingBottomBox{
		background: transparent url(images/pricingBottomBox.png) no-repeat top left;
		width:528px;
		height:209px;
		margin:0em auto;
		margin-top:70px;
		position:relative;
		
	}
	#princingBottomBox h2{
			color:#03a0e2;
			font: 1.25em "Arial Black", "Arial", Verdana, sans-serif;
			margin-bottom:0px;
			padding-left:10px;
		}
	
	#pricingBottomBoxGo{
		display: block;
		width:158px;
		height:54px;
		text-align: right;
		padding-right:40px;
		background: transparent url(images/pricingBottomBoxGo.png) no-repeat top right;
		position:absolute;
		bottom:4px;
		right:15px;
		color:#d23d34;
		font-variant: small-caps;
		font-weight: bold;
		font: 1em "Arial Black", "Arial", Verdana, sans-serif;
	}
	#pricingBottomBoxGo:hover{
		background: transparent url(images/pricingBottomBoxGo.png) no-repeat bottom right;
		color:#03A0E2;
	}
	
	#princingBottomBoxNoGo{
		position:absolute;
		right:1px;
		top:20px;
	}
	
		#princingBottomBoxNoGo h2{
			color:#03a0e2;
			font: 1.25em "Arial Black", "Arial", Verdana, sans-serif;
			margin-bottom:0px;
		}
		#princingBottomBoxNoGo h3{
			font: 1.2em "Arial", Verdana, sans-serif;
			color:#000;
		}


	
	#howItWorksTitle{
		background: transparent url(images/howItWorks.png) no-repeat top left;
		width:155px;
		height:18px;
		text-indent:-99999px;
		margin-bottom:20px;
	}
	
	#howWorksList {
		width:400px;
		margin-top:40px;
	}
	
	#howWorksList li{
		width:365px;
		height:100px;
		padding-left:175px;
		border-bottom: 1px dotted #999;
		margin:35px 0px;
	}
	
	#howWorksList li h2{
		font: 1.4em "Arial Black", "Arial", Verdana, sans-serif;
		padding-top:20px;
	}
	
	#howWorksList li a{
		margin:5px 0em;
		color:#000;
		font-variant: small-caps; 
		font-weight: bold; 
		text-decoration: underline;
	}
	#howWorksList li a:hover{
		color:#d0a507;
	}
	
		#one{
			background: transparent url(images/howItWorksOne.png) no-repeat top left;
			color:#03a0e2;
		}
	
		
		#two{
			background: transparent url(images/howItWorksTwo.png) no-repeat top left;
			color:#85c226;
		}
		
		#three{
			background: transparent url(images/howItWorksThree.png) no-repeat top left;
			color:#ff9600;
		}
	
		#four{
			background: transparent url(images/howItWorksFour.png) no-repeat top left;
			color:red;
		}
	
	
/*CaseStudies*/
	
	#caseStudiesTitle{
		background: transparent url(images/caseStudies.png) no-repeat top left;
		width:149px;
		height:18px;
		text-indent:-99999px;
		margin-bottom:20px;
	}
	
	
	
	
	
	

#rSideIn{
	width:253px;
	height:auto;
	float:left;
}


		#rSideInCnt{
			width:246px;
			margin-left:12px;
		}


#googleMapsList{
	margin-left:5px;
	
}
#googleMapsList li{
	list-style: circle inside;
	margin:0px 5px;
}


#iPhoneBox{
	margin:0em auto;
	margin-top:25px;
	background: transparent url("images/iPhoneBox.png") no-repeat top left;
	width:835px;
	height:382px;
}