/* -------------------------------- */
/* HTML ELEMENTS	    			*/ 
/* -------------------------------- */

html  { font: 12px/1.7 Arial, Verdana, Sans-Serif; color: #313667; height: 100%; } 
body {
	
	text-align: center;
	height: 98%;
}
*, * *, * * * { margin: 0px; padding: 0px; }
* :focus { outline: 0; }
a img { border: none; }
form { text-align: left; }
h2 { font: 12px Arial, Helvetica, Sans-Serif; font-weight: bold; }
a { color: #313667; font-weight: bold; }


#background-image {
	background: #fff top center no-repeat;
	height: 100%;
}

button { padding: 3px; }
/* -------------------------------- */
/* PAGE STRUCTURE ELEMENTS	    	*/ 
/* -------------------------------- */
#global-container {
	width: 888px;
	margin: 20px auto;
	text-align: left;
}

.logo { float: left; }

#nav-1, #nav-2 { float: left; }
#nav-1 li, #nav-2 li { float: left; list-style: none; }

#nav-1 { margin: 42px 0px 0px 50px; height: 27px;}
#nav-1 li {	margin-right: 15px; }

#nav-2 { margin: 43px 0px 0px 45px; }
#foot { 
	margin: 30px 0 0 76px; 
	color: #858586;
	clear: both !important;
}

#foot #addr { float: left; }
#foot #addr p {
	font-size: 9px;
	background: #fff;
	border: 1px solid #d6d7d3;
	padding: 2px 10px 2px 10px;
}
#foot #addr img { margin: 0 24px 0 63px; position: relative; top: 3px; cursor: pointer; }

#submit-photo {
	color: #858586;
	float: right;
	width: 146px;
	text-align: right;
	font-size:11px;
	line-height: 1.2;
}
#submit-photo a { color: #858586; }
#submit-photo img { float: left; }

#photo {
	margin: 0px auto;
	display: none;
	opacity: 0;
}

#photo img {
	border: 6px solid #fff;
	margin-top: 21px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.content-top #submit-photo { margin: 10px 20px 0 0; }

#credit {
	background: url(../images/credit.png) top right no-repeat;
	width: 177px;
	height: 46px;
	position: relative;
	margin-right: 10px;
	top: -29px;
}

#credit .name { font-size: 10px; color: #666; margin: 0px 0px 0px 30px; }
#credit .hide {
	margin-top: 3px;
	width: 117px;
	height: 25px;
	cursor: pointer;
}

/*		Upload		*/
#upload label { font-weight: bold; }
#upload h2, #calc h2 {
	padding-bottom: 5px;
	color: #747373;
	border-bottom: 1px solid #747373;
	text-transform: uppercase;
	margin-bottom: 17px;
}
#upload { color: #747373; width: 400px; }

#upload li { list-style: none; margin: 10px 0; }

#upload #name, 
#upload #email, 
#upload #caption {
	background: #fff;
	border: 1px solid #757373;
	padding: 3px 5px;
	width: 270px !important;
	margin: 0 10px 0 0;
}
#upload #orentation-1, #upload #orentation-2 { margin-right: 10px; }
#upload .errors { color: red; }

/*		Mulch Calculator		*/
#calc { padding: 25px 0 0 0; color: #757373; }
#calc dd, #calc dt, #calc p {
	float: left;
}
#calc dt { width: 100px; }
#calc #width,
#calc #length,
#calc #depth,
#calc #answer {
	width: 50px;
	border: 1px solid #757373;
	padding: 3px;
	margin: 0 20px 5px 0;
}
#calc #reset { float: right; margin-right: 20px; }
#calc div { clear: left; margin: 0 0 25px 0; }
#calc button { color: 000; }

#answer { width: 45px !important; }

/*		photo gallery		*/
.photos-right {
	width: 180px;
	height: 400px;
	float: right;
	margin-top: 50px;
	overflow: auto;
	overflow-x: hidden;
}
.photos-right img { margin: 3px; }

.gallery_photo { text-align: right; }
.gallery_photo p { clear: both; margin: 0 75px 0 0; color: #757373; }
.gallery_photo .caption { font-weight: bold; }
.gallery_photo .author { font-style: italic; }
.gallery_photo img { float: left; }

/* -------------------------------- */
/* CLASSES					    	*/ 
/* -------------------------------- */

.clear 	{ clear:both; }
.left	{ float: left; }
.right 	{ float: right; }
.bold 	{ font-weight: bold; }


img.heading { margin-bottom: 20px; }

.content-top { font-size: 11px; padding: 0 0 0 76px; }
.content-top .left, .content-top .right { margin-top: 73px; }
.content-top .left {
	width: 599px;
}
.content-top .right {
	border-left: 1px solid #313667;
	width: 180px;
	padding-left: 32px;
	height: 100%;
}
.content-top .right img { margin-bottom: 10px; }
.content-top .left p { padding: 0 40px 20px 0; }

.photorotate {
	margin: 25px 0px 0px 0px;
	border: 7px solid #fff;
}

.heading { margin: 0 0 20px 0; }

.video-link {
	font-weight: bold;
	margin: 2px 50px 2px 0;
	width: 350px;
	float: left;	
}
.video-link, .video-link  a { color: #313667; text-decoration: none !important; }
.video-link img { float: right; margin-top: 5px;}


.address {
	float: left;
	width: 175px;
	margin: 0 20px 0 0;
}
.address img { float: left; margin: 0px 5px 0 0; }
.address a {
	text-decoration: none;
	color: #4c4c4d;
	font-weight: bold;
	display: block;
	margin-top: 5px;
}
.address h4 { font-size: 13px; margin-bottom:6px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; }

p.up { margin-top: -10px; }