body {
	text-align:center;
	color:#2a2928;
	background:url(../images/bg.gif) repeat-x #090401;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

a {
	color:#c81818;
	text-decoration:none;
}

a:hover {
	color:#c81818;
	text-decoration:underline;
}

html,h1,h2,h3,h4,h4,h6,form,input,select,img,fieldset {
	padding:0;
	margin:0;
	border:none;
}

p {
	margin:0;
	padding:0 0 1em 0;
}


/*		CLASSES		*/
.margin			{ margin:1em; }
.marginTop		{ margin-top:1em; }
.marginRight	{ margin-right:1em; }
.marginBottom	{ margin-bottom:1em; }
.marginLeft		{ margin-left:1em; }
.padding		{ padding:1em; }
.paddingTop		{ padding-top:1em; }
.paddingRight	{ padding-right:1em; }
.paddingBottom	{ padding-bottom:1em; }
.paddingLeft	{ padding-left:1em; }
.relative		{ position:relative; }
.bold			{ font-weight:bold; }
.italic			{ font-style:italic; }
.left			{ float:left; }
.right			{ float:right; }
.clear			{ clear:both; }
.center			{ text-align:center; }
.smText			{ font-size:10px; }

#mainContainer {
	text-align:left;
	width:800px;
	margin:0 auto;
	position:relative;
}

/*		HEADER		*/
	#header {
		height:100px;
		position:relative;
		overflow:hidden;
	}
	
	#header h1 a {
		display:block;
		width:51px;
		height:52px;
		overflow:hidden;
		text-indent:-1000px;
		position:absolute;
		left:0;
		top:24px;
		background:url(../images/logo.gif) no-repeat;
	}

	/*		NAV		*/
		ul.nav {
			padding:0;
			margin:0;
			list-style:none;
			position:absolute;
			left:369px;
			top:50px;
		}
		
		ul.nav li {
			float:left;
			padding:0;
			margin:0;
		}
		
		ul.nav a {
			display:block;
			height:40px;
			text-indent:-1000px;
			overflow:hidden;
			background:url(../images/nav.gif) no-repeat 0 0;
		}
		
		li#btn_home a { background-position:0 -40px; width:61px; }
		li#btn_logo a { background-position:-61px -40px; width:74px; }
		li#btn_print a { background-position:-135px -40px; width:78px; }
		li#btn_web a { background-position:-213px -40px; width:74px; }
		li#btn_play a { background-position:-291px -40px; width:70px; }
		li#btn_contact a { background-position:-361px -40px; width:74px; }
		
		li#btn_home a:hover, li#btn_home a.active { background-position:0 0; }
		li#btn_logo a:hover, li#btn_logo a.active { background-position:-61px 0; }
		li#btn_print a:hover, li#btn_print a.active { background-position:-135px 0; }
		li#btn_web a:hover, li#btn_web a.active { background-position:-213px 0; }
		li#btn_play a:hover, li#btn_play a.active { background-position:-291px 0; }
		li#btn_contact a:hover, li#btn_contact a.active { background-position:-361px 0; }

		
/*		CONTENT		*/
	#content {
		height:455px;
		overflow:hidden;
	}
	
	#content .left a {
		color:#110a02;
	}
	
	#content .inner {
		padding-top:45px;
	}
	
	#content .right {
		width:246px;
		line-height: 18px;
	}
	
	#content h2 {
		color:#110a02;
		font-size:12px;
		padding-bottom:15px;
		margin-bottom:20px;
		border-bottom:1px solid #d2d2c9;
	}
	
	/*		PHOTO		*/
		.photo {
			background:url(../images/photo_bg.gif) no-repeat 0 0;
			width:539px;
			height:376px;
			overflow:hidden;
		}
		
		.photo img {
			width:505px;
			height:342px;
			margin:17px;
		}
		
		ul.photoNav {
			padding:0;
			margin:6px 0 0;
			list-style:none;
		}
		
		ul.photoNav li {
			float:left;
			font-size:10px;
			margin:0;
			padding:0 12px 0 10px;
			background:url(../images/photo_pipe.gif) right center no-repeat;
		}
	
		ul.photoNav li.last {
			background:none;
		}
	
		#content ul.photoNav li a.active {
			color:#c81818;
		}
	
	/*		HEADERS		*/
		h2.graphicHead {
			height:41px;
			overflow:hidden;
			text-indent:-1000px;
			background-repeat:no-repeat;
			background-position:0 0;
		}
		
		h2#project_listings { background-image:url(../images/head_project_listings.gif); }
		h2#personal_projects { background-image:url(../images/head_personal_projects.gif); }
		h2#hello { background-image:url(../images/head_hello.gif); }
		h2#testimonials { background-image:url(../images/head_testimonials.gif); }
		h2#traditional_means { background-image:url(../images/head_traditional_means.gif); }
		h2#links { background-image:url(../images/head_links.gif); }
	
	/*		SECTION NAV		*/
		ul.lineList {
			list-style:none;
			padding:0;
			margin:0;
		}
		
		ul.lineList li {
			padding:0;
			margin:0;
		}
		
		ul.lineList li a {
			color:#f2f2ed;
			display:block;
			border-bottom:1px solid #332e22;
			padding-bottom:5px;
			margin-bottom:15px;
			zoom:1;
		}
		
		ul.lineList li a:hover, ul.lineList li.active a {
			border-bottom-color:#c81818;
			text-decoration:none;
			color:#FFFFFF;
		}
		
		div.sectionNav {
			padding-top:50px;
		}
		
		div.sectionNav ul.lineList {
			width:836px;
		}
		
		div.sectionNav ul.lineList li {
			float:left;
			width:246px;
			margin-right:31px
		}

	/*		FOOTER		*/
		p#footer {
			margin:0;
			padding:180px 0 20px;
			font-size:10px;
			text-align:center;
			color:#82826c;
		}

/*		HOMEPAGE	*/
	body#home {
		background-image:url(../images/bg_home.gif);
	}
	
	body#home div#homeSplash {
		background:url(../images/splash.jpg) no-repeat center 4px;
		background-color:#ffffff;
		position:absolute;
		left:0;
		top:100px;
		width:100%;
		height:254px;
	}
	
	#homeContent {
		color:#ffffff;
		line-height:21px;
		padding-top:50px;
	}
	
	#homeContent .left, #homeContent .right {
		position:relative;
	}
	
	#homeContent .left {
		width:523px;
	}
	
	#homeContent .right {
		width:245px;
	}
	
	#homeContent h2, .contactContent h2 {
		position:absolute;
		left:0;
		top:-91px;
		width:160px;
	}
	
	blockquote {
		padding:0 0 30px;
		margin:0 0 30px;
	}
	
	blockquote.borderBottom {
		border-bottom:1px solid #332e22;
	}
	
	blockquote p {
		color:#82826c;
		font-style:italic;
		padding:0;
		margin:0;
	}
	
	blockquote cite {
		color:#ffffff;
		font-style:normal;
		text-align:right;
		display:block;
	}
	
/*		CONTACT PAGE		*/
	body#contact #content .left {
		float:right;
	}

	body#contact #content .right {
		float:left;
		line-height:21px;
	}
	
	p.logoQuestion a {
		display:block;
		width:246px;
		height:42px;
		background:url(../images/logo_design.gif) no-repeat;
		text-indent:-1000px;
		overflow:hidden;
	}
	
	p.available, p.not_available {
		height:20px;
		color:#f2f2ed;
		font-size:10px;
		font-weight:bold;
		line-height:20px;
		background:url(../images/available.gif) no-repeat 0 0;
		overflow:hidden;
		padding:0 0 0 39px;
		margin-top:3em;
	}
	
	 p.not_available {
	 	background-position:0 -20px;
	 }
	 
	 h3 {
	 	color:#f2f2ed;
		margin-bottom:1.5em;
		font-size:12px;
	 }
	 
	 .contactContent {
	 	padding-top:50px;
		color:#82826c;
		line-height:21px;
	 }
	 
	 .contactContent p {
	 	margin-bottom:0.5em;
	 }
	 
	 .contactContent .aColumn {
	 	width:256px;
		float:left;
		margin-right:10px;
		position:relative;
	 }
	 
	 /*		CONTACT FORM		*/
	 	#contactForm {
			padding:30px;
			color:#82826c;
		}
		
		form#contactForm label {
			float:left;
			width:125px;
			padding:2px;
		}
		
		form#contactForm input, form#contactForm textarea {
			border:1px solid #b3b3b3;
			padding:2px;
			width:325px;
			font:12px Verdana, Arial, Helvetica, sans-serif;
		}
		
		form#contactForm  textarea {
			height:100px;
		}
		
		#contactForm h2 {
			font-size:20px;
			font-weight:normal;
			border-bottom-style:dotted;
		}
		
		form#contactForm p.submit input {
			border:0;
			background:none;
			font-size:14px;
			font-weight:bold;
			color:#c81818;
			text-align:left;
			cursor:pointer;
		}


/* Fix's containers not clearing inner floats in firefox */
.clearIt:after, ul.rightNav.pricing li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

html .clearIt, html ul.rightNav.pricing li {
	height: 1%;
}

a { outline:none; }

body#home #content { height:255px; }