/*-----------------------------------------------------------------------------
author:    www.3rdstudio.com
           511 W Chestnut
		   Yakima WA 98902
		   509.972.1600
-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	}

/* Put it back on certain elements */


/* Class for clearing floats */
.clear
{
		clear:both;
		height:0px;
	}

/* Remove border around linked images */
img {
	border: 0;
	display:block;
	}

body {
	background:url(../img/bodyBg.gif) repeat-x #ffffff;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	}
	
#container {
	width:750px;
	margin:0 auto;
	position:relative;
	}
	
#header {
	width:750px;
	height:219px;
	padding:23px 0 0 0;
	background:#8da1ba;
	}
	
#content {
	padding:25px 0;
	width:750px;
	background:#FFFFFF;
	}
	
#leftCol {
	width:471px;
	float:left;
	padding:15px 0 0 0;
	}
	
#leftCol img {
	border:#224169 solid 1px;
	}
	
#rightCol {
	width:252px;
	padding:0 0 15px 0;
	float:right;
	margin:0;
	text-align:center;
	}
	
#rightCol a img {
	border:#fad803 solid 1px;
	margin:15px 15px 3px 15px;
	}
	
#subBg {
	width:750px;
	background:url(../img/subBg.gif) repeat-y;
	border-bottom:#224169 solid 1px;
	}
	
.floatRight {
	float:right;
	margin:0 0 15px 15px;
	}
	
/* Links */	
		
#content p a {
	color:#49b8ef;
	padding:1px 1px;
	font-weight:bold;
	}

#content p a:link, #content p a:visited {
	text-decoration:underline;
	}

#content p a:hover, #content p a:active {
	color:#ffffff;
	background:#49b8ef;
	}	
	
/* Links */	
		
#rightCol p a {
	color:#224169;
	padding:1px 1px;
	font-weight:bold;
	font-size:115%;
	}

#rightCol p a:link, #rightCol p a:visited {
	text-decoration:underline;
	}

#rightCol p a:hover, #rightCol p a:active {
	color:#fad803;
	background:#224169;
	}	

/* =Typography
-----------------------------------------------------------------------------*/	
h1 {
	font-size:100%;
	color:#feffff;
	margin:0 0 0 0;
	height:19px;
	}
	
h2 {
	font-size:140%;
	color:#224169;
	margin:0;
	}
	
#rightCol h2 {
	margin:20px 0 5px 0;
	font-size:160%;
	}
	
h3 {
	font-size:160%;
	color:#224169;
	margin:0 0 10px 0;
	}
	
#content p {
	padding:0 0 15px 0;
	}
	
#rightCol p {
	padding:0 0 5px 0;
	}
	

/* =footer
-----------------------------------------------------------------------------*/
#footer {
	width:750px;
	background:url(../img/footerBg.jpg) no-repeat #ffffff;
	text-align:right;
	font-size:95%;
	padding:7px 0;
	}
	
#address {
	padding:0 10px 20px 0;
	font-weight:bold;
	font-size:115%;
	color:#FFFFFF;
	}

#footer a, #footer a:link, #footer a:visited  {
	color:#224169;
	text-decoration:none;
	}

#footer a:hover, #footer a:active {
	color:#224169;
	text-decoration:underline;
	}

#copyRight {
	font-size:90%;
	padding:15px 0 20px 0;
	color:#4d789e;
	}
	

/* =mainNav 
-----------------------------------------------------------------------------*/
#mainNav {
	width:636px;
	height:35px;
	padding:0 0 0 114px;
	background:url(../img/mainNavBg.gif) no-repeat #f8dc2d;
	}
	
#mainNav ul {
	list-style:none;
	padding:0;
	margin:0;
	}
	
#mainNav ul li {
	list-style:none;
	float:left;	
	}
	
#mainNav ul li a {
	text-indent:-5000px;
	}
	
#mainNav ul li a:link, #mainNav ul li a:visited {
	display:block;
	background-repeat:no-repeat;
	background-position:top;
	}

#mainNav ul li a:hover, #mainNav ul li a:active, /* for IE 'flicker' on rollover */ #navTips, #navSpas, #navPools, #navPatio, #navService, #navContact {
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
	}

#navTips a, #navTips {
	height:35px;
	width:139px;
	background:url(../img/navTips.gif) no-repeat;
	}
	
#navSpas a, #navSpas {
	height:35px;
	width:54px;
	background:url(../img/navSpas.gif) no-repeat;
	}
	
#navPools a, #navPools {
	height:35px;
	width:150px;
	background:url(../img/navEquipment.gif) no-repeat;
	}
	
#navPatio a, #navPatio {
	height:35px;
	width:123px;
	background:url(../img/navPatio.gif) no-repeat;
	}
	
#navService a, #navService {
	height:35px;
	width:72px;
	background:url(../img/navService.gif) no-repeat;
	}

#navContact a, #navContact {
	height:35px;
	width:98px;
	background:url(../img/navContact.gif) no-repeat;
	}