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


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body {
	text-align: center;
}
#wrapper {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 961px;
	position: relative;
}
#main {
	border: thin solid #A7A9AC;
}
#top {
	position:absolute;
	left:-1px;
	top:10px;
	width:463px;
	height:10px;
	z-index:1;
}
#head {
	position:absolute;
	left:1px;
	top:12px;
	width:959px;
	height:50px;
	z-index:2;
	background-color: #A7A9AC;
}
#logo {
	position:absolute;
	left:19px;
	top:23px;
	width:160px;
	height:28px;
	z-index:3;
	background-image: url(images/logo.gif);
}
#head1 {
	position:absolute;
	left:1px;
	top:62px;
	width:959px;
	height:5px;
	z-index:4;
	background-color: #A7A9AC;
	opacity: .5;
	filter :alpha(opacity=50);
	line-height: 0px;
	font-size: 0px;
}
#space {
	position:absolute;
	left:1px;
	top:64px;
	width:959px;
	height:10px;
	z-index:5;
	font-size: 0px;
}
#left {
	position:absolute;
	left:20px;
	top:188px;
	width:161px;
	height:535px;
	z-index:6;
	background-image: url(images/left-bg.gif);
}
#left-index {
	position:absolute;
	left:20px;
	top:188px;
	width:161px;
	height:410px;
	z-index:6;
	background-image: url(images/index-left-bg.gif);
}
#left-contact {
	position:absolute;
	left:20px;
	top:188px;
	width:161px;
	height:390px;
	z-index:6;
	background-image: url(images/index-left-bg.gif);
}

#left-patio {
	position:absolute;
	left:20px;
	top:188px;
	width:161px;
	height:450px;
	z-index:6;
	background-image: url(images/left-bg-patio.gif);
}
#left-sursock {
	position:absolute;
	left:20px;
	top:188px;
	width:161px;
	height:420px;
	z-index:6;
	background-image: url(images/left-bg-patio.gif);
}

#menu {
	position:absolute;
	left:20px;
	top:76px;
	height:380px;
	z-index:12;
	text-align: left;
}
#date {
	position:absolute;
	left:818px;
	top:40px;
	width:136px;
	height:10px;
	z-index:8;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
}
#banner {
	position:absolute;
	left:186px;
	top:77px;
	width:762px;
	height:257px;
	z-index:9;
	background-color: #A7A9AC;
	text-align: center;
}
#abouthead {
	position:absolute;
	left:197px;
	top:352px;
	width:113px;
	height:13px;
	z-index:10;
	font-size: 10px;
}
#wordtext {
	position:absolute;
	left:246px;
	top:378px;
	width:460px;
	height:226px;
	z-index:11;
	font-family: tahoma;
	font-size: 11px;
	color: #A7A9AC;
	text-align: justify;
	line-height: 15px;
	font-weight: bold;
}
#abouttext {
	position:absolute;
	left:246px;
	top:378px;
	width:339px;
	height:149px;
	z-index:11;
	font-family: tahoma;
	font-size: 11px;
	color: #A7A9AC;
	text-align: justify;
	line-height: 15px;
	font-weight: bold;
}
#abouttext2 {
	position:absolute;
	left:618px;
	top:378px;
	width:330px;
	height:149px;
	z-index:11;
	font-family: tahoma;
	font-size: 11px;
	color: #A7A9AC;
	text-align: justify;
	line-height: 15px;
	font-weight: bold;
}
#join {
	position:absolute;
	left:732px;
	top:348px;
	width:217px;
	height:15px;
	z-index:9;
	background-image: url(images/join.gif);
	font-size: 0px;
}
#join2 {
	position:absolute;
	left:732px;
	top:363px;
	width:217px;
	height:217px;
	z-index:9;
	background-image: url(images/bg-join.gif);
	font-family: Tahoma;
	font-size: 9px;
	color: #A7A9AC;
	font-weight: bold;
}
#joincontent {
	position:absolute;
	left:738px;
	top:369px;
	width:217px;
	height:217px;
	z-index:9;
	font-family: Tahoma;
	font-size: 9px;
	font-weight: bold;
	color: #A7A9AC;
}
#word {
	position:absolute;
	left:197px;
	top:354px;
	width:219px;
	height:13px;
	z-index:11;
	font-size: 0px;
}

#barcontact {	position:absolute;
	left:186px;
	top:76px;
	width:759px;
	height:5px;
	z-index:9;
	font-size: 0px;
	background-color: #A7A9AC;
}
#contacttitle {	position:absolute;
	left:196px;
	top:102px;
	width:143px;
	height:13px;
	z-index:9;
	font-size: 0px;
	background-image: url(images/contactus.gif);
}
#contactcontent {	position:absolute;
	left:244px;
	top:130px;
	width:699px;
	height:62px;
	z-index:9;
	background-color: #EDEDEE;
}
#contactuscontent {	position:absolute;
	left:253px;
	top:130px;
	width:306px;
	height:32px;
	z-index:10;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #A7A9AC;
}
.contact {background-color: #FFFFFF;
border-width: 1;
border-top-style:solid;
border-top-color:#A7A9AC;
color: #A7A9AC;
font-size: 9pt;
font-family: verdana;
}
#contactform {	position:absolute;
	left:244px;
	top:244px;
	width:400px;
	height:140px;
	z-index:9;
	font-family: Tahoma;
	font-size: 9px;
	font-weight: bold;
	color: #A7A9AC;
}
#emailsent {
	position:absolute;
	left:253px;
	top:207px;
	width:231px;
	height:17px;
	z-index:9;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #A7A9AC;
}
#patiobar {
	position:absolute;
	left:186px;
	top:76px;
	width:760px;
	height:28px;
	z-index:9;
	background-image: url(images/patio-bar.gif);
}
#projecthead {
	position:absolute;
	left:203px;
	top:153px;
	width:150px;
	height:84px;
	z-index:9;
}
#projectcontent {
	position:absolute;
	left:204px;
	top:236px;
	width:149px;
	height:94px;
	z-index:9;
	text-align: justify;
	font-family: tahoma;
	font-size: 11px;
	color: #A7A9AC;
	font-weight:bold;
}
#sursocktower {
	position:absolute;
	left:204px;
	top:296px;
	width:149px;
	height:94px;
	z-index:9;
	text-align: justify;
	font-family: Tahoma;
	font-size: 11px;
	font-weight:bold;
	color: #A7A9AC;
}

#patiogallery {
	position:absolute;
	left:375px;
	top:107px;
	width:50px;
	height:294px;
	z-index:9;
}
#brochure-s {
	position:absolute;
	left:204px;
	top:485px;
	width:150px;
	height:119px;
	z-index:15;
	line-height: 2px;
}
#brochure {
	position:absolute;
	left:204px;
	top:541px;
	width:150px;
	height:56px;
	z-index:9;
	line-height: 2px;
}
#brochure2 {
	position:absolute;
	left:204px;
	top:433px;
	width:150px;
	height:56px;
	z-index:9;
	line-height: 2px;
}
#sursock-bar {
	position:absolute;
	left:186px;
	top:76px;
	width:760px;
	height:28px;
	z-index:9;
}
#petitpatiobar {
	position:absolute;
	left:186px;
	top:76px;
	width:760px;
	height:28px;
	z-index:9;
	background-image: url(images/petit-patio-bar.gif);
}