/* - - - - - - - - - - - - - - - - - - - - -

Title :    SWMO Gardens
URL :      http://swmogardens.com

Created :  04.28.2009
Modified : 08.18.2010

- - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - -    G L O B A L - R E S E T    - - - - - - - - - - - - - - - - - - - - - */

/*
	v1.0 | 20080212 
	http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

del { text-decoration: line-through; }
ins { text-decoration: none; background: #ffc; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* remember to define focus styles! 
:focus { outline: 1px dashed #31662E; }*/

/* - - - - - - - - - - - - - - - - - - - - -    H T M L - E L E M E N T S	    - - - - - - - - - - - - - - - - - - - - - */

body {
	padding: 0 0 80px 0;
	font: 62.5% Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
	background: #FFFCBE url(../img/body_bg.jpg) repeat center top;
	color: #6A3816;
}

html>body { font-size: 10px; }

/* Anchor Links */
a:link { color: #6A3816; text-decoration: none; }
a:visited { color: #6A3816; text-decoration: none; }
a:hover { color: #6A3816; text-decoration: underline; }
a:active { color: #6A3816; text-decoration: underline; }

/* Text Elements */
p, ul, ol, dl, blockquote, pre { font-size: 1em; margin: 0 0 1.5em; line-height: 1.4em; }
blockquote { padding: 0 1.25em; }
small, cite { font-size: 0.9em; }
strong, b, dt, th { font-weight: bold; }
address, cite, em, i, caption, dfn, var { font-style: italic; }

ul, ol { margin: 0 0 2em 1em; }
ul li, ol li { margin-left: 1em; line-height: 1.6em; }

ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: square; }

ol { list-style-type: upper-roman; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: lower-alpha; }

dl { margin-bottom: 2em; }
dt { font-weight: bold; }
dd { margin-bottom: 1em; padding-left: 1.5em; }

del { text-decoration: line-through; }
address, abbr, acronym { font-style: normal; }
acronym, abbr { border-bottom: 1px dotted #333; cursor: help; }
acronym { text-transform: uppercase; }
pre, kbd, code, samp, tt, var { font-family: "Courier New", Courier, monospace monospace; }

sub { font-size: .9em; line-height: 1em; vertical-align: sub; }
sup { font-size: .9em; line-height: 1em; vertical-align: super; }

/* Tables */
table {	margin: 0 0 1.5em; }
caption { text-align: left; }
th, td { padding: .25em .5em; }
tbody td, tbody th { border: 1px solid #999; }
tfoot { font-style: italic; }

/* - - - - - - - - - - - - - - - - - - - - -    N A V I G A T I O N    - - - - - - - - - - - - - - - - - - - - - */

ul.nav, ul.nav li { margin: 0; list-style: none; }
ul.nav li a { text-transform: none; }

ul.global {
	float: right;
	width: 110px;
	padding: 70px 54px 0 0;
	text-align: left;
}

ul.global li {
	float: left;
	display: inline;
	list-style: none;
}

ul.global li a {
	float: left;
	display: inline-block;
	display: block;
	width: 110px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(../img/nav-menu.jpg) ;
}

ul.global li.home a { height: 40px; background-position: 0 0; }
ul.global li.home a:hover { background-position: -110px 0; }

ul.global li.gallery a { height: 55px; background-position: 0 -40px; }
ul.global li.gallery a:hover { background-position: -110px -40px; }

ul.global li.designs a { height: 55px; background-position: 0 -95px; }
ul.global li.designs a:hover { background-position: -110px -95px; }

ul.global li.calendar a { height: 60px; background-position: 0 -150px; }
ul.global li.calendar a:hover { background-position: -110px -150px; }

ul.global li.birdhouses a { height: 42px; background-position: 0 -210px; }
ul.global li.birdhouses a:hover { background-position: -110px -210px; }

ul.global li.how-to-series a { height: 55px; background-position: 0 -262px; }
ul.global li.how-to-series a:hover { background-position: -110px -262px; }

ul.global li.newsletter a { height: 53px; background-position: 0 -357px; }
ul.global li.newsletter a:hover { background-position: -110px -357px; }

ul.global li.contact a { height: 44px; background-position: 0 -410px; }
ul.global li.contact a:hover { background-position: -110px -410px; }


/* - - - - - - - - - - - - - - - - - - - - -    M A I N - L A Y O U T    - - - - - - - - - - - - - - - - - - - - - */
	
/*
	slightly enhanced, universal clearfix hack
	http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
*/
#feature:after, 
#main-content:after {
	clear: both;
	display: block;
	visibility: hidden;
	font-size: 0;
	content: " ";
	height: 0;
}

#feature, 
#main-content { display: inline-block; }

/* start commented backslash hack \*/
* html #feautrure, 
* html #main-content { height: 1%; }
#feature, 
#main-content { display: block; }
/* close commented backslash hack */

#wrapper1 { background: url(../img/wrapper_mid.jpg) repeat-y center 19px; }
#wrapper2 { background: url(../img/wrapper_top.jpg) no-repeat center top; }
#wrapper3 { background: url(../img/wrapper_bot.jpg) no-repeat center bottom; text-align: center; }

body.designs #wrapper3 { background: url(../img/wrapper_bot_designs.jpg) no-repeat center bottom; }
body.home #wrapper3 { background: url(../img/wrapper_bot_home.jpg) no-repeat center bottom; }
body.store #wrapper3 { background: url(../img/wrapper_bot_store.jpg) no-repeat center bottom; }

#wrapper4 {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#logo {
	float: left;
	width: 785px;
	height: 126px;
	text-indent: -9999em;
	overflow: hidden;
}

#ad-content {
	clear: both;
	height: 200px;
	padding: 40px 0 0 0;
	text-align: center;
}

#ad-content iframe { overflow: hidden; }

#ad-content img {
	margin-bottom: 20px;
}


/* - - - - - - - - - - - - - - - - - - - - -    P A G E - D E T A I L S    - - - - - - - - - - - - - - - - - - - - - */
/* HOME PAGE */

body.home #feature {
	clear: left;
	width: 593px;
	height: 400px;
	padding: 74px 0 0 140px;
	background: url(../img/home_banner.jpg) no-repeat right top;
}

body.home #leaf {
	position: absolute;
	width: 258px;
	height: 292px;
	top: 454px;
	right: 128px;
	background: url(../img/maple_leaf-trans.png) no-repeat 0 0;
	z-index: 30;
}

body.home h1 {
	width: 438px;
	height: 81px;
	margin: 0 0 20px 0;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../img/h1_welcome.gif) no-repeat 0 0;
}

body.home #main-content { clear: both; padding: 0 80px 0 120px;}

body.home #main-content h2 {
	padding: 0 0 0.5em 1em;
	font: 2em Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
	font-style: italic;
	font-weight: bold;
}

body.home #main-content p { font-size: 1.8em; }

body.home #main-content p em {
	display: block;
	width: 480px;
	margin: 0 0 0 150px;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.4em;
	text-align: center;
}

body.home #sub-content {
	position: relative;
	height: 710px;
	margin: 0;
}

body.home #sub-content h2, 
body.home #sub-content .left-column, 
body.home #sub-content .right-column {
	text-indent: -9999em;
	overflow: hidden;
}

body.home #sub-content strong a {
	display: inline-block;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	height: 30px;
}

body.home #sub-content a.gallery {
	position: absolute;
	top: 215px;
	left: 210px;
	width: 180px;
}

body.home #sub-content a.designs {
	position: absolute;
	top: 378px;
	left: 84px;
	width: 280px;
}

body.home #sub-content a.calendar {
	position: absolute;
	top: 542px;
	left: 68px;
	width: 242px;
}

body.home #sub-content a.contact {
	position: absolute;
	top: 185px;
	left: 565px;
	width: 140px;
}

body.home #sub-content a.newsletter {
	position: absolute;
	top: 240px;
	left: 615px;
	width: 175px;
}

body.home #sub-content a.how-to-series {
	position: absolute;
	top: 350px;
	left: 450px;
	width: 172px;
}


/* BIRDHOUSES LANDING */
body.birdhouses #leaf {
	position: absolute;
	width: 258px;
	height: 292px;
	top: 465px;
	right: 4px;
	background: url(../img/maple_leaf-trans.png) no-repeat 0 0;
	z-index: 30;
}

body.birdhouses #feature {
	clear: left;
	position: relative;
	width: 550px;
	height: 834px;
	padding: 0 115px 60px 120px;
	background: url(../img/birdhouses_feature_bg.jpg) no-repeat 95px 0;
}

a.sample1 {
	float: right;
	margin: 0 0 8px 14px;
}

a.sample2 {
	position: absolute;
	top: 408px;
	left: 172px;
	width: 283px;
	height: 192px;
}

a.sample3 {
	position: absolute;
	top: 623px;
	left: 150px;
	width: 283px;
	height: 192px;
}

a.sample4 {
	position: absolute;
	top: 583px;
	left: 510px;
	width: 352px;
	height: 236px;
}

body.birdhouses #feature h1 {
	height: 130px;
	text-indent: -9999em;
	overflow: hidden;
}

body.birdhouses #feature p {
	float: left;
	width: 320px;
	padding: 8px 0 0 0;
	font-size: 2.1em;
	line-height: 1.6em;
	text-align: center;
}

body.birdhouses #feature img { float: right; }

body.birdhouses #main-content { clear: both; padding: 0 80px 0 120px; }

body.birdhouses #main-content p {
	 display: block;
	 font-size: 1.7em;
	 line-height: 1.4em;
}

body.birdhouses #main-content p em {
	 display: block;
	 font-size: 1.2em;
	 line-height: 1.2em;
	 text-align: center;
}

body.birdhouses #main-content a.view-collection {
	display: block;
	float: right;
	width: 215px;
	height: 56px;
	margin: 0 0 40px 0;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../img/button_view_collection.gif)
}


/* BIRDHOUSES STORE */

ul.cart {
	position: absolute;
	top: 60px;
	left: 680px;
	width: 140px;
	padding-top: 14px;
}

ul.cart li { float: left; width: 140px; }

ul.cart li a,
ul.cart li a:visited {
	float: left;
	display: inline-block;
	display: block;
	padding: 0.25em;
	font: 1.4em Arial Black, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #9D411D;
}

body.store #feature {
	float: left;
	width: 680px;
	padding: 10px 0 10px 110px;
}

body.store #feature h1 {
	width:  345px;
	height: 31px;
	margin-bottom: 30px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../img/h1_rustic_birdhouses.gif) no-repeat 0 0;
}

body.store #feature p {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0 60px 0 0;
	font: 1.9em/1.4em Arial, Helvetica, sans-serif;
	color: #9D411D;
}

body.store #feature p small { font-size: 0.8em; }

body.store #feature p a, 
body.store #feature p a:visited,
body.store #feature p a:hover { color: #9D411D; }

body.store #feature ul.palette { float: left; margin-bottom: 1em; }

body.store #feature ul.palette li {
	float: left;
	width: 80px;
	margin: 0 20px 1em -10px;
	font: 1.2em Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	text-align: center;
	color: #333;
}

body.store #feature ul.palette li img { margin: 0 0 4px 0; }

body.store #main-content { clear: both; padding: 0 80px 0 120px;}

body.store #sub-content {
	clear: both; 
	padding: 120px 80px 0 120px;
	height: 360px;
}

body.store #main-content p,
body.store #sub-content p {
	font-size: 1.4em;
	color: #9D411D;
}

body.store h2 {
	display: inline-block;
	padding: 0 5px 0 0;
	color: #9D411D;
	font-family: Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
	font-size: 2.8em;
	line-height: 1.4em;
}

body.store #main-content ul,
body.store #sub-content ul {
	float: left;
	margin-bottom: 0px;
}

body.store #main-content ul li,
body.store #sub-content ul li {
	float: left;
	width: 144px;
	margin: 0 54px 0 0;
	font: 1.3em/1.2em Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
	line-height: 1.2em;
	text-align: center;
	color: #9D411D;
}

body.store #main-content ul li.last,
body.store #sub-content ul li.last { margin: 0 0 10px 0; }

body.store #main-content ul li img { margin: 0 0 6px 0; }

body.store #main-content ul li strong,
body.store #sub-content ul li strong {
	display: block;
	font-weight: normal;
}

body.store #main-content ul li a ,
body.store #sub-content ul li a {
	display: block;
	font: 0.9em Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #9D411D;
}

body.store #ad-content { height: 440px; }


/* HOW TO SERIES */

body.how-to-series #leaf {
	position: absolute;
	width: 258px;
	height: 292px;
	top: 465px;
	right: 4px;
	background: url(../img/maple_leaf-trans.png) no-repeat 0 0;
	z-index: 30;
}

body.how-to-series #main-content {
	float: left; 	
	width: 671px;
	margin: 0 0 130px 0;
	padding: 0 0 83px 110px;
	background: url(../img/how_to_bg_bot.jpg) no-repeat 110px bottom;
}

body.how-to-series #main-content h1 {
	float: left;
	height: 75px;
	width: 664px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../img/how_to_bg_top.jpg) no-repeat 0 0;
}

body.how-to-series #main-content ul.thumbs {
	float: left;
	width: 614px;
	padding: 30px 0 0 50px;
	background: #FFF1B4 url(../img/how_to_bg_mid.jpg) repeat-y 0 0;
}

body.how-to-series #main-content #flashowto {
	float: left;
	width: 614px;
	padding: 30px 0 0 50px;
	background: #FFF1B4 url(../img/how_to_bg_mid.jpg) repeat-y 0 0;
	text-align:center;
}

.howtoshow {
	margin-top:-25px;
	margin-left:-50px;
	padding-bottom:8px;
}

ul.thumbs li {
	float: left;
	width: 126px;
	height: 10em;
	margin: 0 20px 0 0;
	font: 1.4em/1.2em Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

ul.thumbs li img { 
	margin-bottom: 4px;
	width: 126px; height: 70px;
}
 
ul.thumbs li a,
ul.thumbs li a:visited,
ul.thumbs li a:hover {
	display: inline-block;
	display: block;
	color: #6A3816;
	text-decoration: none;
}


/* How To Series Detail Pages */

body.how-to-series #main-content #detail {
	float: left;
	width: 564px;
	padding: 30px 50px 0 50px;
	background: #FFF1B4 url(../img/how_to_bg_mid.jpg) repeat-y 0 0;
	text-align: center;
}

body.how-to-series #main-content #detail h2 {
	margin: 0 0 5px;
	font-size: 2em;
	color: #6A3816;
	text-align: left;
}

body.how-to-series #main-content #detail p {
	font-size: 1.6em;
	text-align: left;
	margin: 0 0 0.5em 0;
}

body.how-to-series #main-content #detail img {
	margin: 0 20px 20px 0;
	padding: 1px;
	border: 1px solid #333;
}

body.how-to-series #main-content #detail .next {
	text-align: right;
}

body.how-to-series #ad-content { height: 200px; }


/* PHOTO GALLERY */

body.gallery #feature {
	float: left; 	
	width: 689px;
	padding: 0 0 20px 100px;
}

#feature #media {
	width: 689px;
	height: 551px;
	margin: 0;
	text-align: center;
}

#feature #media div, #feature #media a {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	width: 40px;
	height: 460px;
	background: url(../img/arrows.gif) no-repeat 11px 210px ;
}

#feature #media div.prev, #feature #media a.prev { float: left; }

#feature #media div.next, #feature #media a.next { float: right; background-position: -381px 210px; }

body.gallery #main-content { 
	clear: both; 
	padding: 0 50px 0 70px; 
}

body.gallery #main-content h1 {
	width: 300px;
	height: 47px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../img/h1_photo_gallery.gif) no-repeat 30px 0;
}

body.gallery #main-content h2 {
	margin: 0 0 5px;
	font-size: 2em;
	color: #6A3816;
}

body.gallery #main-content p { 
	font-size: 1.4em;
	color: #000;
}

/* Gallery Navigation */
ul.gallerylist {
	float: left;
	width: 110px;
	padding: 12px 10px 20px 40px;
}

ul.gallerylist li {
	float: left;
	width: 110px;
	margin-bottom: 0.5em;
	font: 1.6em/1.2em Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
	font-weight: bold;
}

ul.gallerylist li a,
 ul.gallerylist li a:visited {
 	float: left;
	display: inline-block;
	display: block;
	width: 110px;
	padding-bottom: 0.5em;
	color: #31662E;
}

ul.gallerylist li.active a,
ul.gallerylist li.active a:visited {
	color: #6A3816;
	text-decoration: underline;
}

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Icon Tabbed List */
#tabs { 
	float: right;
	width: 500px;
	margin: -40px 0 4px;
	font-family: Arial, Helvetica, sans-serif;
}

#tabs ul { 
	float: left;
	width: 160px;
	height: 545px;
	margin: 0 12px 0 0;
	padding: 0;
}

#tabs ul li a { 
	display: inline-block;
	display:block; 
	width: 160px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(../img/gallery_icons.gif);
	background-repeat: no-repeat;
}

#tabs ul li.ideas a { height: 120px; background-position: 0 10px; }
#tabs ul li.diy a { height: 100px; background-position: 0 -110px; }
#tabs ul li.dollars a { height: 100px; background-position: 0 -210px; }
#tabs ul li.plants a { height: 114px; background-position: 0 -310px; }
#tabs ul li.master a { height: 105px; background-position: 0 -420px; }

#tabs #gallery-ad-content {
	float: right;
	width: 325px;
}


/* GARDENING CALENDAR */

body.calendar #main-content {
	float: left; 	
	width: 696px;
	height: 535px;
	padding: 0 0 118px 90px;
	background: url(../img/calendar_bg.jpg) no-repeat right top;
}

.calendarlist { 
	float: left;
	clear: left;
	width: 110px;
	font-size: 1.6em;
}

.calendarlist ul li {
	font-weight: bold;
	margin-bottom: 0.25em;
}

.calendarlist ul li.active a,
.calendarlist ul li.active a:visited {
	text-decoration: underline;
	color: #31662E
}

#calendar {
	float: right;
	width: 558px;
	padding: 22px 0 0 0;
	text-align: center;
}

#calendar h1 {
	position: relative;
	height: 79px;
	width: 240px;
	margin: 0 auto;
	font-size: 3.6em;
	line-height: 1.2em;
	color: #4D4B3F;
}

#calendar a.prev {
	position: absolute;
	top: 4px;
	left: 0;
}

#calendar a.next {
	position: absolute;
	top: 4px;
	right: 0;
}

#calendar h1 span {
	padding: 0 12px;
}

#calendar-ad-content {
	margin: 0 0 10px 260px;
}

#calendar table {
	width: 529px;
	height: 382px;
	background: url(../img/calendar_table.jpg) no-repeat 0 0;
}

#calendar table thead { display: none; }

#calendar td {
	float: left;
	display: block;
	width: 75px;
	height: 86px;
	margin: 0;
	padding: 10px 0 0;
	border: none;

}

#calendar td a {
	display: block;
	width: 74px;
	height: 74px;
	margin: 0;
	background-image: url(../img/calendar_icons_sprite.gif);
	background-repeat: no-repeat;
	text-indent: -9999em;
}

#calendar td a.lawn { background-position: 0 0; }
#calendar td a.maintenance { background-position: 0 -74px; }
#calendar td a.tree { background-position: 0 -148px; }
#calendar td a.shrub { background-position: 0 -222px; }
#calendar td a.annual { background-position: 0 -296px; }
#calendar td a.perennial { background-position: 0 -370px; }
#calendar td a.container { background-position: 0 -444px; }
#calendar td a.bird { background-position: 0 -518px; }
#calendar td a.trees { background-position: 0 -148px; }
#calendar td a.shrubs { background-position: 0 -222px; }
#calendar td a.annuals { background-position: 0 -296px; }
#calendar td a.perennials { background-position: 0 -370px; }
#calendar td a.containers { background-position: 0 -444px; }
#calendar td a.birds { background-position: 0 -518px; }

.tooltip-display {
	position: absolute;
	z-index: 90;
	left: -9999px;
	width: 300px;
	border: 1px solid #333;
	font-size: 1.4em;
	color: #000;
	background: #f7f5d1;
}	

.tooltip-display h4 {
	padding: 10px 10px 0;
	margin: 0 0 8px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
}

.tooltip-display p {
	padding: 0 10px;
}

body.calendar #leaf {
	position: absolute;
	width: 258px;
	height: 292px;
	top: 610px;
	right: 0px;
	background: url(../img/maple_leaf-trans.png) no-repeat 0 0;
	z-index: 30;
}


/* LANDSCAPE DESIGNS */

body.designs #feature {
	float: left; 	
	width: 696px;
	margin: 0 0 20px 0;
	padding: 0 0 0 100px;
}

body.designs #feature h1 {
	width: 659px;
	height: 54px;
	margin: 0px 0;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../img/h1_featured_design_plan.gif) no-repeat 0 0;
}

body.designs #download ul,
body.designs #download ul li {
	margin: 0;
	list-style: none;
}

body.designs #download ul {
	padding: 0 0 0 0px;
}

body.designs #download ul li a {
	float: left;
	padding: 0px 0 0 0;
	margin-right:20px;
	font-size:16px;
}

body.designs p.plandownload {
	float:left;
	margin-right:25px;
	font-size:11px;
	font-weight:bold;
}

body.designs #main-content { clear: both; padding: 0 40px 95px 120px; }

body.designs #main-content p {
	clear: both;
	width: 760px;
	margin: 0 0 1em 0;
	font: 2em/1.4em Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
}

body.designs #feature a {
	display: block;
	font: 1.8em Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #9D411D;
}

body.designs #feature small {
	display: block;
	font: 1.4em Arial, Helvetica, sans-serif;
}

ul.designs-list {
	float: left;
	width: 760px;
}

ul.designs-list li {
	float: left;
	width: 175px;
	height: 190px;
	margin-right: 15px;
	font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
	font-size: 1.6em;
	line-height: 1.2em;
	text-align: center;
}

ul.designs-list li a,
 ul.designs-list li a:visited,
  ul.designs-list li a:hover {
	color: #6A3816;
	text-decoration: none;
	display: inline-block;
	display: block;
}

ul.designs-list li img { margin-bottom: 2px; }

body.designs #leaf {
	position: absolute;
	width: 258px;
	height: 292px;
	top: 500px;
	right: -75px;
	background: url(../img/maple_leaf-trans.png) no-repeat 0 0;
	z-index: 30;
}

body.designs #sub-content {
	position: relative;
	height: 420px;
}

body.designs #sub-content p,
body.designs #sub-content h2,
body.designs #sub-content h3,
body.designs #sub-content ul {
	display: none;
}

body.designs #sub-content #custom-plans a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 687px;
	height: 365px;
	text-indent: -9999em;
	overflow: hidden;
}


body.designs #ad-content { height: 305px; }


/* LANDSCAPE DESIGNS DETAIL */

body.designs-detail #leaf,
body.shady_retreat_package #leaf,
body.secret_hideaway #leaf,
body.cottage_charm #leaf,
body.far_east #leaf,
body.southern-comfort #leaf,
body.backyard_resort #leaf,
body.tropical_paradise #leaf,
body.love_in_bloom #leaf,
body.tranquility_park #leaf,
body.floral_explosion #leaf,
body.garden_party #leaf {
	position: absolute;
	width: 258px;
	height: 292px;
	top: 485px;
	right: 4px;
	background: url(../img/maple_leaf-trans.png) no-repeat 0 0;
	z-index: 30;
}

body.designs-detail #main-content,
body.shady_retreat_package #main-content,
body.secret_hideaway #main-content,
body.cottage_charm #main-content,
body.far_east #main-content,
body.southern_comfort #main-content,
body.backyard_resort #main-content,
body.tropical_paradise #main-content,
body.love_in_bloom #main-content,
body.tranquility_park #main-content,
body.floral_explosion #main-content,
body.garden_party #main-content  {
	clear: left;
	position: relative;
	width: 570px;
	height: 921px;
	padding: 60px 65px 100px 150px;
	background: url(../img/designs_detail_bg.jpg) no-repeat 95px 0;
}

body.designs-detail h1,
body.shady_retreat_package h1,
body.secret_hideaway h1,
body.cottage_charm h1,
body.far_east h1,
body.southern_comfort h1,
body.backyard_resort h1,
body.tropical_paradise h1,
body.love_in_bloom h1,
body.tranquility_park h1,
body.floral_explosion h1,
body.garden_party h1 {
	margin: 0 0 0.5em 0;
	font-size: 4em;
	font-weight: bold;
}

body.designs-detail p,
body.shady_retreat_package p,
body.secret_hideaway p,
body.cottage_charm p,
body.southern_comfort p,
body.far_east p,
body.backyard_resort p,
body.tropical_paradise p,
body.love_in_bloom p,
body.tranquility_park p,
body.floral_explosion p,
body.garden_party p {
	font-size: 1.9em;
	line-height: 1.5em;
	font-style: italic;
}

img.sample1 {
	float: right;
	margin: 0 0 8px 14px;
}

img.sample2 {
	position: absolute;
	top: 526px;
	left: 161px;
}

img.sample3 {
	position: absolute;
	top: 741px;
	left: 139px;
}

body.designs-detail #text,
body.shady_retreat_package #text,
body.secret_hideaway #text,
body.cottage_charm #text,
body.far_east #text,
body.southern_comfort #text,
body.backyard_resort #text,
body.tropical_paradise #text,
body.love_in_bloom #text,
body.tranquility_park #text,
body.floral_explosion #text,
body.garden_party #text {
	position: absolute;
	top: 446px;
	left: 510px;
	width: 390px;
}

body.designs-detail strong a,
body.designs-detail strong a:visited,
body.shady_retreat_package strong a,
body.shady_retreat_package strong a:visited,
body.secret_hideaway strong a,
body.secret_hideaway strong a:visited,
body.cottage_charm strong a,
body.cottage_charm strong a:visited,
body.far_east strong a,
body.far_east strong a:visited,
body.southern_comfort strong a,
body.southern_comfort strong a:visited,
body.backyard_resort strong a,
body.backyard_resort strong a:visited,
body.tropical_paradise strong a,
body.tropical_paradise strong a:visited,
body.love_in_bloom strong a,
body.love_in_bloom strong a:visited,
body.tranquility_park strong a,
body.tranquility_park strong a:visited,
body.floral_explosion strong a,
body.floral_explosion strong a:visited,
body.garden_party strong a,
body.garden_party strong a:visited {
	display: block;
	width: 160px;
	margin: 0 0 160px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
	text-align: center;
	color: #9D411D;
}


/* Contact Us */

body.contact #main-content { padding: 0 0px 120px 120px; }

body.contact .vcard {
	float: right;
	width: 250px;
	margin: 0 0 20px 0;
	font-size: 1.7em;
}

body.contact h1 {
	font-size: 3.6em;
	line-height: 1em;
	margin: 0 0 10px 0;
}

body.contact form h3 { font-size: 2.4em; margin-bottom: 0.5em; }

body.contact .vcard h3 { 
	text-indent: -9999em;
	overflow: hidden;
	width: 243px;
	height: 39px;
	background: url(../img/contact_h3.jpg) no-repeat 0 0;
}

body.contact .vcard img { width: 258px; height: 292px; margin: 0 0 0 -20px;}

body.contact form {
	float: left; 
	width: 400px;
}

body.contact form .field,
body.contact form .message,
body.contact form .checkbox {
	float: left;
	clear: left;
	width: 400px;
	margin: 0 0 12px 0;
}

body.contact form label {
	float: left;
	width: 80px;
	font-size: 1.4em;
}

body.contact form .checkbox label {
	width: 300px;
	margin: 0 0 0 80px;
}

body.contact form .field input {
	float: left;
	width: 220px;
}

body.contact form .message textarea {
	float: left;
	width: 300px;
}

body.contact form .button {
	clear: left;
	margin: 0 0 0 80px;
}


/* - - - - - - - - - - - - - - - - - - - - -    L I G H T B O X   - - - - - - - - - - - - - - - - - - - - - */


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

#lightboxIframe {
	display: none;
}	

#butterfly {
	position:absolute;;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:29;
}

p.plans-button { margin: 0; padding: 0; }

.buyitnow,
.plans-button a {
	display: block;
	border:0px;
	font-size:19px;
	font-style:italic;
	width:200px;
	margin: 0 0 4px;
	line-height:1.5em;
	text-align: center;
	color:#fff;
	font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
	font-weight:bold;
	background-color:#6A3816;
	cursor:pointer;
}

.buyitnow { margin: 0 0 65px; }

.addtocart {
	border:0px;
	font-size:15px;
	font-style:italic;
	width:130px;
	line-height:1.5em;
	color:#fff;
	font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;
	font-weight:bold;
	background-color:#6A3816;
	cursor:pointer;
}