/*



	Georgia Lindsay Design 2007/09

	Owen Fowler under guidence of Toby Brancher

	

*/

*{margin: 0px; padding: 0px; border: none 0px #fff;}

html, body {
	height:				100%;
	background:			#878679;
	font:				11px arial;
	text-align:			center;}

.right {float: right; text-align: right;}

h1 {
	font:				11px Arial;
	font-weight:		bold;
	margin:				5px 0px 0px 0px;}

/* Page */

table#stage{
	width: 				100%;
	height: 			100%;}

#page{
	overflow:			hidden;
	width:				720px;
	height:				410px;
	padding:			20px;
	margin:				0px auto;
	background-color:	#fff;
	text-align:			left;}


/* Header & Navigation */


#header{
	overflow:			hidden;
	width:				720px;
	height:				75px;}

#header ul li{
	float:				left;
	display:			inline;
	margin:				0px 12px 0px 0px;}

#header ul li a{
	font:				12px Arial;
	font-weight:		bold;
	color:				#999;
	text-decoration:	none;}

#header ul li a:hover{
	text-decoration:	none;
	color:				#888;}

#header #main_nav .selected{
	color:				#54682c;}

#header img{
	width:				205px;
	height:				75px;}
	

/* Content */


#content{
	overflow:			hidden;
	height:				320px;
	margin:				15px 0px 0px 0px;}			


/* Left Column */


.left_column{
	overflow:			hidden;
	float:				left;
	width:				260px;
	height:				310px;
	padding: 			0px 10px 0px 0px;}

.left_column p#email a,
.left_column p a{
	color:				#999;
	text-decoration:	none;}

.left_column a.new_win {
	color:				#54682c;}

.left_column p#email a:hover,
.left_column p a:hover,
.left_column p a.new_win:hover{
	color:				#888;}
	
h1#links {
	margin:				80px 0 0;}

.left_column .info{
	width:				260px;
	height:				165px;}	

.left_column .info .txt_01, .left_column .info .txt_02 {
	z-index:			10;
	position:			absolute;
	width:				260px;
	height:				165px;}

#overlay{
	z-index:			100;
	position:			absolute;
	overflow:			hidden;
	width:				260px;
	height:				165px;
	background:			#fff;}

.left_column .info_mansion,
.left_column .info_commercial,
.left_column .info_town,
.left_column .info_kids {
	width:				260px;}	

.left_column .info_mansion .txt_01,
.left_column .info_mansion .txt_02,
.left_column .info_commercial .txt_01,
.left_column .info_commercial .txt_02,
.left_column .info_town .txt_01,
.left_column .info_town .txt_02,
.left_column .info_kids .txt_01,
.left_column .info_kids .txt_02{
	z-index:			10;
	position:			absolute;
	width:				260px;}
	
.left_column .info_mansion #overlay,
.left_column .info_commercial #overlay,
.left_column .info_town #overlay,
.left_column .info_kids #overlay{
	z-index:			100;
	position:			absolute;
	overflow:			hidden;
	width:				260px;
	background:			#fff;}

.left_column .info_mansion,
.left_column .info_mansion .txt_01,
.left_column .info_mansion .txt_02,
.left_column .info_mansion #overlay {
	height:				194px;}
		
.left_column .info_commercial,
.left_column .info_commercial .txt_01,
.left_column .info_commercial .txt_02,
.left_column .info_commercial #overlay {
	height:				144px;}	
	
.left_column .info_town,
.left_column .info_town .txt_01,
.left_column .info_town .txt_02,
.left_column .info_town #overlay{
	height:				219px;}
	
.left_column .info_kids,
.left_column .info_kids .txt_01,
.left_column .info_kids .txt_02,
.left_column .info_kids #overlay{
	height:				169px;}
	
#txt_nav{
	width:				250px;
	height:				14px;
	float:				left;}

#txt_nav #txt_bck,
#txt_nav #txt_fwd {
	font-size:			14px;					
	text-decoration:	none;
	color:				#999;}
	
#txt_nav #txt_bck_t,
#txt_nav #txt_fwd_t {
	font-size:			12px;
	text-decoration:	none;
	color:				#999;
	font-style:			normal;}
	
#txt_nav #txt_bck:hover,
 #txt_nav #txt_fwd:hover,
#txt_nav #txt_bck_t:hover, 
#txt_nav #txt_fwd_t:hover{
	color:				#888;}

#txt_nav a#txt_num{
	margin:				0px 2px 0px 2px;
	cursor: 			default;}

.left_column p {
	color:				#878679;
	padding:			10px 10px 0 0;}


/* portfolio list */
			

.left_column ul{
	width:				250px;
	list-style:			none;
	padding:			0px 10px 0px 0px;}

.left_column ul li{
	border-bottom:		1px solid #999;
	line-height:		24px;
	letter-spacing:		1px;}

.left_column ul li a{
	text-decoration:	none;
	font:				11px arial;
	color:				#999;}

.left_column ul li a:hover{
	color:				#888;}


/* sub_nav */


.left_column #sub_nav{
	list-style:			none;
	width:				250px;
	float:				left;
	padding:			0px 10px 0px 0px;}

.left_column #sub_nav .selected{
	color:				#54682c;}


/* services list */

.left_column #services{
	list-style:			disc outside;
	margin:				0;
	padding:			8px 0px 0px 16px;
	width:				220px;}

.left_column #services li{
	color:				#878679;
	line-height:		14px;
	border:				none;}
	

/* 
	Testimonials
*/

#testimonial {
	overflow:			hidden;
	float:				left;
	width:				490px;
	height:				310px;
	padding: 			0 10px 0 0;}
	
#testimonial p {
	color:				#878679;
	font:				italic 13px Arial;
	padding:			8px 0 0;}

#testimonial p#signature,
#testimonial p#date{
	text-align:			right;
	font-style:			normal;}
#testimonial p#date {
	padding:			0px;}

#testimonial #test_info {
	overflow:			hidden;
	width:				490px;
	height:				213px;}
#testimonial .txt_01,
#testimonial .txt_02,
#testimonial .txt_03 {
	overflow:			hidden;
	z-index:			10;
	position:			absolute;
	width:				490px;
	height:				213px;}
#testimonial #overlay {
	z-index:			100;
	position:			absolute;
	overflow:			hidden;
	width:				490px;
	height:				213px;
	background:			#fff;}

#testimonial #txt_nav {
	width:				480px;}
	
#testimonial ul#testimony_nav_1,
#testimonial ul#testimony_nav_2 {
	width:				200px;
	list-style:			none;
	float:				left;}
	
#testimonial ul#testimony_nav_2 {
	margin:				0 0 0 20px;}
	
#testimonial ul#testimony_nav_1 li,
#testimonial ul#testimony_nav_2 li{
	border-bottom:		1px solid #999;
	line-height:		24px;
	letter-spacing:		1px;}

#testimonial ul#testimony_nav_1 li a,
#testimonial ul#testimony_nav_2 li a{
	text-decoration:	none;
	font:				11px arial;
	color:				#999;}

#testimonial ul#testimony_nav_1 li a:hover,
#testimonial ul#testimony_nav_2 li a:hover{
	color:				#888;}

#testimonial ul#testimony_nav_1 .selected,
#testimonial ul#testimony_nav_2 .selected{
	color:				#54682c;}

p#test_link {
	padding:			0px;
	font-style:			normal;}
	
#testimonial #spacer {
	height:				14px;}
	
/* Right Column */


.right_column img{
	float:				right;}

.slideshow{
	float:				right;
	width:				450px;
	height:				320px;
	overflow:			hidden;
	margin:				0px;
	cursor:				pointer;}

.slideshow img{
	text-align:			right;}

#tooltip{
	border: 			1px solid #000;
	background-color:	#fff;
	padding: 			5px;}

#tooltip h3{
	font:				11px arial;
	text-align:			center;}

.footer{
	width:				245px;
	font:				9px arial;
	color:				#878679;
	letter-spacing:		1px;
	text-transform:		uppercase;
	float:				left;}