/* @override http://pegg-whitney.com/css/screen.css */

/* @override http://pegg-whitney.com/css/screen.css */

/* @override http://peggwhitney.outdoorclick.com/css/screen.css */

/* 
Title:		Pegg-Whitney
Author: 	David Boyer // 26 Tigers Design
Email:		david.boyer[at]26tigers.com
Created: 	April 21, 2008
Updated:	June 8, 2009
*/

/* Design Notes:

Colors:
	Body & Content BG: #A18F74 - Chalky Brown

*/


/*--[Global]----------*/
html, body, form, fieldset, legend, input, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, address, img {
	margin:0;
	padding:0;
}
ul, li {
	list-style-type: none;
}
body {
	background: #A18F74 url(../images/bg_body.jpg) repeat-x 0 0;
	color: #FFF;
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto margining. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
	font: small/1.1em Verdana, Arial, Helvetica, sans-serif;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
a:link, a:visited, a:hover {
	text-decoration: none;
}
/* Remove annoying border on linked images. */
a img { border: none; }

/*--[Float Clearing]--------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Sonspring's Clearall */
.clear {
	 border: 0;
	 clear: both;
	 display: block;
	 float: none;
	 margin: 0;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}

/*--[Generic Link Rules]---------*/
a:link, a:visited {
	color: #1C62B9;
	text-decoration: none;	
}
a:hover {
	color: #AB0809;
}

/*--[Images]-------*/
img.l_inset {
	float: left;
	border: 5px solid #292526;
	margin: 0 20px 5px 0;
}
img.r_inset {
	float: right;
	border: 5px solid #292526;
	margin: 0 0 5px 20px;
}

/*--[Global Lists]-------*/
ul.std {
	padding: 10px 0;
}
	ul.std li {
		background: url(../images/img/bullet_red.gif) no-repeat 0 50%;
		padding: 5px 5px 5px 18px;
		margin-left: 8px;
		font-size: 85%;
	}

/*--[Wrappers ]---------*/
.wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
	#content .wrapper {
			background: #A18F74 url(../images/bg_content_shadowtopper.jpg) repeat-x 0 0;
			padding: 25px 0;
	}


/*--[Headlines]--------*/
h2 {
	font: normal small-caps 240%/1.2em "Franklin Gothic Book", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #FFF;
	padding: 0 0 10px 0;
}
h3 {
	font: normal small-caps 180%/1.2em "Franklin Gothic Book", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #272324;
	padding: 15px 0 0 0;
}

/*--
----------------[[Header]]----------------*/
#header {
	position: relative;
	height: 62px;
	z-index: 100; /* Needed to make logo float on top in IE */
}
	#header h1 {
		background: url(../images/logo_peggwhitney.jpg) no-repeat;
		text-indent: -9926px;
		width: 258px;
		height: 437px;
		position: absolute;	
		top: 0;
		left: 0;
		z-index: 900;
	}
		#header h1 a {
			display: block;	
			background: url(../images/logo_peggwhitney.jpg) no-repeat;
			height: 437px;
			z-index: 900;
		}


/*--[Header Navigation]--------*/
		
/*Main Navigation*/
ul#nav_main {
	float: right;
	padding-top: 18px;
}
	ul#nav_main li {
		float: left;
	}
		ul#nav_main li a:link, ul#nav_main li a:visited {	 
			float: left;
			display: block;
			font: normal small-caps 130%/25px Arial, Geneva, sans-serif;
			color: #231F20;
			padding: 0 8px;
			border-left: 1px solid #826f54;
		}
		ul#nav_main li.first a:link, ul#nav_main li.first a:visited {	
			border-left: none;		
		}		
		ul#nav_main li a:hover, ul#nav_main li.first a:hover {
			color: #FFF1DA;	
		}
			
/*--
------------------[[Content Area]]-----------------*/
#content p {
	padding: 5px;
	line-height: 1.2em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 120%;
}
	
/* --Content Columns-- */
.left_col { 
	float: left;
	width: 258px;
	margin: 345px 0 0 0; /* Allows for logo intrusion. Note margin height logo height minus header height. */
	position: relative;	
	display: inline;
}
#front .left_col {
	text-align: center
	}
.right_col {
	float: right;
	width: 702px;
	position: relative;
	display: inline;
	z-index: 5000;
	margin-right: 20px;
	padding-bottom: 5px;
}
.left_col_sub { 
	float:left;
	width:320px;
	padding:10px 0;
 }
 .right_col_sub { 
 	float:right;
 	width:320px;
 	padding:10px 0;
  }

/* SlideShows  */
.ssp_wrapper {
	background: url(../images/shadow.gif) no-repeat bottom right;
	float: left;
	clear: right;
	margin: 5px 20px 5px 0;	
}
	#front_ssp {
		margin: -5px 5px 5px -5px;

	}

#whatwe_ssp {
	margin: 15px 0;
}

/* Content Images */
.img_wrapper {
	background: url(../images/shadow.gif) no-repeat bottom right;
	float: left;
	clear: right;
	margin: 5px 20px 5px 0;	
}
	.img_wrapper img {
		margin: -5px 5px 5px -5px;
		border: 5px solid #292526;
	}

/*--[Content Buttons]----------*/
span.btn_learnmore {
		background:url(../images/btn_oval_learnmore.gif) no-repeat 0 0;
		text-indent: -9926px;
		margin: 10px 0;
		width: 121px;
		height: 27px;
		float: right;
}
		span.btn_learnmore a:link, span.btn_learnmore a:visited {
			display: block;	
			background: url(../images/btn_oval_learnmore.gif) no-repeat 0 0;
			height: 27px;
			width: 121px;
		}



/*\\--[Front Doors]---------*/	
ul.three_doors {
	clear: both;
	width: 1000px;
	background: url(../images/divide_fadeends.gif) no-repeat 0 0;
	padding-top: 25px;
	margin-top: 25px;

}	
	ul.three_doors li {
		width: 198px;
		float: left;
		margin: 0 60px;
		height: 244px;
		display: inline;
	}
		.d1 {
			background: url(../images/door_quality.jpg) no-repeat 0 0;				
		}
		.d2 {
			background: url(../images/door_customized.jpg) no-repeat 0 0;				
		}
		.d3 {
			background: url(../images/door_doorswindows.jpg) no-repeat 0 0;
		}			

ul.three_doors li a:link, ul.three_doors li a:visited {
	text-indent: -9926px;
	display: block;
	width: 198px;
	height: 244px;
}
 
span.btn_door_learnmore {
		background: url(../images/btn_learnmore_oval.gif) no-repeat 0 0;
		text-indent: -9926px;
		position: absolute;
		bottom: 20px;
		right: 5px;
		width: 121px;
		height: 26px;
}
		span.btn_door_learnmore a:link, span.btn_door_learnmore a:visited {
			display: block;	
			background: url(../images/img/btn_readmore.gif) no-repeat 0 0;
			height: 26px;
			width: 121px;
		}

/*--[Contact Us]--*/
#content address {
	width: 95%;
	padding: 20px 10px;
	margin-top: 25px;
	color: #191919;
	font-size: 135%;
	font-style: normal;
	line-height: 1.2em;
}
#content address p span {
font-size:  85%;
}

/*--[News]--*/
ul.news_list { 
	padding:5px 10px;
 }
	ul.news_list a { color:#2d4e6e; }
	ul.news_list a:hover { color:#f8d47a; }

/*--[Events]--*/
ul.events_list { 
	padding:5px 10px;
 }
	ul.events_list li, ul.news_list li {
		padding:3px 0 3px 18px;
		background:url(../images/bullet_orange.gif) no-repeat 0 15%;
	} 
		ul.events_list li h4 {
			padding:0 0 2px 0;
		}	
/*--[Footer]-------*/
#footer {
	clear: both;
	background-color: #B4A284;
	padding-bottom: 15px;
}
	#footer .wrapper {
		
	}

#footer blockquote {
	width: 525px;
	color: #E4CDA7;
	font: normal 200%/1.2em "Franklin Gothic Book", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-style: italic;
	padding: 15px;
}
	#footer blockquote span {
		display: block;
		font-size: 80%;
		text-align: right;
	}
	
		
/*--[Basement]--------*/
#basement ul {
	padding: 5px 8px 0 18px;
	float: left;
}
	#basement ul li {
		display: inline;
		padding: 0 8px;
		border-left: 1px solid #acacac;
		font: 80% "Lucida Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;;
	}
	#basement	ul li.first {
		background-image: none;
		border-left: none;
	}		
		#basement ul li a:link, #basement ul li a:visited {	
			color: #FFF;
		}
		#basement ul li a:hover {
			color: #CCC;
		}

#basement p {
	float: right;
	padding: 5px 18px 0 0;
	font: 80% "Lucida Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;;
	color: #FFF;
}