@charset "UTF-8";
/* CSS Document */

html {
	height:100%;
}

body {
	background:#D4D2C6 url(../images/bg.gif) repeat-y;
	margin:0;
	height:100%;
}
body.garden {
	background:#e2e4df url(../images/bg2.gif) repeat-y;
}
#mainwrapper { position:relative; }
#logo {
	background: url(../images/main_logo.gif);
	width: 206px;
	height: 90px;
	display: block;
	text-indent: -9999px;
}

#leftcolumn {
	background: #FFF;
	padding: 23px;
	position: relative;
	height: 100%;
}

#header {
	height: 90px;
	border-bottom: solid 1px #B5B39C;
	background: #A2A185 url(../images/nav_bg.jpg) repeat-x bottom;
	position: relative;
}
.garden #header {
	background-color:#354119;
}

#nav {
	left: 165px;
	bottom: 0px;
	display: block;
	position: absolute;
	margin: 0;
	height: 30px;
}
body.products #nav li.products a {
	background-position: 0px -13px;
}
body.whatsnew #nav li.whatsnew a {
	background-position: 0px -13px;
}
body.contact #nav li.contact a {
	background-position: 0px -13px;
}
#nav li.commitment {
	margin-right:0;
}
body.commitment #nav li.commitment a {
	background-position: 0px -13px;
}

#content { padding: 23px 0px 23px 23px; }
#contactInfo { }
#contactInfo, #contactInfo a.link{
	display: block;
	height: 44px;
	width: 130px
}
#contactInfo a.link { 
	text-indent:-9999px;
	background: url(../images/main_contactNumber.gif);
}

#container {
	position: relative;
}

#nav ul { margin:0 }
#nav li {
	margin:0 20px 0 40px;
	float: left;
	list-style: none;
	padding: 8px 0px 0px 0px;
}
#nav li a {
	display:block;
	text-indent:-9999px;
	height:12px;
	line-height:12px;
}
#nav li a:hover{
	background-position: 0 -12px
}

li.products a {
	background:url(../images/nav_products.gif);
	width:67px;
}
li.whatsnew a {
	background:url(../images/nav_whatsnew.gif);
	width:62px;
}
li.contact a {
	background:url(../images/nav_contact.gif);
	width:135px;
}
body.garden li.contact a {
	background:url(../images/nav_contact2.gif);
	width:56px;
}
li.commitment a {
	background:url(../images/nav_ourcommitment.gif);
	width:89px;
}

.graphicTitle {
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat !important;
	zoom: 1;
}

h2.ourProducts {
	background: url(../images/products_title.gif);
	width:154px;
	height:15px;
}
h3.spaEnclosures {
	background: url(../images/products_subnav_spaenc.gif);
	width:76px;
	height:13px;
}

ul.subnav {
	list-style-type:none;
	margin-bottom:24px;
	margin-left: 0px;
}
ul.enclosures.subnav {
	margin-left:12px;
}
ul.subnav li {
	margin-bottom:10px;
}
ul.subnav li a{
	display:block;
	text-indent:-9999px;
	width:125px;
	height:13px;
	background-repeat:no-repeat;
	line-height:13px;
}
ul.subnav li a:hover,
body.products.echoe ul.subnav li.echoe a,
body.products.lipmount ul.subnav li.lipmount a,
body.products.muskoka ul.subnav li.muskoka a,
body.products.freemont ul.subnav li.freemont a,
body.products.solaria ul.subnav li.solaria a,
body.products.courtyard ul.subnav li.courtyard a,
body.products.custom ul.subnav li.custom a,
body.products.accessories ul.subnav li.accessories a,
body.products.pergolas ul.subnav li.pergolas a,
body.products.specials ul.subnav li.specials a,
body.products.cabana ul.subnav li.cabana a,
body.products.neocabana ul.subnav li.neocabana a,
body.products.quatrocabana ul.subnav li.quatrocabana a,
body.products.poolhouse ul.subnav li.poolhouse a,
body.products.gazebos ul.subnav li.gazebos a,
body.products.pergola ul.subnav li.pergola a
{
	background-position:0px -13px;
}

li.echoe a{
	background:url(../images/products_subnav_echoe.gif);
}
li.lipmount a{
	background:url(../images/products_subnav_lipmount.gif);
}
li.muskoka a{
	background:url(../images/products_subnav_muskoka.gif);
}
li.freemont a{
	background:url(../images/products_subnav_freemont.gif);
}
li.solaria a{
	background:url(../images/products_subnav_solara.gif);
}
li.courtyard a{
	background:url(../images/products_subnav_courtyard.gif);
}
li.custom a{
	background:url(../images/products_subnav_custom.gif);
}
li.accessories a{ background:url(../images/products_subnav_accessori.gif); }
li.pergolas a{
	background:url(../images/products_subnav_pergolas.gif);
}
li.specials a{
	background:url(../images/products_subnav_specials.gif);
}

/* GARDEN SUBNAV */
li.cabana a{ background:url(../images/products_subnav_cabana.gif); }
li.neocabana a{ background:url(../images/products_subnav_neocabana.gif); }
li.quatrocabana a{ background:url(../images/products_subnav_quatrocabana.gif); }
li.poolhouse a{ background:url(../images/products_subnav_poolhouse.gif); }
li.gazebos a{ background:url(../images/products_subnav_gazebo.gif); }
li.pergola a{ background:url(../images/products_subnav_pergola.gif); }

/*HEADERS*/
.productsHeader {
	height:15px;
	width:274px;
	margin-bottom:18px;
}
h1.specials{ background: url(../images/products_online_title.gif); }

h1.echoe{
	background: url(../images/products_echo_title.gif);
}
h1.contact{
	background: url(../images/contact_title.gif);
}
h1.lipmount{
	background: url(../images/products_lipmount_title.gif);
}
h1.muskoka{
	background: url(../images/products_muskoka_title.gif);
}
h1.freemont{
	background: url(../images/products_freemont_title.gif);
}
h1.solaria{
	background: url(../images/products_solara_title.gif);
}
h1.courtyard{
	background: url(../images/products_courtyard_title.gif);
}
h1.custom{
	background: url(../images/products_custom_title.gif);
}
h1.accessories{
	background: url(../images/products_accessories_title.gif);
}
h1.pergolas{
	background: url(../images/products_pergolas_title.gif);
}
h1.pergolastrellises{
	background: url(../images/products_pergolastrellises_title.gif);
}
h1.cabana{
	background: url(../images/products_cabana_title.gif);
}
h1.neocabana{
	background: url(../images/products_neocabana_title.gif);
}
h1.quatrocabana{
	background: url(../images/products_quatrocabana_title.gif);
}
h1.poolhouse{
	background: url(../images/products_poolhouse_title.gif);
}
h1.gazebos{
	background: url(../images/products_gazebos_title.gif);
}
h1.commitment { background: url(../images/commitment_title.gif); }
h2.galleryHeader { float:left }
.galleryHeader a{
	background: url(../images/products_gallery_title.gif);
	width:94px;
	height:15px;
	line-height:15px;
}
.galleryHeader a:hover {
	background-position: 0px -15px;
}

h2.specsHeader {
	background: url(../images/products_specs_title.gif);
	width: 200px;
	height: 37px;
}

.productImage {
	float: right;
	margin-bottom: 9px;
	margin-left: 30px;
	text-align: right;
}

#galleryPreview { float: right; }

#galleryPreview img { margin-left:10px; float:left }
#productSpecs { margin-top: -50px; }

h3.committment_quality { background: url(../images/commitment_simple_title.gif); }

h3.commitment_materials { background: url(../images/commitment_quality_title.gif); }

h3.commitment_precision { background: url(../images/commitment_precision_title.gif); }

h3.commitment_strength { background: url(../images/commitment_strength_title.gif); }

h3.commitment_design { background: url(../images/commitment_design_title.gif); }

h3.commitment_unique a{ background: url(../images/commitment_unique_title.gif); height:15px; }
h3.commitment_unique a:hover { background-position: 0 -15px; }

h3.unique_install { background: url(../images/unique_install_title.gif); }

h3.unique_custom { background: url(../images/unique_custom.gif); }

h1.unique {
	background: url(../images/unique_title.gif);
	height: 15px;
}

h1.whatsnew { background: url(../images/whatsnew_title.gif); }

h3.cabanabuildings { background: url(../images/products_subnav_cabanabuild.gif); }

h3.landscapearchitecture { background: url(../images/products_subnav_landscapearch.gif); }

#gallery largeImage {
	height: 252px;
	width: 384px;
}

#gallery .thumb {
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 16px;
	margin-bottom: 15px;
}

#gallery .largeImage { margin-bottom: 17px; }

#gallery {
	margin-bottom: 20px;
	width: 385px;
}

#gallery .thumbs { margin-bottom: 16px; }

a.btn_back {
	background: url(../images/gallery_back.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	width: 35px;
	float: right;
	height: 11px;
	line-height: 11px;
}
a.btn_back:hover { background-position: 0px -11px }

#gallery .thumb.last { margin-right: 0px; }

body.contact h2 { font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.contact_country {
	width: 270px;
	float: left;
	margin-right: 20px;
}

h2.installation {
	background: url(../images/installation_title.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 250px;
	line-height: 15px;
}

h2.dealers {
	background: url(../images/dealers_title.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

img.thumb_withoutline {
	border: 2px solid #a2a185;
	margin-bottom: 12px;
}

.newsimages {
	float: left;
	width: 125px;
	margin-right: 12px;
	margin-bottom: 12px;
}

.newscontent {
	float: left;
	width: 470px;
}

p.last,
img.last{ margin-bottom: 0px; }

img.outlined { border: 2px solid #a2a185; }

.floatRight { float: right; }

.floatLeft { float: left; }

img.floatLeft {
	margin-right: 12px;
	margin-bottom: 12px;
}

.newsitem,
.item {
	border-bottom: 1px solid #a2a185;
	margin-bottom:24px;
	padding-bottom: 12px;
}

div.info { width: 450px; }
div.col {
	width:215px;
	float:left;
	margin-right:17px
}