BODY {

font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 7px auto;
font-size: 12px;
background-image: url(../images/bkgrnd.gif);
background-repeat: repeat;
}



html>body, html>body #wrapper {
height: auto;
margin: 7px auto;
width: 799px;}



/* for Internet Explorer 6*/
/*\*/

* html #wrapper {
min-height: 100%;
margin: 7px auto;
width: 799px;
height: auto;
}
* html #middlecol {
height: 450px;
}
/**/
#wrapper {border: 1px solid #000;
margin: 7px auto;
background-color: #fff;
}

/* BACKGROUND PHOTO - HEIGHT FOR HOME PAGE */
#photoback {
background-image: url(../images/poolbkgrnd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 250px;
	margin: 0 auto;
	}

/*Bar at top of page - About Us/Contact Us*/
#topbar
{
	color: #fff;
	width: 100%;
	height: 15px;
	text-align: right;
	font-size: 11px;
	padding: 3px 0 3px 0;
/* width: 799px;*/
}

#topbar A 
{
    color: #fff;
    text-decoration: none;
}
#topbar A:hover 
{
    color: #fff;
    text-decoration: underline;
}

/* Logo area */
.header
{
	width: 799px;
	height: 66px;
	background-color: #fff;
	
}

/* Background for logo area on sub pages */
#top_sub {
      background-image: url(../images/poolbkgrnd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
        height: 95px;	

        }

/* CONTENT BOX */


#leftcol  {
width: 200px;

margin-left: 10px;
position: absolute;
}



#middlecol
{
	min-height: 430px;
	
	height: 100%;
	top: auto;
	width: 65%;
	position: relative;
	left: 240px;
	padding-top: 10px;
}



#footer {
margin-top: 7px;
	clear: both;
	font-size: 10px;
	width: 799px;
	margin-bottom: 0;
	/*padding: 2px;*/
	text-align: center;
}



/***** DESIGN ELEMENTS WITHIN LAYOUT *****/

/* GREEN BAR ON TOP AND BOTTOM ON "YOUR HOME" AREAS */
.greenbartop
{
clear: both;
	width: 799px;
	height: 7px;
	background-color: #396;	
	margin: 0 auto;
}

/* BROWN BAR ON TOP AND BOTTOM ON "CORPORATE" AREAS */
.brownbartop
{
	width: 799px;
	height: 7px;
	background-color: #963;	
	margin: 0 auto;
}

/* Faded areas */
.opaque
{
	opacity: .75;
	filter: alpha (opacity=75);
	background-color: #fff;
}


/* Address area */
.addressbox
{
	width: 100%;
	height: auto;
	padding: 5px 5px 5px 0;
	font-size: 11px;
}


/* APPLY TO NAVIGATION ITEMS */
/* Curved box tops on nav*/
.box
{	
	margin: 10px 0;	
	width: 200px;
}

.roundborder {
	height: 1px;
	overflow: hidden;
	background-color: #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}
.c1 {
	margin: 0 12px 0 12px;
	border: none;
	background-color: #333;
}
.c2 {
	margin: 0 9px;
	border-width: 0 3px;
}
.c3 {
	margin: 0 7px;
	border-width: 0 2px;
}
.c4 {
	margin: 0 6px;
}
.c5 {
	margin: 0 5px; 
}
.c6 {
	margin: 0 4px;
}
.c7 {
	margin: 0 3px;
}
.c8 {
	margin: 0 2px;
	height: 2px;
}
.c9 {
	margin: 0 1px;
	height: 3px;
}


/* Highest level Text in gray boxes */
.content
{
	height: auto;
	font-size: 13px;
	color: #fff;
	font-variant: small-caps;
	text-align: left;
	padding: 0 0 5px 5px;
}

/* Lower level text in "Your Home" boxes */
.subcontent
{
	height: auto;
	font-size: 11px;
	color: #396;
	font-weight: bold;
	background-color: #f1f1f1;
	text-align: left;
	letter-spacing: 1px;
	width: 190px;
	padding: 5px;
}

/* Lower level text in "Corporate" boxes */
.subcontent2
{
	height: auto;
	font-size: 11px;
	font-weight: bold;
	background-color: #e5e4de;
	text-align: left;
	letter-spacing: 1px;
	width: 190px;
	padding: 5px;
}

/* Nav title text */
.content A
{
    color: #fff;
    text-decoration: none;    
}

/* Text under Your Home nav */
.subcontent A
{
    color: #396;
    text-decoration: none;
}

/* Text under Corporate nav */
.subcontent2 A
{
    color: #963;
    text-decoration: none;
}

.content A:hover, .subcontent A:hover, .subcontent2 A:hover
{
    color: #333;
    text-decoration: none;
}

/* Job of the Month */
.jobbox
{
	background-image: url(../images/jobofthemonth.gif);
	background-repeat: no-repeat;
	width: 164px;
	height: 41px;
	position: absolute;
	top: 230px;
	right: 10px;
}


/* Portfolio headers */
.portheader {
background-color: #333; 
padding: 5px; 
color: #fff;
font-size: 12px;
font-weight: bold;
}

/***** TEXT STYLES *****/

/* APPLY TO PAGE TITLES */
H1
{
	font-size: 14px;
	color: #396;
}

/* APPLY TO SUBPAGE TITLES */
H2
{
	font-size: 12px;
	color: #990;
}

/* STYLES FOR LINKS */
A { color: #396; }
A:hover { color: #660; }

LI { padding-bottom: 5px; }

/* Home page text */
.hometext
{
/*
min-height: 400px;

height: auto;


position: relative;
left: 240px;
*/
    margin-top: 60px;
	color: #666;
/*height: 300px;*/
	font-size: 18px;

	width: 500px;
	font-weight: bold;
	display: block;
	line-height: 131%;
	
}

/* Enlargers "+" in nav  */
.big {font-size: 14px;
margin-right: 5px;}


#navlinks
{
	/*CSS for DIV containing the navigational links*/
	width: 400px;
	position: absolute;
	top: 190px;
}

#navlinks a
{
	/*CSS for each navigational link*/
	margin-right: 8px;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
	
}

#navlinks a.current
{
	/*CSS for currently selected navigational link*/
	background-color: #396;
	padding: 5px;
	border: 1px solid #333;
	color: #fff;
	text-decoration: none;
}



/* Slideshow styles */
#gallery {position:relative; width:540px; margin:0px auto; padding:5px; border:1px solid #fff; background:#333;}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:525px; height:350px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:5px; padding:5px 0; width:535px; height:120px; border:2px solid #666; background:#FFF;}
#thumbarea {position:relative; overflow:hidden; top: -12px;  height:129px; width:525px; }
#thumbs {position:absolute; list-style:none; margin-left:-30px; height:119px; width:400000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:350px; 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)}

*+html #gallery {left: 0px;}
*+html #thumbarea {top: 2px; left: 5px;}
*html #thumbarea {top: 2px; left: 5px;}