/* Main CSS
-------------------------------------*/

body
{
	background-color: #ecece9;
	font-family: Helvetica, Arial;
	line-height: 1.6em;
	margin:0px;
	padding:0px;
	font-size: 14px;
	color:#717171;
}

a:link, a:visited {color: #959595; text-decoration: none;}
a:hover, a:active {color: #717171;}

a.active {color:#515151;}

.clearThis {clear:both;}

h1 {font-size: 30px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
p {font-size: 14px;}

h1,h2,h3,h4,h5,h6,p {font-weight:100;}

/* Header
--------------------------------------------------*/
#header
{
	background: #ffffff;
	width: 100%;
	height: 100px;
	position: fixed;
	z-index:5;
	top: 0px;
	border-bottom: 1px solid #bfbfbf;
}

	.header-content-container
	{
		width: 800px;
		margin:0 auto;
		
		
	}
	
		.logo-nav {margin-top:18px;}
		
			.logo-nav ul 
			{
				list-style-type:none;
				margin:10px 0px 0px 0px;
				padding:0px;
			}
			
			.logo-nav ul li {float:left; margin-right:25px;}
		
				
		
/* Overview Section
--------------------------------------------------*/
#overview-sec
{
	width:100%;
	height:450px;
	background: url("../images/overview-bg.png") no-repeat center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin-top:100px;
}

	.overview-container
	{
		width:800px;
		height:395px;
		margin:0 auto;
		padding:55px 0px 25px 0px;
	}
	
		.overview-container h1, .overview-container h2 {color: #ffffff; text-align:center;}
		.overview-container h2 {margin-top:35px;}
		.overview-container ul
		{
			list-style-type:none;
			margin:0px;
			padding:35px 0px 0px 0px;
			
		}
		
			.overview-container ul li {float:left; margin-right:33px;}
			.overview-container ul li:last-child {margin-right:0px;}
			.overview-container ul li img {display:block;}
			
			
/* Results Section
--------------------------------------------------*/	
#results-sec
{
	width:100%;
	background: #5889a6;
	border-top: 1px solid #669fc1;
}

	.results-container
	{
		width:800px;
		height:335px;
		margin:0 auto;
		padding: 65px 0px 25px 0px;
	}
	
		.results-container h1 {color: #ffffff; text-align:center;}
		
		.results-container ul
		{
			list-style-type:none;
			margin: 65px 0px 0px 0px;
			padding:0px;
		}
		
			.results-container ul li {float:left; margin-right:33px; width:175px;}
			.results-container ul li:last-child {margin-right:0px;}
			
			.results-container ul li h2
			{
				color:#ffffff;
				border-bottom: 1px solid #c7d3d9;
				padding-bottom: 5px; 
				margin-bottom: 5px;
			}
			
			.results-container ul li p {color: #eeeeee;}

/* Business Goals Section
--------------------------------------------------*/
#business-sec
{
	width:800px;
	height:335px;
	margin:0 auto;
	padding: 65px 0px 0px 0px;
}
	
	#business-sec h1 {color:#686868; text-align:center;}
	
	#business-sec ul
	{
	    list-style-type:none;
	    margin: 65px 0px 0px 0px;
	    padding:0px;
	}
	
	    #business-sec ul li {float:left; margin-right: 33px; width:175px;}
	    #business-sec ul li:last-child {margin-right:0px;}
	    
	    #business-sec ul li h2
	    {
	    	color: #717171;
	    	border-bottom: 1px solid #bebebe;
	    	padding-bottom:5px;
	    	margin-bottom:5px;
	    }
	    
	    #business-sec ul li p {color: #717171;}
	

/* Affordable Section
--------------------------------------------------*/
#affordable-sec
{
	width:100%;
	background: #ffffff;
	border-top:1px solid #ababab;
}
	
	.affordable-container
	{
		width:800px;
		margin:0 auto;
		padding: 65px 0px 45px 0px;
	}
	
	.affordable-container h1, .affordable-container h2 {color:#686868; text-align:center;}
	.affordable-container img {width:800px; height:629px; margin:65px auto; display:block;}
	
	
/* ADstruc Section
--------------------------------------------------*/	
#adstruc-sec
{
	width:800px;
	margin:0 auto;
	padding:65px 0px 65px 0px; 
}
	#adstruc-sec h1 {color: #686868; text-align:center; margin-bottom:65px;}
	
	#adstruc-sec h2 
	{
		color: #5889a6;
		text-align:center;
		width:329px;
		height:60px;
		margin:0 auto;
		margin-bottom:25px;
		background: url(../images/arrows.png) no-repeat top;
	}
	
		
		

/* Client Section
--------------------------------------------------*/	
#client-sec
{
	width:100%;
	background: #686868;
}

	.client-container
	{
		width:800px;
		margin:0 auto;
		padding:65px 0px 65px 0px;
	}
	
		.client-container h1, .client-container h4 {color: #dadada; text-align:center;}
		
		.client-container ul
		{
			list-style-type:none;
			margin:65px 0px 0px 0px;
			padding:0px;
		}
		
			.client-container ul li {float:left; margin:0px; padding:0px; width:200px;}
			
			
			.client-container ul li img 
			{
				width:200px;
				height:41px;
				display:block; 
				margin-bottom:10px;
			}
		

/* Contact Section
--------------------------------------------------*/

#contact-sec
{
	width:100%;
	height:600px;
	background: #515151;
}

	.contact-container
	{
		width:800px;
		margin:0 auto;
		padding: 65px 0px 65px 0px;
	}

		.contact-container h1 {color: #dadada; text-align:center;}

		/*----Form----*/		
		.contact-form {margin-top:15px;}
		
			.contact-form form
			{
				width:500px;
				height: 100px;
				margin:50px auto;
				position:relative;
			}		
			
			.form-text
			{
				background: #686868;
				border:1px solid #959595;
				color:#eeeeee;
				width:235px;
				height:35px;
				font-size: 14px;
				padding-left: 5px;
				margin:0px;
				position:absolute;
			}
			
				.form-name {left:0px;}
				.form-email {right:0px;}
			
			.form-submit
			{
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border: 1px solid #ea812c;
				padding:10px 20px 10px 20px;
				color: #ea812c;
				background: #515151;
				position:absolute;
				right:0px;
				bottom:0px;
				cursor:pointer;
				font-size: 14px;
			}
			
				.form-submit:hover
				{
					background: #ea812c;
					color:#ffffff;
				}