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

body {
	margin:0;
	padding:0;
	background-image: url(images/garden-gazebos-bg.jpg);
	background-repeat: repeat-x;
	background-color:#dfd3c9;
}
p {
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin:5px 0px 0px 0px;
	padding:0;
}
.left {
	float:left;
	width: 400px;
	margin-left:20px;
}
.right {float:right;}
.clear { clear:both; height:0px; width:0px; font-size:0px; }
a { color:#000000; }
a:link { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover { text-decoration:underline; color: #339900; }
a:active { text-decoration:none; }
a.white { color:#ffffff; }
a.white:link { text-decoration:none; }
a.white:visited { text-decoration:none; }
a.white:hover { text-decoration:underline; }
a.white:active { text-decoration:none; }
h3 {
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	font-weight:bold;
	margin:0px 0 0 0; padding:0;
}

p.promo {
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	width: 290px;
	margin:10px 0 0 10px;
}
p.footer {
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:0;
	padding:0;
}
h1 {
	font-size:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	letter-spacing:-3px;
	margin:30px 0 10px 0;
}
h2 {
	font-size:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:100;
	letter-spacing:-2px;
	margin:0; padding:0;
}
img { border:none; }
.clear { clear:both; }
.spacer {
	width:auto;
	height:20px;
}
.container {
	width:940px;
	margin:0 auto;
	height:auto;
}
#garden-gazebos-logo {
	width:266px;
	height:62px;
	display:block;
	float:left;
	background-image: url(images/garden-gazebos-logo.png);
}
#garden-gazebos-nav {
	float:right;
	height:auto;
	margin:15px 0;
}
#contact {
	background-image: url(images/garden-gazebos-contact.jpg);
	display: block;
	float: left;
	height: 30px;
	width: 89px;
	margin-left: 20px;
}
#phone {
	background-image: url(images/garden-gazebos-phone.jpg);
	display: block;
	float: left;
	height: 30px;
	width: 140px;
}
.left-top {
	width:472px;
	height:auto;
	float:left;	
}
.right-top {
	width:468px;
	height:auto;
	float:left;	
}
#promo {
	width:404px;
	height:249px;
	display:block;
	margin:8px 30px;
	padding:17px 0 0 0;
	background-image: url(images/garden-gazebos-promo.png);
	background-repeat: no-repeat;
}
.promo-left {
	width:310px;
	height:auto;
	float:left;
	margin:0 5px 0 0;
}
.promo-right {
	width:310px;
	height:auto;
	float:left;
	margin:0;
}
#pop-up-promo {
	background-image: url(images/pop-up-gazebos.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 310px;
	display:block;
}
#metal-promo {
	background-image: url(images/metal-gazebos.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 310px;
	display:block;
}
#for-sale-promo {
	background-image: url(images/for-sale-gazebos.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 310px;
	display:block;
}
.body-top {
	background:url(images/garden-gazebos-body-bg-top.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 940px;
	overflow:hidden;
}
.body-bottom {
	background:url(images/garden-gazebos-body-bg-bott.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 940px;
	overflow:hidden;
}
.body-middle {
	background:url(images/garden-gazebos-body-bg-mid.jpg) repeat-y;
	margin: 0px;
	padding: 50px 20px;
	height: auto;
	width: 900px;
}
p.body {
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin:0;
	padding:0;
	width:610px;
}
#footer {
	width:auto;
	height:22px;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	padding: 17px 0 0 0;
	margin: 0 auto;
}
#fade-rotate {
	margin:0 0 0 13px;
	width: 378px;
	height: 217px;
}

.link-image a { width:100px; height:100px; margin:0px 20px 0px 0; padding:0; float:left }
p.link { width:400px; height:400; margin:0px 0px 0 0; padding:0x; }

