@charset "utf-8";
/* CSS Document */
body {
	text-align: center;
	background: #000 url(images/2009_2/images/6house_2009_2_back.jpg) no-repeat top center;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: 100;
	line-height: 18px;
}
*{
	padding: 0;
	margin: 0;
}
p { 
	font: normal 13px Verdana, Arial, Helvetica, sans-serif; 
	line-height: 18px;
	text-align: justify;
}

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

/* Library Styles */
.clear { clear:both; }
dl.form{ width: 467px; }
dl.form dt { float: left; border-bottom: 1px solid #9CA69D; width: 140px; }
dl.form dd { margin: 0 0 18px 0; }

/* Error Styles */
#notice {
	border: 2px solid #a53900;
	color:#a53900;
	background-color:#ffc47a;
	margin: 0 0 10px 0;
	padding: 5px;
	text-align:left;
}

#nice_notice {
	border: 2px solid #2F704E;
	color:#2F704E;
	background-color:#9CA69D;
	margin: 0 0 18px 0;
	padding: 7px;
	text-align:left;
}

/* Layout Styles */
#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 900px;
	position: relative;
	overflow: hidden;
}
	#header {
		position: relative;
		height:176px;
		width: 900px;
		display: none;
	}
	#container h1#logo {
		background:  url(images/2009_2/images/6house_2009_2_03.gif);
		position: absolute;
		top: 74px;
		left: 0;
		width: 234px;
		height: 88px;
		text-indent: -9999px;
	}
	
	#container h2#tagline {
		background:  url(images/2009_2/images/6house_2009_2_06.gif);
		position: absolute;
		top: 100px;
		left: 510px;
		width: 399px;
		height: 27px;
		text-indent: -9999px;
	}
	
	
	#container #body {
		margin: 0 0 30px 180px;
		height: 1300px;
		width: 689px;
		overflow: hidden;
		position: relative;
	}
	
	#slider { display: none; }
	
		#container div#body h2 { width: 499px; height: 72px; text-indent: -9999px; }
		#container div#body h2#home_title { background:url(images/2009_2/images/titles/home.png); }
		#container div#body h2#about_title { background:url(images/2009_2/images/titles/about.png); }
		#container div#body h2#contact_title { background:url(images/2009_2/images/titles/contact.png); }
		#container div#body h2#news_title { background:url(images/2009_2/images/titles/news.png); }
	
	/* Body Slider Nav buttons */
		#body #slider ul li.slide a.slider_nav_forward, #body #slider ul li.slide a.slider_nav_back {
			position: absolute;
			top: 34px;
			display: block;
			width: 59px;
			height: 316px;
			text-indent: -9999px;
			z-index: 100;
			cursor:pointer;
		}
		#body #slider ul li.slide a.slider_nav_forward {
			left: 620px;
		}
		#body #slider ul li.slide a.slider_nav_back {
			left: 6px;
		}
			#body #slider ul li.slide span#about_slide_forward a{
				background: url(images/2009_2/images/slider_nav/about.png);
			}
			#body #slider ul li.slide span#contact_slide_forward a{
				background: url(images/2009_2/images/slider_nav/contact.png);
			}
			#body #slider ul li.slide span#news_slide_forward a{
				background: url(images/2009_2/images/slider_nav/news.png);
			}
			
			#body #slider ul li.slide span#home_slide_back a{
				background: url(images/2009_2/images/slider_nav/home_back.png);
			}
			#body #slider ul li.slide span#about_slide_back a{
				background: url(images/2009_2/images/slider_nav/about_back.png);
			}
			#body #slider ul li.slide span#contact_slide_back a{
				background: url(images/2009_2/images/slider_nav/contact_back.png);
			}
			
		#body #slider ul li div.content {
			position: absolute;
			width: 490px;
			left: 65px;
			background: url(images/2009_2/images/content_back.png);
			padding: 20px 0 0 30px;
		}
			
			
	#container div#footer {
		padding-bottom: 50px; 
	}
		#container div#footer ul#footer_info li{
			list-style: none;
			float: left;
			margin-right: 25px;
		}
		


/* Easy Slider */

	#slider ul.slide_ul, #slider li.slide{
		margin:0;
		padding:0;
		list-style:none;
		
	}
	#slider li.slide{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:689px;
		height:1300px; 
		position: relative;
		float: left;
	}
	span#prevBtn{ display:none; }
	span#nextBtn{ display:none; }					

/* // Easy Slider */

/* Home Styles */

#slider li.slide div.content ul#portfolio {
	width: 510px;
}
#slider li.slide div.content ul#portfolio li {
	list-style: none;
	float: left;
	margin-right: 23px;
	width: 230px;
}
	#slider li.slide div.content ul#portfolio li a {
		color: #fff;
		text-decoration: none;
		font-size: 12px;
		display: block;
		width: 230px;
		height: 60px;
		padding-top: 135px;
	}
		
		
	
	
		li#griffin_jacobson a { background: url(images/2009_2/images/portfolio/griffin_jacobson.jpg) no-repeat; }
		li#griffin_jacobson a:hover { background: url(images/2009_2/images/portfolio/griffin_jacobson.jpg) -230px 0 no-repeat; }
		
		li#rtd a { background: url(images/2009_2/images/portfolio/rtd.jpg) no-repeat; }
		li#rtd a:hover { background: url(images/2009_2/images/portfolio/rtd.jpg) -230px 0 no-repeat; }
		
		li#studio_at_fischer a { background: url(images/2009_2/images/portfolio/the_studio.jpg) no-repeat; }
		li#studio_at_fischer a:hover { background: url(images/2009_2/images/portfolio/the_studio.jpg) -230px 0 no-repeat; }
		
		li#basin_pbs a { background: url(images/2009_2/images/portfolio/basin_pbs.jpg) no-repeat; }
		li#basin_pbs a:hover { background: url(images/2009_2/images/portfolio/basin_pbs.jpg) -230px 0 no-repeat; }
		
		li#mirificam a { background: url(images/2009_2/images/portfolio/mirificam_press.jpg) no-repeat; }
		li#mirificam a:hover { background: url(images/2009_2/images/portfolio/mirificam_press.jpg) -230px 0 no-repeat; }
		
		li#qsp a { background: url(images/2009_2/images/portfolio/qsp.jpg) no-repeat; }
		li#qsp a:hover { background: url(images/2009_2/images/portfolio/qsp.jpg) -230px 0 no-repeat; }
		
		li#energy_sales a { background: url(images/2009_2/images/portfolio/energy_sales.jpg) no-repeat; }
		li#energy_sales a:hover { background: url(images/2009_2/images/portfolio/energy_sales.jpg) -230px 0 no-repeat; }
		
		li#sierra a { background: url(images/2009_2/images/portfolio/sierra.jpg) no-repeat; }
		li#sierra a:hover { background: url(images/2009_2/images/portfolio/sierra.jpg) -230px 0 no-repeat; }
		
		li#nto a { background: url(images/2009_2/images/portfolio/nto.jpg) no-repeat; }
		li#nto a:hover { background: url(images/2009_2/images/portfolio/nto.jpg) -230px 0 no-repeat; }
		
		li#pbaf a { background: url(images/2009_2/images/portfolio/pbaf.jpg) no-repeat; }
		li#pbaf a:hover { background: url(images/2009_2/images/portfolio/pbaf.jpg) -230px 0 no-repeat; }
		
		li#confession a { background: url(images/2009_2/images/portfolio/confession.jpg) no-repeat; }
		li#confession a:hover { background: url(images/2009_2/images/portfolio/confession.jpg) -230px 0 no-repeat; }
		
		li#droppin a { background: url(images/2009_2/images/portfolio/droppin.jpg) no-repeat; }
		li#droppin a:hover { background: url(images/2009_2/images/portfolio/droppin.jpg) -230px 0 no-repeat; }
		
		li#olt a { background: url(images/2009_2/images/portfolio/olt.jpg) no-repeat; }
		li#olt a:hover { background: url(images/2009_2/images/portfolio/olt.jpg) -230px 0 no-repeat; }
		
		li#jmr a { background: url(images/2009_2/images/portfolio/jmr.jpg) no-repeat; }
		li#jmr a:hover { background: url(images/2009_2/images/portfolio/jmr.jpg) -230px 0 no-repeat; }
		
		li#pink_mesquite a { background: url(images/2009_2/images/portfolio/pink_mesquite.jpg) no-repeat; }
		li#pink_mesquite a:hover { background: url(images/2009_2/images/portfolio/pink_mesquite.jpg) -230px 0 no-repeat; }
		
		li#crestview a { background: url(images/2009_2/images/portfolio/crestview.jpg) no-repeat; }
		li#crestview a:hover { background: url(images/2009_2/images/portfolio/crestview.jpg) -230px 0 no-repeat; }
		
		li#isell a { background: url(images/2009_2/images/portfolio/isell.jpg) no-repeat; }
		li#isell a:hover { background: url(images/2009_2/images/portfolio/isell.jpg) -230px 0 no-repeat; }
		
		li#natural_selections a { background: url(images/2009_2/images/portfolio/natural_selections.jpg) no-repeat; }
		li#natural_selections a:hover { background: url(images/2009_2/images/portfolio/natural_selections.jpg) -230px 0 no-repeat; }
		
		li#cayce a { background: url(images/2009_2/images/portfolio/cayce.jpg) no-repeat; }
		li#cayce a:hover { background: url(images/2009_2/images/portfolio/cayce.jpg) -230px 0 no-repeat; }
		
		li#enviro a { background: url(images/2009_2/images/portfolio/enviro.jpg) no-repeat; }
		li#enviro a:hover { background: url(images/2009_2/images/portfolio/enviro.jpg) -230px 0 no-repeat; }
		
		li#providence a { background: url(images/2009_2/images/portfolio/providence.jpg) no-repeat; }
		li#providence a:hover { background: url(images/2009_2/images/portfolio/providence.jpg) -230px 0 no-repeat; }
		
		li#west a { background: url(images/2009_2/images/portfolio/west.jpg) no-repeat; }
		li#west a:hover { background: url(images/2009_2/images/portfolio/west.jpg) -230px 0 no-repeat; }
		
		li#wine a { background: url(images/2009_2/images/portfolio/wine.jpg) no-repeat; }
		li#wine a:hover { background: url(images/2009_2/images/portfolio/wine.jpg) -230px 0 no-repeat; }
	
		li#monitor a { background: url(images/2009_2/images/portfolio/monitor.jpg) no-repeat; }
		li#monitor a:hover { background: url(images/2009_2/images/portfolio/monitor.jpg) -230px 0 no-repeat; }
		
		li#routh a { background: url(images/2009_2/images/portfolio/routh.jpg) no-repeat; }
		li#routh a:hover { background: url(images/2009_2/images/portfolio/routh.jpg) -230px 0 no-repeat; }
		
		li#high_sky a { background: url(images/2009_2/images/portfolio/high_sky.jpg) no-repeat; }
		li#high_sky a:hover { background: url(images/2009_2/images/portfolio/high_sky.jpg) -230px 0 no-repeat; }
		
		

/* About Styles */

.slide .content img {
	float: left;
	margin: 0 10px 20px 0;
}
	div.technique, div.philosophy { margin-bottom: 40px; }
	div.technique ul li, div.philosophy ul li {
		list-style: none;
		margin-bottom: 10px;
	}
	
	.slide .content #follow_me {
		background: url(images/2009_2/images/follow_me.gif);
		width: 490px;
		height: 72px;
		margin-bottom: 30px;
		clear: both;
		position: relative;
	}
		.slide .content #follow_me a { display: block; width: 42px; height: 42px; position: absolute; top: 7px; text-indent: -9999px; }
		.slide .content #follow_me a#twitter { left: 199px; }
		.slide .content #follow_me a#facebook { left: 269px; }
		.slide .content #follow_me a#design_related { left: 332px; }
		.slide .content #follow_me a#diigo { left: 392px; }
		.slide .content #follow_me a#ziki { left: 452px; }
		
/* Contact Styles */

div.contact_column_one {
	width: 230px;
	float: left;
}
div.contact_column_two {
	width: 230px;
	float: right;
}
		

/* Misc Styles */

h3, h4 {
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-weight: 100;
}
h3 { font-size: 18px; font-family: "Times New Roman", Times, serif; }
h4 { font-size: 15px; border-bottom: 1px solid #999;  }
p { margin-bottom: 20px; }
strong { color: #CC6600; font-weight: bold;}