/* ------------------------------------------------------------------------------------------------
// 		Stylesheet for Hill Country Wood Restoration                   // 
//                                                                                                //
// 	   copyright 2008 Matt Solum. saven.matt [at] gmail.com.        //
// 					Don't steal my stuff.				      //
------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------
//basics
------------------------------------------------------------------------------------------------ */

/* footer positioning hacks*/
	
	body { height:100%; }
	html { height:100%; }
	
/* /hacks */

body { margin:0; padding:0; background-color:#82A7B1; color:#000000; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:1em;}

a { color:#82A7B1; padding:0; font-weight:bold; text-decoration:underline; background-color:transparent; border:none; outline:none;}

a:hover { color:#82A7B1; font-weight:bold; text-decoration:none;}

p { margin:6px 0;}

blockquote { margin:16px;padding:8px; background-color:#eeeeee;border-top:1px solid #cccccc; border-bottom:1pxsolid #cccccc;}

blockquote p { margin:.2em; }

ul { list-style:none; marker-offset:0; margin:0;}

li { margin:0 0 10px -42px; list-style:none; padding:0;}

img { border:none; }

h1 { border:0; padding:0; margin:0 1em 0 2em; font-size:1.6em; color:#D22C48; font-style:italic; display:inline; }

h2 { border:0; padding:0 0 0 1em; margin:0 .5em 0 .5em; font-size:1.6em; color:#82A7B1; display:inline; font-weight:bold; }

/* ------------------------------------------------------------------------------------------------
// 				[[[[[------------DIV's----------]]]]]
------------------------------------------------------------------------------------------------ */

#nonFooter {
	position:relative;
	min-height:100%;
	width:800px;
	left:50%;
	margin-left:-400px;
	background-image:url(images/bodyBackground.png);
	background-position:top center;
	background-repeat:repeat-y;
}

#bodyColumn {
	position:relative;
	width:800px;
	min-height:100%;
	left:50%;
	margin-left:-400px;
	padding-bottom:51px;
}

/* ------------------------------------------------------------------------------------------------
// header
------------------------------------------------------------------------------------------------ */
	#header {
		width:800px;
		height:149px;
		margin-top:0;
		padding:0;
		
		background-color:#483528;
	}
	
	#masthead {
		position:absolute;
		width:800px;
		height:101px;
		margin-top:0;
	}
	
	/* contact */
	#contact {
		position:absolute;
		width:160px;
		height:16px;
		margin: 10px auto auto 636px;
		padding:0;

	}
	
	#contact a.text {
		position:absolute;
		font-size:1.25em;
		color:#e8e5c4;
		display:inline;
		margin: 0px auto auto -2px;
		text-decoration:none;
	}
	
	#contact a.text:hover {
		text-decoration:underline;
	}
	
	#contact img {
		margin-right:0.25em;
	}
	
	
	/* </contact> */
	
	/* navigation */
		#nav {
			position:absolute;
			width:800px;
			height:48px;
			margin-top:101px;
			padding:0;
			
			background-color:#7E401B;
			background-image:url(images/navBackground.gif);
			
			font-weight:bold;
			font-size:1.125em;
			line-height:48px;
			color:#D2D2BC;
		}
	
		#nav ul.topLevel {
			margin:-1px 13px 0 0;
			padding:0;
			list-style:none;
		}
	
		#nav ul.topLevel li {
			position:relative;
			display:inline;
			float:right;
			margin:0;
			padding:0;
		}
	
		#nav li.placeMark {
			color:82A7B1;
		}
		
		#nav a {
			color:#D2D2BC;
			text-decoration:none;
		}
		
		#nav a:hover {
			color:#82A7B1;
			background-color:transparent;
			font-weight:bold;
		}
		#nav a.here {
			color:#82A7B1;
			text-decoration:underline;
		}
		
	/* /navigation */
/* /Header */

/* ------------------------------------------------------------------------------------------------
// body
------------------------------------------------------------------------------------------------ */

#content {
	position:relative;
	width:770px;
	padding: 15px 15px 0px 15px;
	margin-bottom:20px;
}

#headerTextBox {
	position:relative;
	width:730;
	padding: 13px 20px 20px 20px;
	font-size:0.875em;
	background-color:#DEDCD1;
	border: 1px solid #8D8D83;
	font-weight:bold;
	text-align:justify;
}

/* First letter large */

p.firstLetter:first-letter { margin-top:0.05em; font-weight:bold; float:left; font-size:4.3em;}

p.bodyText { text-indent:30px;}

p { margin:0; padding:0;}

p.highlight { font-weight:bold; color:#d22C48; font-size:1.5em; text-indent:30px; padding:10px; font-style:italic; background-image:url(images/quotes.gif); background-repeat:no-repeat; background-position: 5px -10px;}

/* star horizontal rule */


#starHR {
	width:770px;
	height:14px;
	border: none;
	background-image:url(images/starHR.gif);
	background-repeat:no-repeat;
	margin: 15px 0 15px 0;
}

/* content page headers */

#contentHeader {
	width:740px;
	height:150px;
	padding:15px;
	margin-bottom:15px;
	background-color:#ffffff;
	border: 1px solid #8D8D83;
}

/* ------------------------------------------------------------------------------------------------
// three columns
------------------------------------------------------------------------------------------------ */

#columns, #columns2  {
	position:relative;
	width:770px;
	min-height:50px;
}

a.header { border:0; padding:0 0 0 .5em; margin:0 .5em 0 .5em; font-size:1.8em; color:#82A7B1; display:inline; font-weight:bold; text-decoration:none; }

#columns  a:hover, #columns2  a:hover {
	color:#8D8D83;
}

#leftColumn, #rightColumn, #middleColumn, #leftColumn2, #rightColumn2, #middleColumn2 {
	position:relative;
	float:left;
	width:246px;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
}

#middleColumn, #middleColumn2 {
	margin: 0 14px 0 14px;
}

/* slideshow image links */

#columnImage1, #columnImage2, #columnImage3 {
	width:218px;
	height:135px;
	padding:15px;
	margin-bottom:10px;
	background-color:#ffffff;
	border: 1px solid #8D8D83;
}

#columnImage1:hover, #columnImage2:hover, #columnImage3:hover {
	background-color:#DEDCD1;
}

#columnImage1  a, #columnImage2  a, #columnImage3  a {
	background-color:transparent;
	margin:0;
	padding:0;
	border:0;
}

/* process */

div.pOne { background-image:url(images/pOne.gif); background-position: 0px 22px; background-repeat:no-repeat;}
div.pTwo { background-image:url(images/pTwo.gif); background-position: 0px 22px; background-repeat:no-repeat;}
div.pThree { background-image:url(images/pThree.gif); background-position: 0px 22px; background-repeat:no-repeat;}

#columnImageProcess {
	width:218px;
	height:118px;
	padding:15px;
	margin-bottom:10px;
	background-color:#ffffff;
	border: 1px solid #8D8D83;
}

#columns li {text-indent:20px; text-align:left;}

/* ------------------------------------------------------------------------------------------------
//contact
------------------------------------------------------------------------------------------------ */

#leftHalf, #rightHalf {
	position:relative;
	width:375px;
	float:left;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
}

#rightHalf {
	margin-left:20px;
}

#halfImage {
	width:343px;
	height:240px;
	background-color:#ffffff;
	border: 1px solid #8D8D83;
	padding:15px;
}

/* ------------------------------------------------------------------------------------------------
//footer
------------------------------------------------------------------------------------------------ */
#footer {
	position:relative;
	margin-top:-51px;
}

#footerContent {
	position:absolute;
	width:800px;
	height:41px;
	padding-top:10px;
	background-image:url(images/footerBackground.gif);
	left:50%;
	margin-left:-400px;
	text-align:center;
	font-size:.625em;
	color:#8D8D83;
}

#footer a {
	color:#d22C48;
}

p.copyright {
 color:#DEDCD1;
 margin-top:12px;
}

.clearFloats {
	clear:both;
}

.image {
	padding:15px;
	background-color:#ffffff;
	border: 1px solid #8D8D83;
	text-align:left;
}

.image a{
	text-indent:0;
	margin:0;
	padding:0;
	border:0;
}