/* CSS Document */

body {
	background-image:url(images/bg2.jpg);
	background-repeat:repeat;
	/*margin: 0; 
	padding: 0;*/
}
#wrapper {	
	position:relative;
	margin-left:auto;
	margin-right:auto;
	/*margin-top:25px;
	margin-bottom:25px;
	padding-bottom:20px;*/
	width:800px;
}
#white{
	position:absolute;
	left:0px;
	top:0px;
	width:776px;
	height:800px;
	background-color:#FFFFFF;
	background-repeat:repeat;
	z-index:1;
}
#logo {
	position:absolute;
	left:6px;
	top:7px;
	width:368px;
	height:218px;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	z-index:2;
}
#upperImage {
	position:absolute;
	left:381px;
	top:7px;
	width:388px;
	height:218px;
	background-image:url(images/upper_image.jpg);
	background-repeat:no-repeat;
	z-index:3;
}	
#portfolio {
	position:absolute;
	left:6px;
	top:231px;
	width:192px;
	height:563px;
	z-index:4;
}
#navBar {
	position:absolute;
	left:204px;
	top:231px;
	width:565px;
	height:25px;
	background-image:url(images/navbar.jpg);
	background-repeat:no-repeat;
	z-index:5;
}
#upperContent {
	position:absolute;
	left:204px;
	top:256px;
	width:565px;
	height:67px;
	background-image:url(images/upper_content.jpg);
	background-repeat:no-repeat;
	z-index:6;
}
#contentLong {
	position:absolute;
	left:204px;
	top:321px;
	width:565px;
	height:351px;
	background-color:#000000;
	background-repeat:repeat;
	z-index:7;
}
#contentLongServices {
	position:absolute;
	left:204px;
	top:321px;
	width:565px;
	height:473px;
	background-color:#000000;
	background-repeat:repeat;
	z-index:7;
}
#contentArea {
	position:absolute;
	left:237px;
	top:320px;
	width:505px;
	height:300px;
	z-index:14;
}
#whatsNew {
	position:absolute;
	left:204px;
	top:679px;
	width:565px;
	height:115px;
	background-image:url(images/whats_new2.jpg);
	background-repeat:no-repeat;
	z-index:8;
}
#whatsNewTitle {
	position:absolute;
	left:237px;
	top:697px;
	width:127px;
	height:21px;
	z-index:13;
}
#wnContent {
	position:absolute;
	left:237px;
	top:725px;
	width:505px;
	height:60px;
	z-index:15;
}
#upperImageText {
	position:absolute;
	left:391px;
	top:161px;
	width:369px;
	height:35px;
	z-index:10;
}
#pageTitle {
	position:absolute;
	left:237px;
	top:279px;
	width:440px;
	height:28px;
	z-index:11;
}
#portfolioTitle {
	position:absolute;
	left:12px;
	top:309px;
	width:179px;
	height:45px;
	z-index:12;
}
#copyRight {
	position:absolute;
	left:0px;
	top:827px;
	width:776px;
	height:25px;
	z-index:9;
}
.imgLeft {
	float:left;
	padding-right:7px;
	padding-left:5px;
	padding-top:3px;
}
/*-----------------------------------------------*/
/*------------------ Buttons -------------------*/
/*-----------------------------------------------*/
#homeButton {
	position:absolute;
	left:204px;
	top:231px;
	width:65px;
	height:25px;
	z-index:16;
}
#servicesButton {
	position:absolute;
	left:270px;
	top:231px;
	width:74px;
	height:25px;
	z-index:17;
}
#portfolioButton {
	position:absolute;
	left:345px;
	top:231px;
	width:76px;
	height:25px;
	z-index:18;
}
#partnersButton {
	position:absolute;
	left:422px;
	top:231px;
	width:74px;
	height:24px;
	z-index:19;
}
#contactButton {
	position:absolute;
	left:498px;
	top:231px;
	width:94px;
	height:25px;
	z-index:20;
}
#newsButton {
	position:absolute;
	left:593px;
	top:231px;
	width:176px;
	height:25px;
	z-index:21;
}
#landscapeButton {
	position:absolute;
	left:315px;
	top:420px;
	width:350px;
	height:60px;
	z-index:22;
}
#brickButton {
	position:absolute;
	left:315px;
	top:490px;
	width:350px;
	height:60px;
	z-index:22;
}
#waterButton {
	position:absolute;
	left:315px;
	top:560px;
	width:350px;
	height:60px;
	z-index:22;
}
#stoneButton {
	position:absolute;
	left:315px;
	top:630px;
	width:350px;
	height:60px;
	z-index:22;
}
#woodButton {
	position:absolute;
	left:315px;
	top:700px;
	width:350px;
	height:60px;
	z-index:22;
}
/*-----------------------------------------------*/
/*-------------------- Text ---------------------*/
/*-----------------------------------------------*/
.headerTitle {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:24px;
	color:#FFFFFF;
}
.headerText {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:16px;
	font-weight:400;
	color:#FFFFFF;
}
.copyRight {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:10px;
	color:#000000;
}
.contentTitle {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}
.contentTitleBlack {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}
.contentSub {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
.contentSubBlack {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
.contentBold {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
.contentBoldBlack {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	color:#000000;
}
.content {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:13px;
	color:#FFFFFF;
}

/*-----------------------------------------------*/
/*-------------------- Links --------------------*/
/*-----------------------------------------------*/
a:link {
	color: #FFFFFF;
	text-decoration:none;
}
a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
a:hover {
	color: #000000;
	text-decoration:none;
}
a:active {
	color: #FFFFFF;
	text-decoration:none;
}
a.page:link {
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
a.page:visited {
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
a.page:hover {
	color: #FFFFFF;
	text-decoration:none;
	
}
a.page:active {
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}