/* Page-level */
body { 
	margin:0; 
	padding:0; 
	background:white; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 75%;
	line-height: 140%;
	}
html>body { font-size: 13px; }

#page { 
	width:768px;
	background:white; 
	margin:auto;
	padding:0;
	}
	
/* Note: Make HTML 5 elements block-level for consistent styling */
#header, #av, article, #footer, address { display:block; }


/* link styles 
======================================== */
p, h1, h2, h3, h4, blockquote {
	margin: 0 0 10px 0;
	color: #3B3B3B;
	}
	
p a:visited { 
	text-decoration: underline; 
	}
	
p a:hover, a:active { 
	text-decoration: none; 
	}
	
p a:link,hover,active {color: #96870E;}
p a:visited {color: #96870E;}

.frontLink {color: #96870E;}

img a {outline: none;}


/* Sections */
#header, #footer { width:100%; clear:both; }

#header { 
	height: 33px;
	width: 768px;
	text-align: left;
	padding-top: 41px;
	background-color: #5A5A5A;
	}
	
#interiorHomeTitle {
	float: left;
	text-indent: -9999px;
	background: transparent url("../images/scapesTitle.gif") no-repeat 0 0;
	width: 199px;
	height: 22px;
	overflow: hidden;
	margin: 11px 0 0 2px;
	text-decoration: none;
	}
#interiorHomeTitle 	a {
	width: 199px;
	height: 22px;
	
}
	
/* top nav 
======================================== */

#nav ul {
	text-align: left;
	list-style: none;
	float: right;
  	padding: 0 !important;
  	margin: 0 !important;
	}

#nav li {
	text-align: left;
    float: right;
  	padding: 0 !important;
  	margin: 0 !important;
    width: 109px;
	border-left: 1px solid #5A5A5A;
	text-decoration: none;
	color: #FFF;
	}
	
#nav li a {
	text-align: left;
	display: block;
    float: right;
	padding: 10px 0 0 5px;
    line-height: 23px;
  	font-size: 13px;
  	color: #fff;
  	text-decoration: none;
    width: 103px;
	}	
    
#nav li a:hover {
	color: #000;
	}
	
.double_arrow {
	color: #000;
	font-size: 18px;
	line-height: 1px;
	}
	
.s_double_arrow {
	color: #ffffff;
	font-size: 11px;
	} 	

#landscapes { background-color: #718005; }
#projects {	background-color: #8D9408; }
#about { background-color: #A9A80B;	}
#contact { background-color: #C0B70E; }
#index  { background-color: #576D02; }	
.active { background-color: #006921; }	


/* drop down menu 
======================================== */
#navBar1 {
position: absolute;
top: 0;
border: 0 solid #ebf4f9; /*THEME CHANGE HERE*/
border-width: 0 0px;
font:normal 10px Arial, Helvetica, sans-serif;
text-align: right;
line-height:10px;
background-color: #006921;
visibility: hidden;
margin:-1px 0 0 0;
width: 438px;
z-index: 100;
}


#navBar1 a {
width: auto;
display: block;
float: left;
text-indent: 0;
border: 0 solid #ebf4f9; /*THEME CHANGE HERE*/
text-decoration: none;
color: #fff;
width: 102px;
padding: 7px 0 8px 6px;
font-size: 11px;
text-align: left;

}

* html #navBar1 a { /*IE only hack*/
width: 100%;
}

#navBar1 a:hover { /*THEME CHANGE HERE*/
	color: #c7c43b;
}

/* footer 
======================================== */

#footer {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	padding: 5px;
	width: 758px;
	color: #8A8A8A;
	text-align: left;
	}
	
#footer p {
	font-size: .8em;
	}

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

/* main body shell 
======================================== */	

#body_container {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 768px !important;
	position: relative;
	z-index: 10;
	background: url("../images/dotted-v.gif") 460px 0 repeat-y;
	}

/* body layout */

#column_left {
	float: left;
	width: 450px;
	padding: 20px 0 0 0;
	z-index: 100;
	}

#column_right {
	float: right;
	width: 293px;
	padding: 20px 0 0 0;
	z-index: 10;
	position: relative;
	}
	
/* interior titles */
#subtitle {
 	position: absolute;
	left: 10px;
	top: 215px;
	z-index: 1;
	}

body#body_index #subtitle {
	top: 275px;	
	left: 0;
	}
	
/* home page masthead 
======================================== */

#frontPhoto {
	display: block;
	width: 768px;
	height: 291px;
	background: url("../images/mainPhotos/index.jpg") 0 0 no-repeat;
	position: relative;
	}

#frontPhoto h1 {
	height: 68px;
	width: 434px;
	background: url("../images/logo.gif") 0 0 no-repeat;
	position: absolute;
	top: 99px;
	left: 14px;
	}

h2#swap {
	height: 27px;
	width: 203px;
	background: url("../images/front_logo_subtitle.gif") 0 0 no-repeat;
	position: absolute;
	top: 144px;
	left: 243px;
	}
/* image replacement spans (using a span for ie5/mac compatibility) */
#frontPhoto h2 span,
#frontPhoto h1 span {
	display: block;
	overflow: hidden;
	padding: 1px 0 0 0;
	width: 0;
	height: 1px !important;
	height/**/: 0;
	}

/* layout adjustments */
#body_index #body_container {
	background-position: 455px 0 !important;
	}

#body_index #column_left {
	}

#body_index #column_left h3 {
	width: 200px;
	text-transform: none !important;
	}

#body_index #column_left p {
	width: 200px;
	}

#body_index #column_right {
	width: 297px;
	}

#body_index #column_right h2 {	
	font-size: 16px;
	font-weight: 100;
	color: #96870E;
	text-transform: uppercase;
	margin: 0 0 5px 0 !important;
	}
	
#body_index #column_right p {
	padding: 0 0 82px 0; 
	background: url("../images/front_grass.jpg") 0 100%  no-repeat;
	}

/* > give front left column a minimum height */

/* for Mozilla/Safari/Opera */
*>body .front_left {
	padding-top: 227px !important;
	min-height: 1px;
	}
	
*>body .front_left h3 {
	margin-top: -207px !important;
	}
	
/* for IE, with IE5/Mac backslash filter \*/
* html .front_left {
	height: 227px !important;
	}
/* end filter */		

#contentSubtitle {
	position: relative;
	left: 0px;
	top: -15px;
	z-index: 1;
	}	

img#swap {
	position: absolute;
	top: 139px;
	left: 240px;
	}
	
/* interior photo mastheads
======================================== */	
	
.interior_masthead {
	display: block;
	width: 768px;
	height: 229px;
	float: left;
	background-repeat: no-repeat;
	}
	
#aboutPhoto {
	background-image: url("../images/mainPhotos/about.jpg");
	}
	
#contactPhoto {
	background-image: url("../images/mainPhotos/contact.jpg");
	}
	
#landscapesPhoto {
	background-image: url("../images/mainPhotos/landscapes.jpg");
	}
	
#nightscapesPhoto {
	background-image: url("../images/mainPhotos/nightscapes.jpg");
	}
	
#projectsPhoto {
	background-image: url("../images/mainPhotos/projects.jpg");
	}
	
#rockscapesPhoto {
	background-image: url("../images/mainPhotos/rockscapes.jpg");
	}
	
#waterscapesPhoto {
	background-image: url("../images/mainPhotos/waterscapes.jpg");
	}						
	
/* interior layout 
======================================== */	

#column_left h2 {
	color: #3B3B3B;
	text-transform: uppercase;
	}
	
#column_right h3,
#column_left h3 {	
	font-weight: 100;
	color: #96870E;
	text-transform: uppercase;
	}	
	
.interiorBullet {
	padding: 10px 0 0 0;	
	border-top: 1px solid #ccc;
	}
	
.interiorBullet h3 {	
	font-size: 1.1em;
	}
	
.interiorBullet ul {
	list-style: square outside none;
	}

.scapesTalk {
	padding-top: 20px;
	width: 133px;
	margin: 0 0 10px 0;
	background-image: url("../images/scapes_talk.gif");
	background-repeat: no-repeat;
	overflow: hidden;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 0;
	}
	
.bodyPhoto {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
	}

#column_right blockquote {
	font-style: italic;
	}

.quoteCredit {
	font-size: .9em !important;
	font-weight: bold;
	padding: 0 0 0 25px;
	color: #000;
	}
	
	
#chetPhoto {
	float: left;
	margin-right: 10px;
	}	


/* email form */

.contactForm {
	float: left;
	width: 430px;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
.contactForm p {	
	color: #343434;
	}
	
.contactForm label {
	color: #343434;
	}
	
.contactForm input, textarea {
	margin: 5px 0;
	}	

.contactForm input {
	width: 430px;
	}
	
.contactForm textarea {
	width: 430px;
	height: 125px;
	}	

#error {
	width: 430px;
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px dotted #8A8A8A;
	border-bottom: 1px dotted #8A8A8A;
	}

#error * {
	color: #ae4609;
	}
	
#error h3 {
	margin: 0;
	color: #ae4609;
	font-weight: bold;
	}	
	
.interiorAddress h3 {	
	font-weight: 100;
	color: #96870e;
	margin: 8px 0 0 0;
	text-transform: uppercase;
	}	
	
.interiorAddress p {
	margin: 0;
	color: #525252;
	}	
		

/* featured projects 
======================================== */

.thumbnail_section {
	padding: 0 0 15px 0;
	clear: both;
	}

.thumbnail_section h3 {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin: 0 0 5px 0 !important;
	}

.thumbnail_section ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

.thumbnail_section ul li {
	padding: 0;
	margin: 0 4px 4px 0 !important;
	display: inline;
	float: left;
	}

.thumbnail_section ul li img {
	border: 2px solid #fff;
	}