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

img, li { behavior: url(css/iepngfix.htc); }

body {
	font: 70%/1.5 Arial, Helvetica, sans-serif;
	behavior: url("css/csshover.htc");
}

#container { 
	width: 765px;
	margin: 0 auto;
	display: block;
	margin-top: 60px;
}

#leftcol {
	width: 177px;
	background: url(../img/letfcol-blue.jpg) no-repeat;
	min-height: 483px;
    height:auto !important;
    height:483px;
	float: left;
}

#rightcol {
	width: 585px;
	float: left;
}

#content {
	width: 565px;
	background: url(../img/bk-content.jpg) no-repeat;
	min-height: 300px;
	padding-top: 20px;
	padding-left: 20px;
}

#footer {
	/* background: url(../img/footerline.jpg) bottom right no-repeat; */
	width: 765px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 35px;
}

/* Headers */

h2 { 
	width: 585px;
	height: 184px;
	text-indent: -9999px;
}

h2.bannerIndex { background: url(../img/banner-index.jpg) no-repeat; }
h2.bannerAbout { background: url(../img/banner-about.jpg) no-repeat; }
h2.bannerContact { background: url(../img/banner-contact.jpg) no-repeat; }
h2.bannerPools { background: url(../img/banner-pools.jpg) no-repeat; }
h2.bannerResidential { background: url(../img/banner-residential.jpg) no-repeat; }
h2.bannerCommercial { background: url(../img/banner-commercial.jpg) no-repeat; }
h2.bannerFarms { background: url(../img/banner-index.jpg) no-repeat; }
h2.bannerGallery { background: url(../img/banner-gallery.jpg) no-repeat; }
h2.bannerHorses { background: url(../img/banner-horses.jpg) no-repeat; }
h2.bannerArt { background: url(../img/banner-art.jpg) no-repeat; }

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%;
	letter-spacing: -1px;
	/* color: #5C8B8B; */
	color: #4382A7;
	margin-bottom: 5px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: -1px;
	/* color: #5C8B8B; */
	color: #4382A7;
	margin-bottom: 5px;
}

/* Nav */

ul#nav {
	list-style: none;
	margin-top: 125px;
	margin-left: 10px;
}

ul#nav li {
	background-repeat: no-repeat;
}

ul#nav li a { height: 22px; width: 150px; display: block; }

ul#nav li  {
	display: block; background: no-repeat 0 0; text-indent: -9999px; overflow: hidden; background-repeat: none;
	height: 22px; width: 150px; 
}

ul#nav li.navHome { background: url(../img/nav-home.png); }
ul#nav li.navAbout { background: url(../img/nav-about.png); }
ul#nav li.navContact { background: url(../img/nav-contact.png); }
ul#nav li.navPools { background: url(../img/nav-pools.png); }
ul#nav li.navResidential { background: url(../img/nav-residential.png); }
ul#nav li.navCommercial { background: url(../img/nav-commercial.png); }
ul#nav li.navFarms { background: url(../img/nav-farm.png); }
ul#nav li.navArt { background: url(../img/nav-art.png); }
ul#nav li.navGallery { background: url(../img/nav-gallery.png); }

ul#nav li:hover { background-position: -150px; }


/*
ul#nav
{
        list-style: none;
        margin-top: 125px;
        margin-left: 10px;
}


#nav li { height: 22px; width: 150px; background-repeat:no-repeat; }
#nav li:hover { background-position: -150px 0; cursor: pointer; }

li.navHome { background: url(../img/nav-home.png); }
li.navAbout { background: url(../img/nav-about.png); }
li.navContact { background: url(../img/nav-contact.png); }
li.navPools { background: url(../img/nav-pools.png); }
li.navFarms { background: url(../img/nav-farm.png); }
li.navResidential { background: url(../img/nav-residential.png); }
li.navCommercial { background: url(../img/nav-commercial.png); }
li.navArt { background: url(../img/nav-art.png); }
li.navGallery { background: url(../img/nav-gallery.png); }
*/

/* Paragraphs */

#content p { font-family: Verdana, Arial; font-size: 100%; margin-right: 30px; line-height: 18px; margin-bottom: 8px; }
#footer p { color: #9D9D9D; font-size: 90%; text-align: center; padding-top: 5px;}
strong { font-weight: bold; color: #5C8B8B; }

/* Anchors */

a { text-decoration: none; color: #4382A7; }
a:hover { text-decoration: underline; }


/* Images */

img.footerImg { float: right; margin-bottom: 7px; }
img.contentRight { float: right; margin-right: 10px; margin-left: 7px; }
a img { border: 0; }

/* Photo Gallery */


.gallery
{
	font-size: 100%;
	padding-bottom: 20px;
	
}

.gallery ul
{
	list-style-type: none;
	margin: 5px 0 0 0;
	margin-top: 20px;
}

.gallery img
{
	float: left;
	border: 1px solid #5C8B8B;
	margin-right: 15px;
}

.gallery a
{
	font-style: italic;
	text-decoration: none;
}

.gallery li
{
	float: left;
	height: auto !important;
	height:100%;
	padding-bottom: 25px;
}

.gallery p
{
	padding: 0;
}

/* Thumbnail Gallery */

.tngallery
{
	padding-top: 0;
	padding-right:0;
	font-size: 100%;
	
}

.tngallery ul
{
	list-style-type: none;
	margin: 5px 0 0 0;
	margin-top: 20px;
}

.tngallery h4
{
	font-weight: bold;
	font-family: Georgia, "Trebuchet MS", Arial;
	font-size: 120%;
	text-align: left;
	margin-bottom:0;
}

.tngallery img
{
	float: left;
	border: 1px solid #5C8B8B;
	margin-right: 5px;
}

.tngallery a
{
	font-style: italic;
	text-decoration: none;
}

.tngallery li
{
	float: left;
	width: 90px;
	margin-right: 10px;
	height: auto !important;
	height:100%;
	padding-bottom: 15px;
}

.tngallery p
{
	padding: 0;
}

/* Lists */

li { font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif; }

ul.contentList {
	list-style-type: none;
	margin-bottom: 10px;
}

.contentList li {
	margin-left: 20px;
	list-style-image: url(../img/bullett.gif);
}
	
	

/* Hacks */

.clearfix:after {content: ".";
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%; display: block;}
/* End hide from IE-mac */
/* End clearfix */