/* CSS Document */

body{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CDCDCB;
	margin:25px;
	background-color:#252C30;
}

.imageMargins {
margin:0px 0px 1px 0px;
height:357px;
}


*html .imageMargins {
margin:-1px 0px 0px 0px;
border-bottom:0px;
border-top:0px;
border-right:0px;
border-left:0px;
border-style:solid;
border-color:#4E5056;
}

*html .galleryMargins {
margin:0px 0px 0px 0px;
}

.beforeAfter {
margin:1px 0px 1px 0px;
}

*html .beforeAfter {
margin:1px 0px 0px 0px;
}


h1{
	color: #F09B22;
	margin:0px;
	font-size: 12px;
}
#wrap {
	width: 816px;
	margin:15px auto 0px;
	position:relative;
	
}

*html #wrap {
	width: 814px;
	margin:10px auto 0px;
	position:relative;
	
}

#logo {
	top:0px;
	right:492px;
	position:absolute;
}

#flashgalleryBacrgound {
	position:absolute;
	width:404px;
	height:358px;
	z-index:1;
	left: 405px;
	top: 130px;
	margin:0px 0px 0px 1px;
	background-image:url(../images/flash_background.jpg);
	background-repeat:no-repeat;
	background-position:left ;
	text-align:right;
}


*html #flashgalleryBacrgound {
	position:absolute;
	width:404px;
	height:358px;
	z-index:1;
	left: 405px;
	top: 130px;
	margin:0px 0px 0px 1px;
	background-image:url(../images/flash_background.jpg);
	background-repeat:no-repeat;
	background-position:left ;
	text-align:right;
}

#galleryBacrgound {
	position:absolute;
	width:404px;
	height:359px;
	z-index:1;
	left: 405px;
	top: 130px;
	margin:0px 0px 0px 1px;
	background-image:url(../images/flash_background.jpg);
	background-repeat:no-repeat;
	background-position:left ;
	text-align:right;
}

*html #galleryBacrgound {
	position:absolute;
	width:404px;
	height:358px;
	z-index:1;
	left: 405px;
	top: 131px;
	margin:0px 0px 0px 1px;
	background-image:url(../images/flash_background.jpg);
	background-repeat:no-repeat;
	background-position:left ;
	text-align:right;
}

#gallery {
	position:absolute;
	width:404px;
	height:357px;
	z-index:1;
	left: 405px;
	top: 131px;
	margin:0px 0px 0px 1px;
	background-image:url(../images/flash_background.jpg);
	background-repeat:no-repeat;
	background-position:left ;
	text-align:right;
}

*html #gallery {
	position:absolute;
	width:404px;
	height:357px;
	z-index:1;
	left: 405px;
	top: 131px;
	margin:0px 0px 0px 1px;
	background-image:url(../images/flash_background.jpg);
	background-repeat:no-repeat;
	background-position:left ;
	text-align:right;
}


#designProcessBacrgound {
	position:absolute;
	width:404px;
	height:358px;
	z-index:1;
	left: 405px;
	top: 130px;
	margin:0px 0px 0px 1px;
	background-image:url(../images/flash_background.jpg);
	background-repeat:no-repeat;
	background-position:left ;
	text-align:right;
}

*html #designProcessBacrgound {
	position:absolute;
	width:404px;
	height:358px;
	z-index:1;
	left: 405px;
	top: 130px;
	margin:0px 0px 0px 1px;
	background-image:url(../images/flash_background.jpg);
	background-repeat:no-repeat;
	background-position:left ;
	text-align:right;
}

.galleryImage {
top:133px;
}


*html .galleryImage {
margin:1px;
}

*html .imageBorder {
border-bottom:1px;
border-top:0px;
border-right:0px;
border-left:0px;
border-color:#4E5056; 
border-style:solid;
}

.top {
margin: 0px 4px 0px 5px;
width:396px;
}

*html .top {
margin: 0px 4px -1px 4px;
width:396px;
}


.topOuter {
margin: 0px 0px 0px 5px;
}

*html .topOuter {
margin: 0px 1px 0px 7px;
}

.topLeft {
background-color:#262B2E;
height:171px;
width:66px;
}

.topMiddle {
background-color:#33393D;
height:171px;
width:330px;
}

*html .topLeft {
background-color:#262B2E;
height:171px;
width:66px;
}

*html .topMiddle {
background-color:#33393D;
height:171px;
width:330px;
}



.topLeft1 {
background-color:#262B2E;
height:171px;
width:66px;
}

*html .topLeft1 {
background-color:#262B2E;
height:171px;
width:66px;
}

.topMiddle1 {
background-color:#33393D;
height:171px;
width:330px;
}

*html .topMiddle1 {
background-color:#33393D;
height:171px;
width:330px;
}






.topRight {
background-color:#33393D;
height:171px;
width:410px;
}

#topText {
	position:absolute;
	width:312px;
	height:81px;
	z-index:1;
	left: 86px;
	top: 197px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}


*html #topText {
	position:absolute;
	width:312px;
	height:95px;
	z-index:1;
	left: 87px;
	top: 197px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

#designText {
	position:absolute;
	width:312px;
	height:81px;
	z-index:1;
	left: 86px;
	top: 197px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

*html #designText {
	position:absolute;
	width:312px;
	height:95px;
	z-index:1;
	left: 86px;
	top: 197px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}


#galleryText {
	position:absolute;
	width:329px;
	height:290px;
	z-index:2;
	left: 144px;
	top: 250px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

*html #galleryText {
	position:absolute;
	width:329px;
	height:290px;
	z-index:2;
	left: 144px;
	top: 191px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

html>body #galleryText {
	position:absolute;
	width:329px;
	height:290px;
	z-index:2;
	left: 144px;
	top: 201px;
	*top: 190px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

#next {
	position:absolute;
	width:45;
	height:15;
	z-index:1;
	left: 83px;
	top: 465px;
}

*html #next {
	position:absolute;
	width:45;
	height:15;
	z-index:1;
	left: 83px;
	top: 463px;
}


/*#topImage {
	position:absolute;
	width:138px;
	height:44px;
	z-index:1;
	left: 86px;
	top: 153px;
	font-family:"Eurostile";
	font-size:18px;
	color:#00ceff;
}*/

#topImage {
	position:absolute;
	width:138px;
	height:44px;
	z-index:1;
	left: 76px;
	top: 153px;
	font-family:"Eurostile";
	font-size:18px;
	color:#00ceff;
}

*html #topImage {
	position:absolute;
	width:138px;
	height:44px;
	z-index:1;
	left: 76px;
	top: 153px;
	font-family:"eurostile ";
	font-size:18px;
	color:#00ceff;
}


#bottomText {
	position:absolute;
	width:313px;
	height:115px;
	z-index:1;
	left: 86px;
	top: 287px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

*html #bottomText {
	position:absolute;
	width:313px;
	height:115px;
	z-index:1;
	left: 86px;
	top: 287px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

#ContactText {
	position:absolute;
	width:313px;
	height:189px;
	z-index:1;
	left: 87px;
	top: 300px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}



*html #bottomText {
	position:absolute;
	width:319px;
	height:115px;
	z-index:1;
	left: 87px;
	top: 296px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

.bottom {
width:396px;
margin: -1px 4px -1px 5px;
}

*html .bottom {
width:397px;
margin: -1px 4px 0px 4px;
}


.bottomLeft {
background-color:#3C3C40;
height:189px;
width:66px;
}

.bottomMiddle {
background-color:#4E5056;
height:189px;
width:330px;
}

*html .bottomLeft {
background-color:#3C3C40;
height:189px;
width:66px;
}

*html .bottomMiddle {
background-color:#4E5056;
height:189x;
width:330px;
}


.bottomLeft1 {
background-color:#3C3C40;
height:190px;
width:66px;
}


*html .bottomLeft1 {
background-color:#3C3C40;
height:192px;
width:66px;
}

*html .bottomMiddle1 {
background-color:#4E5056;
height:192x;
width:330px;
}


.bottomMiddle1 {
background-color:#4E5056;
height:190px;
width:330px;
}



.bottomRight {
background-color:#4E5056;
height:189px;
width:410px;
}

#blockLeft {
margin:0px 7px;
width:399px;
height:360px;
background-color:#4E5056;
}

#blockRight {
position:absolute;
top:131px; right:-1px;
margin:0px 7px;
width:789px;
height:378px;
background-color:#4E5056;
}

#imageBox {
	position:absolute;
	width:65px;
	height:273px;
	z-index:2;
	left: 407px;
	top: 200px;
}

#designImageBox {
	position:absolute;
	width:65px;
	height:273px;
	z-index:2;
	left: 409px;
	top: 158px;
}

*html #designImageBox {
	position:absolute;
	width:64px;
	height:273px;
	z-index:2;
	left: 409px;
	top: 158px;
}

#blockTopLeft {
height:171px;
background-color:#262B2E;
}

#logoOuter {
	height:66px;
	background-color: #252C30;
	background-image:url(../images/border.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

html[xmlns*=""] body:last-child  #logoOuter {height:66px;background-color: #252C30;background-image:url('../images/border.gif');	background-repeat:repeat-x;background-position:bottom;}


#logoInner {
	height:47px;
	width:799px;
	background-color: #484D51;
	margin:0px 6px 0px 11px;
}

#logoInner1 {
	width: 66px;
	height:47px;
	background-color: #3D4346;
	
}

#shadowBorder{
	background-image: url(../images/body_shadow.jpg);
	background-repeat: repeat-y;
	background-position: center;
	height:424;
}
#nav{
	height:17px;
	margin:0px 8px 0px 10px;
	width:800px;
}

#header{
	margin:0px 10px;
	background-color:#33393D;
	height:152px;
}
#pageTitle{
	height:15px;
	background-color:#413E36;
	margin:0px 8px;
	color: #F09B22;
	background-image: url(file:///E|/Program Files/xampp/htdocs/images/pageTitleBg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 16px;	
}
#pageTitleInner{
	height:15px;
	background-color:#413E36;
	margin:0px 8px;
	color: #F09B22;
	padding:0px 16px;
	font-weight:bold;
}


#content{
	position:absolute;
	top:130px;
	right:7px;
	text-align:right;
	width: 797px;
	height: 171px;
	background-color: #33393D;
	}

#contentInner {
	width: 66px;
	height:171px;
	background-color: #3D4346;
	margin: 0px 0px;
}

#footer{
	background-image:url(../images/footer_shadow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:7px 15px;
	font-family:"Eurostile";
	font-size: 12px;
	color:#4E5056;
}

*html #footer{
margin: 0px 1px;
	background-image:url(../images/footer_shadow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:7px 15px;
	font-family:"Eurostile";
	font-size: 12px;
	color:#4E5056;
}

a.footer {
font-family:"Eurostile";
font-size: 12px;
color:#4E5056;
text-decoration:none;
}


a {
font-family: "Century Gothic";
font-size:8px;
color:#666666;
cursor:pointer;
text-decoration:none;
}

textarea {
height:94px;
}

.blueborder {
border:4px;
border-color:#1CA8CD;
border-style:solid;
}
.blueborder1 {
border:4px;
border-color:#07CEFF;
border-style:solid;
filter: alpha(opacity=100);
}

.orangeborder {
border:4px;
border-color:#BF631A;
border-style:solid;
}

.orangeborder1 {
border:4px;
border-color:#EF6B00;
border-style:solid;
}

.greenborder {
border:4px;
border-color:#829F1A;
border-style:solid;
}

.greenborder1 {
border:4px;
border-color:#98C000;
border-style:solid;
}


.pinkborder {
border:4px;
border-color:#84507B;
border-style:solid;
}

.pinkborder1 {
border:4px;
border-color:#A65A96;
border-style:solid;
}

.tdGap {
width:23px;
}

.tdImage {
width:64px;
}

#patioDesign {
	position:absolute;
	width:312px;
	height:59px;
	z-index:2;
	left: 86px;
	top: 226px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

#otherDescription {
	position:absolute;
	width:312px;
	height:59px;
	z-index:3;
	left: 86px;
	top: 299px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

*html #otherDescription {
	position:absolute;
	width:312px;
	height:59px;
	z-index:3;
	left: 86px;
	top: 299px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

#waterFeature {
	position:absolute;
	width:312px;
	height:59px;
	z-index:4;
	left: 86px;
	top: 375px;
	font-family:"Arial";
	font-size:10px;
	line-height:16px;
	color:#d3d1d1;
}

a.steps {
	font-family:Eurostile-Black-DTC;
	font-size:53px;
	text-decoration:none;
	color:#4E5056;
}

#Layer5 {
	position:relative;
	width:60px;
	height:115px;
	z-index:1;
	top:-30px;
	_top:-10px;
	text-align:center;
	left:5px;
}