/* NathanHarmon.com Master CSS file - Designed by Will Luper, coded by Alex Welch */

/* Colors 
-------------------------------------- 
#000 - black
#333- slate
#999- grey
#660000- maroon
#B10C15- red

*/


@import url(reset.css);

/*	BASIC ELEMENTS
--------------------------------------- */
html, body {
	height: 100%;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666;
}

h3 {
	font-weight: bold;
	font-size: 16px;
	color: #B10C15;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 2px;
	margin-bottom: 11px;
	border-bottom: #999 1px dotted;
}

p {
	padding-bottom: 1em;
	line-height: 1.5em;
}

a {
	color:#B10C15;
}

/*	SPECIAL CLASSES
---------------------------------------- */
.forcebreak {
	clear:both;
}

img.next_btn {
	float: left;
	margin-right: 10px;
}

/*	SITE STRUCTURE AND LAYOUT
---------------------------------------- */

div#wrap {
	width: 900px;
	margin: 0 auto;
	min-height: 100%;

}
* html div#wrap {
	height: 100%;
}
	div#header {
		padding-top: 80px;
		/*position: relative;*/
		border-bottom: #999 1px dotted;
	}
		#header img.logo {
			display: block;
			margin-bottom: -1px;
		}
		#header ul {
/*			position: absolute;*/
			float: right;
			margin-top: 52px;
			/*display:block;
			float:right;*/
		}
			#header ul li {
				display: inline;
			}
				#header ul li a {
					font: normal 12px helvetica;
					letter-spacing: 1px;	
					padding: 4px 15px;	
					text-decoration: none;
					color: #999;
				}
				#header ul li a.current {
					color: #B10C15;
					border-bottom: #B10C15 2px solid;
				}
				#header ul li a:hover {
					color: #666;
					border-bottom-color: #B10C15; /* see this only changes the color if it has a border */
				}
	div#content {
		padding: 60px 0;
	}

div#footer {
	background-color: #600;	
	font: 11px helvetica;
	letter-spacing: 1px;
	position: relative;
	margin-top: -33px;
	height: 33px;
	clear: both;
}
	#footer div#inner {
		width: 900px;
		margin: 0 auto;
		padding: 10px 0;
	}
		#footer ul {
			
		}
			#footer ul li {
				display: inline;
			}
				#footer ul li a {
					color: #d53636;
					text-decoration: none;
					padding-right: 15px;
				}
					#footer ul li a.current {
						color: #fff;
					}
					#footer ul li a:hover {
						text-decoration: none;
					}
		#footer p.copyright {
			font-size: 9px;
			float: right;
			font-weight: normal;
			color: #fff;
			
		}
		
/* custom layouts 
---------------------------------------------------------- */
div#tri_col {

}
	#tri_col div#col_one, #tri_col div#col_two {
		float: left;
		width: 280px;
		margin-right: 30px;
	}
	#tri_col div#col_three {
		float: left;
		width: 280px;
	}
		#tri_col h3 {
			width: 280px;
			float: left;
		}
		
/* Page specific stuff 
---------------------------------------------------------- */
div#contact_container {
	background: URL(../sysimages/contact_bg.gif) bottom right no-repeat;
	border-bottom: #999 1px dotted;
}

div#contact_form {
	float: left;
	padding-right: 20px;
}
	#contact_form input.textInput, #contact_form textarea {
		width: 280px;
		border: #ccc 1px solid;
		background-color: #f3f3f3;
	}
	#contact_form dt {
		margin: 10px 0px 2px 0px;
		text-transform: uppercase;
		color: #999;
		font-size: 12px;
	}
div#contact_left_column {
	margin-right: 310px;
}
	#contact_left_column h3 {
		margin-bottom: 15px;
	}
	#contact_left_column p {
		padding-top: 20px;
	}
img.contact_thumb { 
	float: right;
	margin-left: 20px;
}

div#portfolio_flash {
	width: 900px;
	height: 510px;
	padding: 0;
	margin: 0;
}