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

body { background:url(images/background.jpg) repeat-x top left #2c2c2c; color:#2b2b2b; font:12px/1.55em arial, helvetica, sans-serif; text-align:left; }

a { color:#9eb919; text-decoration:none; }
a:hover { color:#9eb919; text-decoration:underline; }
p {margin:0 0 10px 0; line-height:1.5em}
/* Heading */
h1, h2, h3, h4, h5, h6, .head { margin-bottom:.4em; line-height:1.3em; color:#4f5f05; font-family:"Calibri Condensed", "Gill Sans", sans-serif;}
h1 { font-size:2em; line-height:1.17; }
h2 { font-size:1.5em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

/*** WRAPPER ***/
.wrapper {width:900px; margin:0 auto}

/*** HEADER ***/
.header {background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px solid #86982d; padding: 10px; margin:-10px 0 5px 0; min-height:105px; height:auto !important; height:105px; position:relative;}
.header a img {float:left; display:block; margin:10px 0 0 0;}
.header h2 {color:#777777; float:left; display:block; margin:72px 0 0 30px; font-size:1.6em; font-weight:bold }
.header .header-nav {position:absolute; top:0; right:0; width:500px; text-align:right; margin:70px 15px 0 0; border:0px solid #999999;  }
.header ul {float:right; display:block; list-style:none; border:0px solid #00FF00; margin:0; padding:0; width:500px;}
.header ul.second {float:right; display:block; list-style:none; margin:0; padding:0}
.header ul li {display:inline; padding:0 0px 0 8px; font-weight:bold; text-transform:uppercase; }
.header ul li a {color:#333; text-decoration:none; font-weight:bold;}
.header ul li a:hover {text-decoration:underline}

/*** CONTENT ***/
.content {background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #86982d; padding:27px 27px 10px 27px; margin:0 0 30px 0}
.content-text {float:left; display:block; width:600px;  border:0px solid #FF0000}
.content-container {padding:10px 0 0 0}
.content-image {background:none; padding:0 0 0px 0; position:relative; border:0px solid #666666; height:187px;}
.content-image img {float:right}
.container-margin {background:none; width:95px; margin:-10px 148px 0 0; float:left; height:170px}

/*** FOOTER ***/
.footer {
	background:#fff;
	color:#777777;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #86982d;
	padding:10px;
	text-align:center;
	height: 90px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.footer ul {list-style:none; margin:0 auto; width:740px}
.footer ul li {padding:0 8px 0 8px; display:inline; float:left; text-transform:capitalize}
.footer ul li a {color:#777777; text-decoration:none;}
.footer ul li a:hover {text-decoration:underline}

/*** LEFT NAV ***/
ul.leftnav {list-style:none; margin:0; padding:0; width:200px; float:left; border:0px solid #000000;}
ul.leftnav li {height:41px; margin:0 0 10px 0; border:0px solid #999999; position:relative}
ul.leftnav li a img {padding:3px; float:left; z-index:10; position:absolute; top:0px; left:0px}
ul.leftnav li div.img_bg {position:absolute; top:0; left:0; width:56px; height:43px; background:#dbdbdb; opacity: 0.75; filter: alpha(opacity = 75); z-index:0}
ul.leftnav li a div {position:absolute; top:0px; left:56px; background:#dbdbdb; opacity: 0.75; filter: alpha(opacity = 75); cursor:pointer; color:#0b0b0b; text-decoration:none; font-weight:bold; text-transform:uppercase;}
ul.leftnav li:hover div.img_bg {position:absolute; top:0; left:0; width:56px; height:43px; background:#9eb919; opacity: 0.75; filter: alpha(opacity = 75); z-index:0}
ul.leftnav li:hover a div {position:absolute; top:0px; left:56px; background:#9eb919; opacity: 0.75; filter: alpha(opacity = 75); cursor:pointer; color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase;}
ul.leftnav li a {text-decoration:none}
ul.leftnav li a div.home 		{padding:5px 8px 5px 5px; margin:7px 0 0 0}
ul.leftnav li a div.pools 		{padding:5px 8px 5px 5px; margin:7px 0 0 0}
ul.leftnav li a div.ldp_design 	{padding:5px 8px 5px 5px; margin:7px 0 0 0}
ul.leftnav li a div.ldp 		{padding:5px 8px 5px 5px; margin:7px 0 0 0}
ul.leftnav li a div.water 		{padding:5px 8px 5px 5px; margin:7px 0 0 0}
/*** END LEFT NAV ***/

/*** HOME SLIDE SHOW / LEFT NAV ***/
#slide_show {margin:0; padding:0; list-style:none; position:absolute; top:0; left:0; z-index:0}
#slide_show .landscape {background:url(images/landscaping.jpg) no-repeat top right; height:358px; width:845px}
#slide_show .pools {background:url(images/pools.jpg) no-repeat top right; height:358px; width:845px}
#slide_show .landscapeing_design {background:url(images/landscaping_design.jpg) no-repeat top right; height:358px; width:845px}
#slide_show .land {background:url(images/landscape.jpg) no-repeat top right; height:358px; width:845px}
#slide_show .waterfall {background:url(images/waterfall.jpg) no-repeat top right; height:358px; width:845px}
.home_text{position:absolute; top:130px; right:0; width:500px; padding:11px; font-size:11px; background:#fff; opacity: 0.85;  filter: alpha(opacity = 70)}
.home_text h1 {margin-bottom:0px; padding-bottom:0;}
.home_text p {margin-bottom:5px;}
.bg-img {
	background:url(portfolio/large/apex-large-01.jpg) no-repeat center center; height:358px; width:845px;
}
.bg-img2 {
	background:url(portfolio/large/apex-large-08.jpg) no-repeat center center; height:358px; width:845px;
}

/*** HOME LEFT NAV ***/
#swap {position:relative; background:#111111; float:left; display:block; width:845px; margin:0 15px 15px 0; border:0px solid #FFFF00; min-height:358px; height:auto !important; height:358px;}
ul.left_nav {list-style:none; margin:0; padding:0; width:225px; border:0px solid #999999; position:absolute; top:5px; left:5px; z-index:10px}
ul.left_nav li {height:61px; margin:0 0 10px 0; border:0px solid #999999; position:relative}
ul.left_nav li a img {padding:3px; float:left; z-index:10; position:absolute; top:0px; left:0px}
ul.left_nav li div.img_bg {position:absolute; top:0; left:0; width:82px; height:63px; background:#dbdbdb; opacity: 0.75; filter: alpha(opacity = 75); z-index:0}
ul.left_nav li a div {position:absolute; top:0px; left:82px; background:#dbdbdb; opacity: 0.75; filter: alpha(opacity = 75); cursor:pointer; color:#0b0b0b; text-decoration:none; font-weight:bold; text-transform:uppercase;}
ul.left_nav li:hover div.img_bg, ul.left_nav li.selected div.img_bg {position:absolute; top:0; left:0; width:82px; height:63px; background:#9eb919; opacity: 0.75; filter: alpha(opacity = 75); z-index:0}
ul.left_nav li:hover a div, ul.left_nav li.selected a div {position:absolute; top:0px; left:82px; background:#9eb919; opacity: 0.75; filter: alpha(opacity = 75); cursor:pointer; color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase;}
ul.left_nav li a {text-decoration:none}
ul.left_nav li a div.home 					{padding:5px 13px 5px 10px; margin:15px 0 0 0;}
ul.left_nav li a div.pools 					{padding:5px 13px 5px 10px; margin:15px 0 0 0;}
ul.left_nav li a div.ldp_design 			{padding:5px 13px 5px 10px; margin:15px 0 0 0; width:125px; }
ul.left_nav li a div.ldp 					{padding:5px 13px 5px 10px; margin:15px 0 0 0;}
ul.left_nav li a div.water 					{padding:5px 13px 5px 10px; margin:15px 0 0 0;}

/*** END HOME PAGE ***/
.clear {clear:both}
.error		{background:#fff; color:#ce6f00; padding:10px}

.estimate {line-height:2.2em;}
.estimate br			{clear:both;}
.estimate label.norm	{width:175px; margin-right:10px; float:left; display:inline-block; display:-moz-inline-box;}
.estimate label.tall	{width:100%;}
.estimate input.text 	{background:#fff; border:1px solid #999; padding:2px 4px; width:200px;}
.estimate input.long	{width:385px;}
.estimate textarea 		{background:#fff; border:1px solid #999; padding:2px 4px; width:385px; height:100px;}
.estimate input.submit	{padding:3px 8px; color:#fff; background:#9eb919; border:0; margin-top:6px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #86982d;}
.estimate .required     {color:#d17100;}

.estimate .checkboxes label		{width:113px; margin-right:10px; display:inline-block; display:-moz-inline-box;}
.estimate .checkboxes input		{margin-right:5px; display:inline-block; display:-moz-inline-box;}
.estimate .last					{margin-right:0;} 

p.error {background:#d17100; color:#fff; font-weight:bold;}

.estimate textarea.error,
.estimate input.error	{background:#f1d5b5; border:1px solid #d17100; color:#000;}

.testimonial 			{background:#EEE; padding:10px; margin-bottom:0px; clear:both; font-size:13px;  }
.testimonial-name 		{margin-bottom:15px; float:right; font-weight:bold; font-size:15px; background:#999; color:#fff; padding:3px 6px;}

.social-networking		{float:right; width:130px; padding:5px 10px; background:#333; margin-left: 10px; }
.social-networking a	{display:block; height:32px; line-height:2.5em; font-weight:bold; margin:5px 0px; padding:0; color:#fff; text-decoration:none;}

#follow-us {
	width:500px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
#follow-us h3 {
	height:32px;
	font-weight:bold;
	padding:0;
	color:#777777;
	text-decoration:none;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 30px;
}
#follow-us a {
	height:32px;
	line-height:2.5em;
	font-weight:bold;
	margin:5px 0px;
	padding:0;
	color:#777777;
	text-decoration:none;
}

hr						{height:1px; background:#4f5f05; border:0;}

/* overall gallery table */
table.gallery{ border-collapse: collapse; }
/* images in the gallery */
table.gallery img { border:0px; }
/* table cells in gallery */
table.gallery td { font-size:13px; padding:3px; text-align:center; vertical-align:middle; }
/*  "Showing results X - Y of Z entries" entry row */
table.gallery td.entries { text-align:right; padding:3px; }
/* spacer between each row of images */
table.gallery td.spacer { background-color:; height:0px; }
/*  "Page (5): <<Prev  - [1] 2 3 4 5  - Next>>" pagenumber */
table.gallery td.pagenumbers { text-align:center; padding:3px; font-weight:bold; }
/* page number links */
table.gallery td.pagenumbers a { text-decoration:none; font-weight:bold;}
/* page number links:hover */
table.gallery td.pagenumbers a:hover { color:#3399FF; }
#thumbnails a img{margin-top:5px; width: 55px;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.floatl {float: left; padding: 10px 10px 10px 0px;}
#header-img {
	position: absolute;
	top: 17px;
	right: 10px;
}
#top-nav {
	float: right;
	width: 900px;
}
#top-nav ul {
	float: right;
}
#top-nav li {
	display: inline;
	list-style-type: none;
}
#top-nav li a {
	display: block;
	float: left;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: 0 20px;
	text-shadow: 1px 1px 4px #758c24;
	-moz-text-shadow: 1px 1px 4px #758c24;
	-o-text-shadow: 1px 1px 4px #758c24;
	-webkit-text-shadow: 1px 1px 4px #758c24;
	background: url(images/nav-border.png) center right no-repeat;
}
#top-nav li a.last {
	background: none;
}