/* CSS Document */

body {
background-color:#2e2a6b;
	/*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:900px;
	background-color:#c1ac75;
	background-repeat:repeat;
	z-index:1;
}

#logo {
	position:absolute;
	left:6px;
	top:7px;
	width:762px;
	height:218px;
	background-image:url(images/header2.jpg);
	background-repeat:no-repeat;
	z-index:2;
}
#upperImage {
	position:absolute;
	left:381px;
	top:9px;
	width:388px;
	height:218px;
	background-repeat:no-repeat;
	z-index:3;
}	
#portfolio {
	position:absolute;
	left:6px;
	top:231px;
	width:192px;
	height:659px;
	z-index:4;
}
#portfoliobottom {
	position:absolute;
	left:6px;
	top:725px;
	width:192px;
	height:74px;
	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;
}
#contentLong {
	position:absolute;
	left:204px;
	top:321px;
	width:565px;
	height:351px;
	background-color:#ede9cc;
	background-repeat:repeat;
	z-index:7;
}
#contentLongServices {
	position:absolute;
	left:204px;
	top:260px;
	width:565px;
	height:536px;
	background-color:#ede9cc;
	background-repeat:repeat;
	z-index:7;
}
#contentArea {
	position:absolute;
	left:220px;
	top:315px;
	width:535px;
	height:470px;
	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:15px;
	top:193px;
	width:500px;
	height:25px;
	z-index:10;
}
#upperImageText2 {
	position:absolute;
	left:560px;
	top:193px;
	width:200px;
	height:25px;
	z-index:10;
}
#pageTitle {
	position:absolute;
	left:219px;
	top:270px;
	width:540px;
	height:15px;
	z-index:11;
}
#portfolioTitle {
	position:absolute;
	left:12px;
	top:340px;
	width:179px;
	height:45px;
	z-index:12;
}
#copyRight {
	position:absolute;
	left:0px;
	top:905px;
	width:776px;
	height:25px;
	z-index:9;
	text-align:center;
}
#bottomLogos {
	position:absolute;
	left:204px;
	top:805px;
	width:565px;
	height:25px;
	z-index:9;
	text-align:center;
}
.imgLeft {
	float:left;
	padding-right:7px;
	padding-left:5px;
	padding-top:3px;
}
/*-----------------------------------------------*/
/*------------------ Buttons -------------------*/
/*-----------------------------------------------*/
#homeButton {
	position:absolute;
	left:204px;
	top:231px;
	width:66px;
	height:25px;
	z-index:16;
}
#portfolioButton {
	position:absolute;
	left:270px;
	top:231px;
	width:75px;
	height:25px;
	z-index:17;
}
#servicesButton {
	position:absolute;
	left:346px;
	top:231px;
	width:76px;
	height:25px;
	z-index:18;
}
#partnersButton {
	position:absolute;
	left:422px;
	top:231px;
	width:76px;
	height:24px;
	z-index:19;
}
#contactButton {
	position:absolute;
	left:499px;
	top:231px;
	width:76px;
	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;
	color:#2e2a6b;
	font-weight:bold;
	font-size:22px;
	line-height:24px;
}
.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:#ede9cc;
}
.contentTitle {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}

.contentTitleBlack {
	font-family:"Century Gothic", Verdana, Arial;
	font-size:16px;
	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:#000000;
}
hr {border:0;width:100%;color:#a0604a;background-color:#a0604a;height:1px; padding:0px; margin:0;}

/*-----------------------------------------------*/
/*-------------------- 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: #2e2a6b;
	text-decoration:none;
	font-weight:bold;
}
a.page:visited {
	color: #2e2a6b;
	text-decoration:none;
	font-weight:bold;
}
a.page:hover {
	color: #2e2a6b;
	text-decoration:underline;
	
}
a.page:active {
	color: #2e2a6b;
	text-decoration:none;
	font-weight:bold;
}