@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	font:0.9em normal normal Verdana, Arial, Helvetica, sans-serif;
	color:#766440;
	background:#eadeb8;
}

/* Links
----------------------------------------------- */
a { 
	color:#bb5810;
}
a img { border-style: none; }

/* Paragraph Headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: normal; }
h1, h2, h3, h4 {
	color:#b66611;
}
p { 
	margin:1em 0; 
	line-height:1.4em;
}
.orangeText {
	color:#b66611;
}

/* Layout Rules
----------------------------------------------- */
#container {
	width: 980px;
	margin: 0 auto;
}
#banner {
	height:128px;
}
#banner #logo {
	width:222px;
	height:128px;
	float:left;
}
#banner #galleryButtons {
	padding:99px 0 0 325px;
}
#landscapeButton{
	display:block;
	float:left;
	width:161px;
	height:25px;
	background:url(images/landscape-button.png) top left no-repeat;
}
#landscapeButton:hover, #landscapeButton.selected {
	background:url(images/landscape-button-over.png) top left no-repeat;
}
#nurseryButton {
	display:block;
	float:left;
	width:133px;
	height:25px;
	background:url(images/nursery-button.png) top left no-repeat;
}
#nurseryButton:hover, #nurseryButton.selected {
	background:url(images/nursery-button-over.png) top left no-repeat;
}
#content {
	background: #fffef2 url(images/content-background.png) bottom left no-repeat;
	border:2px solid #903905;
	padding-bottom:20px;
}
#landscapeContent,
#nurseryContent {}
#content #copy {
	margin:13px 100px 13px 323px;
	min-height:202px;
}
#introBanner {
	position:relative;
}
#homeBanner {
	position:relative;
	display:none;
	margin-top:-428px;
}
#footer {
	padding-bottom:13px;
}
#menu {
	width:585px;
	margin:13px auto;
	padding:0;
	list-style-type:none;
	font-size:0.9em;
}
#menu li {
	display:inline-block;
	float:left;
	padding:0 20px;
}
#menu li + li {
	border-left:1px solid #903905;
}
#menu a {
	text-decoration:none;
	color:#552303;
	font-weight:bold;
}
#menu a.selected {
	color:#903905;
}
#menu a:HOVER {
	color:#b66611;
}
#content #copy #featureImage {
	display:none;
	margin:5px 0 0 -307px;
	width:286px;
	float:left;
	text-align:center;
}
#content #copy #featureImage img {
	border:1px solid #BD5910;
}
#strengthPowerHonor {
	width:340px;
	padding-left:40px;
	float:right;
}
#copyright {
	clear:both;
	width:220px;
	font-size:80%;
	text-align:center;
	margin: 0 auto;
	padding:10px 0;
}
.SpryHiddenRegion {
   visibility: hidden;
}

/* Form Elements
----------------------------------------------- */
label, select { 
	font-size: 85%;
}

/* Gallery and Playback Controls
----------------------------------------------- */


#gallery {
	margin:40px auto;
	width:980px;
	text-align: center;
}

#galleries {
	width:410px;
	margin:0 auto;
}

.galleryTab { 
	margin:0 3px;
	width:125px;
	float:left;
	cursor:pointer;
	padding:2px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
}
/* These colors are also set in gallery.js:HandleGalleryClick(id) */
#galleryTab0 { background:#d48320; }
#galleryTab1 { background:#bda70f; }
#galleryTab2 { background:#a34a06; }

#controls {
	margin:5px auto;
	width: 300px;
}

#transport {
	margin: 0;
	padding: 0;
	list-style: none;
}
#transport li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#transport a {
	text-decoration: none;
	text-transform: lowercase;
	width: 100px;
	float: left;
}
#transport a:link {}
#transport a:visited {}
#transport a:hover {
	color: #999;
}
#transport a:focus {}

#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
	display: none;
}
#caption {
	display:none;
	width:948px;
	height:15px;
	margin:10px 0;
	clear:both;
	text-align:center;
}
#previews {
	width:956px;
	margin:0 auto;
	overflow:hidden;
	clear:left;
}
#previousArrow,
#nextArrow {
	position:relative;
	width:12px;
	height:58px;
	margin:4px 4px -62px;
	cursor:pointer;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index:999;
}
#previousArrow:HOVER, #nextArrow:HOVER {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#previousArrow {
	background:url(images/previous-arrow.png);
	float:left;
}
#nextArrow {
	background:url(images/next-arrow.png);
	float:right;
}
#thumbnails {
	clear: both;
	height:65px;
}
#thumbnails div {
	position: relative;
	height: 62px;
	margin:2px -2px 2px 2px;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 115px;
	height: 58px;
	cursor:pointer;
	border:2px solid transparent;
}
#thumbnails img:HOVER {
	border:2px solid #FFCC00;
}
#picture {
	display:inline-block;
	padding: 4px;
}
#mainImageOutline {
	margin: 0;
	padding: 0; 
	overflow: hidden; 
	width: 0px;
	height: 0px;
}
#mainImage {
	width: 100%;
	height: 100%;
}
#picture img {}
#thumbnails img.selectedThumbnail {  
	border:2px solid #FFCC00;
}

/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
.clear {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	}
.ClearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}