@charset "UTF-8";
/* CSS Document */

body	{
	/*background: #F6F5F5;*/
	background: url(images/background.png) repeat;
}


a, a:active, a:visited	{
	text-decoration: none;
	color: #8C8C8C;
}

a:hover	{
	color: #262626;
}


h1, h2, h3, p	{
	margin: 0px;
	font-family: "BrandonGrotesqueRegular", Verdana, Arial, Helvetica, sans-serif;
}


#hillsdesign	{
	width: 150px;
	height: 150px;
	position: absolute;
	top: 0px;
	left: 50px;
	background: url(images/hillsdesign.png) no-repeat;
	margin: 0px;	
}


#hillsdesign:hover	{
	background: url(images/hillsdesign_hover.png) no-repeat;
}


#header	{
	width: 100%;
	height: 800px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	background: url(images/header_background.png) repeat-x;
}


#wrapper	{
	width: 700px;
	height: auto;
	margin: 0px auto;
	margin-top: 50px;
	z-index: 1;
}

	#tagline	{
		width: 600px;
		height: 100px;
		margin: 0px 0px 100px 100px;
	}
	
		#tagline p	{
			color: #FFFFFF;
			font-family: "BrandonGrotesqueRegular", Verdana, Arial, Helvetica, sans-serif;
			font-size: 20px;
		}
		
		#tagline h1	{
			color: #FFFFFF;
			font-family: "BrandonGrotesqueRegular", Verdana, Arial, Helvetica, sans-serif;
			font-size: 40px;
			font-weight: 500;
			margin: 0px;
		}
		
		#tagline strong	{
			color: #FFFFFF;
			font-family: "BrandonGrotesqueRegular", Verdana, Arial, Helvetica, sans-serif;
			font-size: 40px;
			font-weight: 900;
		}
	
	
	.portfolio	{
		width: 700px;
		height: 100px;
		margin-bottom: 50px;
	}
	
		.case	{
			width: 200px;
			height: 100px;
			float: left;
		}
		
		
		.case_mid	{
			width: 200px;
			height: 100px;
			float: left;
			margin: 0px 50px 0px 50px;
		}


#footer_wrapper	{
	width: 100%;
	height: 150px;
	margin: 0px auto;
	margin-top: 50px;
	background: url(images/footer.png) repeat-x;
	position: absolute;
	left: 0px;
}


	#footer	{
		width: 700px;
		height: 120px;
		margin: 0px auto;
		margin-top: 30px;
	}
	
	
	.footer_item	{
		width: 130px;
		height: 140px;
		float: left;
	}
	
	
	.footer_item_mid	{
		width: 400px;
		height: 140px;
		float: left;
		margin: 0px 20px 0px 20px;
	}
	
	
	#twitter_icon	{
		width: 100px;
		height: 100px;
		background: url(images/twitter_icon_small.png) no-repeat;
		position: absolute;
		left: 50px;
		top: 613px;
		float: left;
		z-index: 3;
	}


/*#footer_wrapper	{
	width: 100%;
	height: 260px;
	background: url(images/boxes_background.png) repeat;
	position: absolute;
	left: 0px;
	z-index: -1;
}


	#footer	{
		width: 100%;
		height: 100px;
		background: url(images/footer_background.png) repeat-x;
		position: absolute;
		left: 0px;
		z-index: 0;
	}
	
		#hillsdesign	{
			width: 400px;
			height: 80px;
			margin: 10px 0px 10px 50px;
			background: url(images/hillsdesign.png) no-repeat;
			float: left;
			z-index: 1;
		}
		
		#hillsdesign:hover	{
			background: url(images/hillsdesign_hover.png) no-repeat;
		}
		
		
		#getintouch	{
			height: 80px;
			margin: 10px 10px 10px 0px;
			float: right;
			z-index: 1;
			font-family: "BrandonGrotesqueRegular", Verdana, Arial, Helvetica, sans-serif;
			font-size: 20px;
		}
		
		#getintouch a, #getintouch a:active, #getintouch a:visited	{
			color: #C1C1C1;
			text-decoration: none;
		}
		
		#getintouch a:hover	{
			color: #262626;
		}
		
		#getintouch h1	{
			font-size: 30px;
		}
		
		#getintouch p	{
			font-size: 16px;
		}

	
	#twitter_icon	{
		width: 100px;
		height: 100px;
		background: url(images/twitter_icon_small.png) no-repeat;
		position: absolute;
		left: 50px;
		top: 850px;
		float: left;
		z-index: 3;
	}


	#information_titles	{
		width: 700px;
		height: 25px;
		margin: 0px;
	}
	
		#twitter_title	{
			width: 200px;
			height: 25px;
			float: left;
			margin: 0px 50px 15px 0px;
		}
				
		
		#about_titles	{
			width: 450px;
			height: 25px;
			float: left;
			margin: 0px 0px 15px 0px;
		}
		
		
		#twitter_title h1, #about_titles h1	{
			color: #C1C1C1;
			font-family: "BrandonGrotesqueRegular", Verdana, Arial, Helvetica, sans-serif;
			font-size: 30px;
		}


	#information	{
		width: 700px;
		height: 160px;
		margin: 0px auto;
	}	
		
		#twitter	{
			width: 190px;
			height: 140px;
			background: url(images/boxes_background.png) repeat;
			float: left;
			margin: 0px 50px 0px 0px;
			padding: 5px;
		}
		
		
		#about	{
			width: 440px;
			height: 140px;
			background: url(images/boxes_background.png) repeat;
			float: left;
			margin: 0px;
			padding: 5px;
		}
		
			#twitter p, #about p	{
				color: #8C8C8C;
				font-family: "BrandonGrotesqueRegular", Verdana, Arial, Helvetica, sans-serif;
				font-size: 16px;
			}
		
		
		#follow_me	{
			width: 190px;
			height: 10px;
			padding-left: 5px;
			font-family: "BrandonGrotesqueRegular", Verdana, Arial, Helvetica, sans-serif;
			font-size: 16px;
			float: left;
			margin: 0px 50px 0px 0px;
			color: #8C8C8C;
		}
		
		
		#moreaboutme	{
			width: 440px;
			height: 10px;
			float: left;
			margin: 0px;
			padding-left: 10px;
			font-family: "BrandonGrotesqueRegular", Verdana, Arial, Helvetica, sans-serif;
			font-size: 16px;
			color: #8C8C8C;
		}*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 24, 2010 */
@font-face {
	font-family: 'BrandonGrotesqueRegular';
	src: url('fontface/brandon_reg-webfont.eot');
	src: local('☺'), url('fontface/brandon_reg-webfont.woff') format('woff'), url('fontface/brandon_reg-webfont.ttf') format('truetype'), url('fontface/brandon_reg-webfont.svg#webfont169oaouJ') format('svg');
	font-weight: normal;
	font-style: normal;
}