body { 
	background: #1a1a1a url(layout/footer.jpg) no-repeat bottom left;
	font: 62.5% "Helvetica Neue", Helvetica, Geneva, Arial, Verdana, sans-serif;
	color: #333332;
	position: relative;
	padding-bottom: 60px;
	min-height: 300px;
}



#wrapper_outer {
	background: transparent url(layout/head_background.jpg) repeat-x top left;
	min-height: 649px;
}

#wrapper {
	width: 1118px;
	margin: 0 auto;
}

/* Main Page Intro
------------------------------------------------------- */
#information_banner {
	background: transparent url(layout/information_banner.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	height: 0;
	width: 366px;
	padding-top: 376px;
	position: absolute;
	right: 15px;
	top: -188px;
	z-index: -10;
}

h2#showcase_title{
	width: 725px;
	padding-top: 125px;
	height: 0;
	background: transparent url(layout/show_title.png) no-repeat top left;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
	margin: 20px 0 30px 0px;
}
	
#page_intro_wrap {
	padding: 0 0 0 10px;
	width: 1108px;
	position: relative;
	z-index: 0;
}

	#page_intro_top {
		background: transparent url(layout/page_intro_top.png) no-repeat 0 0;
		width: 1108px;
		padding-top: 13px;
		z-index: 500;
	}
	
	#page_intro {
		background: transparent url(layout/page_intro_mid.png) repeat-y 0 0;
		padding: 10px 0 10px 10px;
		width: 1098px;
		color: #6b553e;
		font-weight: 200;
		z-index: 500;
	}
	
	#page_intro_bottom {
		background: transparent url(layout/page_intro_bot.png) no-repeat 0 0;
		height: 10px;
		z-index: 500;
	}
	
	#page_intro ul li a{
		float: left;
		font-size: 1.2em;
		letter-spacing:0.1em;
		display: block;
		text-decoration:none;
		color:#6b553e;
		padding: 0 4px;
		background: transparent url(layout/page_intro_divider_dot.png) repeat-y top right;
		line-height: 1.7em;
	}
	
		#page_intro ul li:last-child { background-image: none; }
	
	#page_intro strong {
		color: #193145;
		font-weight: 700;
	}

/* Main Page Container
------------------------------------------------------- */
#main_page_wrap {
	clear: both;
	background-color:	transparent;
	width: 1080px;
	min-height: 300px;
	padding: 0 10px;
	position: relative;
	margin-bottom: 20px;
}

	#main_page{
		background-color: #fcfcfc;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
	}

	p.info_strip {
		display: block;
		background-color: #dfeaf0;
		margin: 10px 10px 0 10px;
		margin-top: 10px;
		padding: 5px 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-align: right;
		color: #496677;
		position: relative;
	}
	
		p.info_strip a {
			color: #496677;
			text-decoration: none;
		}


/* Main Page Content
------------------------------------------------------- */
#main_page p {
	font-size: 1.2em;
	font-family: Verdana;
	color: #4e4e4e;
	margin-bottom: 20px;
	line-height: 1.5em;
}

#main_page p strong {
	color: #363636
}

#main_page p a {
	color: #357fae;
	text-decoration: none;
	border-bottom: 1px solid #dfeaf0;
}

	#main_page p a:hover {
		color: #0c507a;
		text-decoration: none;
		border-bottom: 1px solid #8aaabd;
	}

#main_page img {
	padding-bottom: 20px;
}

.content_wide {
	padding: 25px 30px 20px 30px;
}

.content_narrow {
	padding: 25px 30px 25px 30px;
	float: right;
	width: 658px;
}

.aside {
	float: left;
	width: 264px;
	padding: 40px 40px 50px 50px;
}

	#main_page .aside p.focal_text {
		font-size: 1.9em;
		color: #ccaf79;
		font-weight: 100;
		padding-left: 30px;
	}
	
	#main_page .aside p.supplement {
		text-align: right;
		width: 220px;
		padding-left: 30px;
	}

/* Slideshow Gallery
--------------------------------------------------------------------------- */
#main{
	/* The main container */
	padding: 0px 30px 25px 30px;
	
}

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:920px;
	overflow:hidden;
	margin-left:50px;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:45px;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(layout/slideshow/pic_bg.png) repeat;
}

#menu li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(layout/slideshow/active_bg.png) no-repeat;
}

#menu li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(layout/slideshow/divider.png) no-repeat right;
}

#menu li a{
	display:block;
	background:url(layout/slideshow/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

#menu a img{
	border:none;
}

/* Designer Coder & other front page stuff
--------------------------------------------------------------------------- */
#dual_job {
	width: 658px;
	height: 0;
	padding-top: 71px;
	background: url(layout/westernfence.gif) no-repeat 171px 0;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 15px;
}

.designer {
	float: left;
	width: 305px;
	margin-right: 15px;
	text-align: left;
}

/*.standardista {
	float: left;
	width: 305px;
	height: 250px;
	margin-left: 15px;
	background: url(layout/images/main_pic.jpg)
}*/


h4#services {
	width: 244px;
	padding-top: 345px;
	overflow: hidden;
	height: 0;
	text-indent: -9999px;
	background: transparent url(layout/logo.gif) no-repeat 13px 84px;
}

/* Page Headers
--------------------------------------------------------------------------- */
h2#about_me {
	width: 421px;
	padding-top: 135px;
	height: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(layout/header_about_me.gif) no-repeat 0 45px;
	clear: both;
	position: relative;
	bottom: -28px;
	margin-left: 70px;
}

h2#information_head {
	width: 348px;
	padding-top: 108px;
	height: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(layout/header_information.gif) no-repeat 0 40px;
	clear: both;
	position: relative;
	bottom: -28px;
	margin-left: 70px;
}

h2#contact_me {
	width: 489px;
	padding-top: 135px;
	height: 0px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(layout/contactMe.png) no-repeat 0 47px;
	clear: both;
	position: relative;
	bottom: -28px;
	margin-left: 40px;
	margin-bottom:40px;
}

h2#vynil_fencing {
	width: 489px;
	padding-top: 135px;
	height: 0px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(layout/vynilFencing.png) no-repeat 0 47px;
	clear: both;
	position: relative;
	bottom: -28px;
	margin-left: 40px;
	margin-bottom:40px;
}

h2#backyard_fencing {
	width: 489px;
	padding-top: 135px;
	height: 0px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(layout/backyardFencing.png) no-repeat 0 47px;
	clear: both;
	position: relative;
	bottom: -28px;
	margin-left: 40px;
	margin-bottom:40px;
}

h2#pipe_fencing {
	width: 489px;
	padding-top: 135px;
	height: 0px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(layout/pipeFencing.png) no-repeat 0 47px;
	clear: both;
	position: relative;
	bottom: -28px;
	margin-left: 40px;
	margin-bottom:40px;
}

h2#field_fencing {
	width: 489px;
	padding-top: 135px;
	height: 0px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(layout/fieldFencing.png) no-repeat 0 47px;
	clear: both;
	position: relative;
	bottom: -28px;
	margin-left: 40px;
	margin-bottom:40px;
}

h2#projects_head {
	width: 331px;
	padding-top: 123px;
	height: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(layout/header_projects.gif) no-repeat 0 35px;
	clear: both;
	position: relative;
	bottom: -28px;
	margin-left: 70px;
}


/* information Menu
------------------------------------------------------- */
#information_menu ul li a {
	display: block;
	padding: 89px 10px 0 10px;
	width: 157px;
}
	a#cmadr3 { background: transparent url(folio/folio_thumbs/cmadr3.png) no-repeat 10px 0; }
	a#libre { background: transparent url(folio/folio_thumbs/libre.png) no-repeat 10px 0; }
	a#jcac { background: transparent url(folio/folio_thumbs/jcac.png) no-repeat 10px 0; }
	a#shafer { background: transparent url(folio/folio_thumbs/shafer.png) no-repeat 10px 0; }
	a#gary_matoso { background: transparent url(folio/folio_thumbs/gary_matoso.png) no-repeat 10px 0; }
	a#hfi { background: transparent url(folio/folio_thumbs/hfi.png) no-repeat 10px 0; }
	a#rjmichaels { background: transparent url(folio/folio_thumbs/rjmichaels.png) no-repeat 10px 0; }
	a#cmadr { background: transparent url(folio/folio_thumbs/cmadr.png) no-repeat 10px 0; }
	a#davejay { background: transparent url(folio/folio_thumbs/davejay.png) no-repeat 10px 0; }
	a#ec_schools { background: transparent url(folio/folio_thumbs/ec_schools.png) no-repeat 10px 0; }
	a#dandelion_path { background: transparent url(folio/folio_thumbs/dandelion_path.png) no-repeat 10px 0; }
	a#emmas_bridal { background: transparent url(folio/folio_thumbs/emmas_bridal.png) no-repeat 10px 0; }
	a#creative_bride { background: transparent url(folio/folio_thumbs/creative_bride.png) no-repeat 10px 0; }



/* information Menu
------------------------------------------------------- */
#information_menu {
	clear: both;
	margin-left: 20px;
}

#information_menu ul {
	list-style-type: none;
	margin-top: 2px;
	float: left;
}
	#information_menu ul li{
		float: left;
		width: 157px;
		padding: 0 0 30px 0;
		font-size: 1em;	
		display: block;
	}

	#information_menu ul li a{	
		color: #0b507e;
		font-weight: 100;
		text-decoration: none;
		display: block;
		outline: none;
	}
	
	#information_menu ul li a span {
		color: #003150;
		font-size: 1em;
		font-weight: 600;
		width: 132px;
		background: transparent url(layout/information_menu_background.png);
		display: block;
		padding: 5px 10px;
		position: relative;
		left: 1px;
		margin-top: 4px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-box-shadow: #588099 1px 1px 2px;
		-moz-box-shadow: #588099 1px 1px 2px;
	}
	
		#information_menu ul li a span em {
			font-style: normal;
			color: #0b507e;
			font-weight: 500;
		}
		
		#information_menu ul li.selected a span {
			background-color: #FFF;
		}
		
		#information_menu ul li a:hover span {
			background-color: #FFF;
		}
	
/* information Content
------------------------------------------------------- */
.folio_image {
	float: left;
}

#folio_bevel {
	background: transparent url(layout/folio_bevel.png) no-repeat 0 0;
	width: 792px;
	height: 267px;
	position: absolute;
}

#folio_info {
	width: 156px;
	float: right;
	padding: 10px;
}

	#folio_info h3 {
		width: 156px;
		height: 0;
		padding-top: 26px;
		overflow: hidden;
		text-indent: -9999px;
	}
	
		h3#folio_details { background: #dfeaf0 url(layout/folio_details.gif) no-repeat 0 0  }
		h3#folio_notes { background: #dfeaf0 url(layout/folio_notes.gif) no-repeat 0 0  }
		h3#folio_additional_views { background: #dfeaf0 url(layout/folio_additional_views.gif) no-repeat 0 0  }
	
	#folio_info p {
		color: #4c4c4c;
		font-size: 1em;
		padding: 10px 0 10px 0;
		margin: 0;
	}
	
	#additional_views img {
		padding-top: 10px;
	}
	
	#additional_views a { border-bottom: none; }
	#additional_views a:hover { border-bottom: none; }
	
		
	
/* Content Supplemental
------------------------------------------------------- */
#content_supplemental {
	padding: 25px 55px;
	clear: both;
	height:260px;
}

	#content_supplemental p a {
		color: #4793c3;
		text-decoration: none;
		border-bottom: 1px solid #1f4861;
	}
		
		#content_supplemental p a:hover {
			border-bottom: 1px solid #4793c3;
		}
	
	#content_supplemental p {
		color: #CCCCCC;
		font-size: 1.1em;
		line-height: 1.7em;
		font-family: Verdana;
		padding-top: 10px;
	}

h3#weblog {
	width: 45px;
	padding-top: 11px;
	height: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(layout/header_weblog.gif) no-repeat 0 0;
	float: left;
	margin-right: 40px;
}

	ul.weblog {
		float: left;
		height: 350px;
	}
	
		ul.weblog li {
			display: block;
			float: left;
			border-left: 1px solid #404040;
			width: 240px;
			padding: 0 15px;
			height: 300px;
		}
		
		ul.weblog li h4 a {
			color: #ca9a4d;
			font-size: 1.6em;
			text-decoration: none;
			font-weight: 100;
			line-height: 1.2em;
		}
		
		p.continue {
			text-align: right;
		}
				
		
		
		
		
		
		

/* Site Info (footer)
------------------------------------------------------- */
#site_info {
	clear: both;
	padding: 0px 55px 15px 55px;
	text-shadow: #000 1px 1px 1px;
	color: #FFF;
	font-size: 1.1em;
	font-weight: 900;
}

	p.nav_secondary {
		display: block;
		background: transparent url(layout/footer_background.png);
		padding: 7px 14px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	p.nav_secondary a {
		color: #8fd4ff;
		text-decoration: none;
	}
	
	p.info {
		display: block;
		padding: 7px 14px;
	}
	
	p.info a {
		color: #FFF;
		text-decoration: none;
	}
		
		p.info a:hover {
			border-bottom: 1px solid #FFF;
		}
	

/* Branding
------------------------------------------------------- */
#email h1 a {
	display: block;
	padding-top: 38px;
	width: 387px;
	height: 0;
	text-indent: -9999px;
	background: transparent url(layout/branding.png) no-repeat 0px 10px;
	float: left;
	overflow: hidden;
	margin-bottom: 24px;
	margin-left: 14px;
}


/* Navigation
------------------------------------------------------- */
ul#navigation {
	float: right;
	width: 388px;
	padding-top: 18px;
}
	ul#navigation li {
		float: left;
		display: block;
		height: 10px;
	}

		ul#navigation li a{
			float: left;
			padding-top: 10px;
			height: 0;
			overflow: hidden;
			text-indent: -9999px;
			display: block;
		}
		
		ul#navigation li#home a{
			background: transparent url(layout/navigation/home.png) no-repeat 0 0;
			width: 56px;
		}
		
			ul#navigation li#home a:hover,
			ul#navigation li#home a.selected:hover,
			ul#navigation li#home a.selected{
				background-position-x: -55px;
			}
		
		ul#navigation li#information a{
			background: transparent url(layout/navigation/information.png) no-repeat 0 0;
			width: 122px;
		}
		
			ul#navigation li#information a:hover,
			ul#navigation li#information a.selected:hover,
			ul#navigation li#information a.selected{
				background-position-x: -121px;
			}
		
		ul#navigation li#contact a{
			background: transparent url(layout/navigation/contact.png) no-repeat 0 0;
			width: 80px;
		}
		
			ul#navigation li#contact a:hover,
			ul#navigation li#contact a.selected:hover,
			ul#navigation li#contact a.selected{
				background-position-x: -79px;
			}
		
		ul#navigation li#quote a{
			background: transparent url(layout/navigation/quote.png) no-repeat 0 0;
			width: 64px;
		}
		
			ul#navigation li#quote a:hover,
			ul#navigation li#quote a.selected:hover,
			ul#navigation li#quote a.selected{
				background-position-x: -64px;
			}
		
		ul#navigation li#projects a{
			background: transparent url(layout/navigation/projects.gif) no-repeat 0 0;
			width: 80px;
		}
		
			ul#navigation li#projects a:hover,
			ul#navigation li#projects a.selected:hover,
			ul#navigation li#projects a.selected{
				background-position-x: -80px;
			}


/* Empty Room Content
------------------------------------------------------- */
.empty_room_content {
	padding-top: 100px;
	width: 993px;
	margin: 0 auto;
}

	.empty_room_content h1{
		font-size: 8em;
		color: #fcfcfc;
		text-transform: uppercase;
	}
	
	.empty_room_content h2{
		font-size: 3em;
		color: #fcfcfc;
		text-indent: 6px;
		padding-bottom: 10px;
	}
	
	.empty_room_content p{
		font-size: 1.3em;
		color: #CCC;
		padding: 0 5px 15px 5px;
		
	}
	
		.empty_room_content a {
			color: #8fd4ff;
			text-decoration: none;
		}


/* Misc
------------------------------------------------------- */	

div.hr{
	clear: both;
	}
	
div.hr hr{
		display: none;
	}