/* 
	Masuko Landscaping CSS Document
	Prepared by Tina Martinez, www.dharmainternet.com
	version 1: February 2008
	
	Site Colors
	
	page background:		#ADBB9F		light sage
	navigation background: 	#333300		dark olive
	copy/text background: 	#CFD8C7		light grey/green
	nav text / accent bg:	#FFB200		yellow orange
	body text:				#333300		dark olive
	
*/



body {
	margin-top: 60px;
	color: #333300;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ADBB9F;
	font-size: 65%;
	text-align: left;
	background: #ADBB9F url(images/bg-koi-fish-swimming-radial.jpg) no-repeat top center fixed;
}

#container {
	width: 807px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 1px solid #333300;
	background-color: #333300;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.45em;
}

h3 {
	font-size: 1.3em;
}

/* home page */

#containerHome {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #333300;
	background: #333300;
}

#homeTop {
	height: 375px;
}

#homeTopLeft {
	width: 550px;
	height: 375px;
}

#homeTopLeft h1, #homeTopLeft h2, #homeTopLeft h3 {
	display: none;
}

#homeTagLine {
	text-align: right;
}

#homeTopRight {
	width: 250px;
	padding-top: 10px;
}

#middle {
	background-color: #FFB200;
	background-image:url(images/home/center_bg.gif);
	background-repeat: no-repeat;
}

#homeTestimonial {
	width: 375px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1em;
	padding: 10px;
}

#middle {
	border-top: 1px solid #333300;
	border-bottom: 1px solid #333300;
}

#middleRight {
	width: 300px;
	padding-right: 8px;
}

#homeCopy {
	color: #FFB200;
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 9px;
	width: 450px;
}
#homeGallery {
	padding: 10px;
	margin: 0;
	width: 300px;
}

#homeGallery, #homeCopy, #homeTop {
	background-color: #333300;
}

/* Content pages and common definitions */

#masthead {
	height: 175px;
	background-color: #333300;
}

#topPhotos {
	padding: 3px;
	background-color: #CFD8C7;
}

#header {
	width: 312px;
	padding-top: 35px;
	padding-left: 235px;
	padding-bottom: 5px;
	background-image:url(images/content/bg_contactInfo.gif);
	background-position:right;
	background-repeat: no-repeat;
	background-color: #CFD8C7;
}



#navContent {
	width: 258px;
	padding-top: 5px;
	background: #333300 url(images/content/bg_nav.gif) no-repeat;
}

#nav a, #navContent a {
	color: #FFB200;
	text-decoration: none;
	font-size: 1.25em;
	line-height: 1.6em;
}

#navContent ul, #navContent li {margin: 0;}

#nav a:hover, #navContent a:hover {
	text-decoration: underline;
}

#yellowBand {
	background-color: #FFB200;
	padding: 30px 0 30px 60px;
	font-size: 1.8em;
	text-transform: uppercase;
	border-bottom: 1px solid #333300;
}

#subContainer {
	background-color: #333300;
}

#leftSubNav {
	width: 258px;
	color: #CFD8C7;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 140%;
}
#homeThumbnails {margin-top: 5px; padding: 1px;}
.homeThumbnails {float: left; width: 132px; font-size: 9px; margin-right: 1px; color: #ADBB9F; text-align: center;}

#copyright {width: 800px; margin-left: auto; margin-right: auto;}
#copyright a{color: #333300; text-decoration: none;}

#homeCalltoAction{color: #FFB200; font-family: "Times New Roman", Times, serif; font-size: 18px; text-align: center;}

.sideNav {
	margin-top: 25px;
	padding-top: 10px;
	padding-left: 40px;
	/*line-height: 1.2em;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;*/
}

.sideNav a {
	display: block;
	padding-top: 5px;
	text-decoration: none;
	color: #CFD8C7;
}

sideNav a:hover {
	text-decoration: underline;
}

.sideNav p {
	margin-top: 2px;
	margin-botton: 0px;	
	font-weight: normal;
	line-height: 1.3em;
}

#mainBody {
	width: 547px;
	background-color: #CFD8C7;
}

.copy {
	padding: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
}

.copy p {
	padding-top: 7px;
}

.copy a {color: #333300;}

/*.copy ul {margin: 0; margin-top: 5px;}*/

#footer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

.forward {
	float: right;
}

.back {
	float: left;
}

.contactInfo {
	font-size: 1.6em;
	margin-top: 50px;
}

.details {
	font-size: 1.1em;
	letter-spacing: 0.03em;
}

.details a {
	text-decoration: none;
	color: #333300;
}

.details a:hover {
	text-decoration: underline;
}

#footer, #footer a, #footer a:visited{
	text-decoration: none;
	color: #333300;
}

#footer a:hover {
	text-decoration: underline;
	color: #333300;
}

/* copy photo holder */

.boxholder {
	float: right;
	width: 222px;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 5px;
	background: url(images/content/box_body.gif) repeat-y;
}

.box {
	width: 220px;
	/*border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A0A1A3;
	border-left-color: #A0A1A3;*/
	margin: 0px;
	padding: 0px 0px 5px;
}
.box ul {
	color: #666666;
	font-weight: 700;
	padding: 5px 0px 0px;
	margin: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
.box li {
	line-height: 1.4em;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	padding-left: 10px;
}
.box h3 {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	padding: 3px 10px;
	margin-bottom: 0em;
	margin-top: 1em;
}
.box h4 {
	font-size: 1em;
	color: #333300;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.box p {
	padding-right: 10px;
	padding-left: 10px;
	font-size: .92em;
	line-height: 1.4em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.box a {
	color: #666666;
	font-weight: normal;
}

.box img {
	margin: 0px;
	padding: 0px;
}
.boxbottom {
	margin: 0px;
	padding: 0px;
	width: 222px;
	height: 12px;
	clip: rect(5px,auto,auto,auto);
	background-image: url(images/content/box_bottom.gif);
	background-repeat: no-repeat;
}
.boxtop {
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 222px;
	background: url(images/content/box_top.gif) top no-repeat;
}
.boxtop h3 {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	padding: 3px 10px;
	margin-bottom: 0em;
	margin-top: 0px;
}