@charset "utf-8";
/* Global Stuff */
body {
	background-color: #0D1A21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #B6C5C9;
	line-height: 200%;
	background-image: url(images/bodybg.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
}
a:link {color:#FFFFFF; text-decoration:underline;}
a:visited {color:#FFFFFF; text-decoration:underline;}
a:active {color:#FFFFFF; text-decoration:underline;}
a:hover {color:#B6C5C9; text-decoration:underline;}
a:visited:hover {color:#B6C5C9; text-decoration:underline;}

/* Layout Stuff */

.header {background-image:url(images/whitten-landscaping-logo.png);}

h1 {margin-bottom:5px; margin-top:0px;}

.footer-hr {background-image:url(images/footer-bg.png); color:#FFFFFF;}

.footer {color:#FFFFFF; font-size:12px;}
.footer a:link {color:#fff; text-decoration:none;}
.footer a:visited {color:#fff; text-decoration:none;}
.footer a:active {color:#fff; text-decoration:none;}
.footer a:hover {color:#fff; text-decoration:underline;}
.footer a:visited:hover {color:#fff; text-decoration:underline;}

.email a:link {color:#A8D7FF; text-decoration:none;}
.email a:visited {color:#A8D7FF; text-decoration:none;}
.email a:active {color:#A8D7FF; text-decoration:none;}
.email a:hover {color:#FFF; text-decoration:underline;}
.email a:visited:hover {color:#FFF; text-decoration:underline;}

/* Random Stuff */

.pageheader {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold}
.subheader {color:#B6C5C9; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold}
.feature {background-image:url(images/feature-bg.png);}
.green {background-color: #0C181D;border: 1px solid #1D3940;}
.captions {color:#FFFFFF;}
.style1 {color: #B6C5C9}

/* Gallery */

#gallery {position:relative; width:570px; margin:40px auto; padding:0px;}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {
	position:relative;
	width:570x;
	height:375px;
	padding:5px;
	border:1px solid #666;
	background:#FFF url(images/loading.gif) center center no-repeat
}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:570px; height:100px; border:1px solid #666; background:#0D1A21}
#thumbarea {position:relative; overflow:hidden; height:100px; width:570px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #0D1A21}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}