/* Style sheet for Cookes Pools & Spas Website_2006 Version #1  - Updated 06 Jan-2006 */
/*  Created by The Red Zebra Business Centre, January 2006.  Author:  Max Williams*/

body{
	color: #000000;
	background-color: rgb(255, 248, 255);
	background-image: url('graphics/elegant_pool_girl_nav.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:  0px bottom; 
	margin: 0;
	height: 622px;
   }
   
   a:link, a:visited{
	padding: 0px;
	color: #FF9900;
	background-color: transparent;
	text-decoration: none;
	border: 0px outset #ffffff;
   }
  a:hover {
	padding: 0px;
	color: #336499;
	background-color: transparent;
	text-decoration: underline;
		border: 0px inset #ffffff;
   }
  #banner{
		color: #336499;
			background-color: transparent;
			margin: 0px;
			height: 102px;
			width:100%;
			padding: 0px;
			font-family: Arial, sans-serif;
			font-size: 1.2em;
			font-weight: bold;
			text-align: center;
			vertical-align: bottom;
   }
  #navigation{
	background-color: rgb(11, 85, 215);
	height:20px;
	h/eight:16px;
	padding-top: 4px;
   font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
   }
  #navigation ul{
   list-style: none;
   padding-top: 2px;
   margin:  0px;
   text-align: left;
   }
  #navigation li {
	display: inline;
    padding-top: 0px;
    background-color: rgb(11, 85, 215);
   }
  #navigation a:link, #navigation a:visited{
	padding: 2px 2px 2px 2px;
	color: #FFFFFF;
	background-color: rgb(11, 85, 215);
	text-decoration: none;
	border: 1px outset #ffffff;
   }
  #navigation a:hover {
	padding: 2px 2px 2px 2px;
	color: #66FFff;
	background-color: #336499;
	text-decoration: underline;
		border: 1px inset #ffffff;
   }
  .slogan{
  color: rgb(51,51,255);
  padding: 30px;
  font-family:  "Comic Sans", "Comic Sans MS", "Comic Sans Serif", sans-serif;
  font-size: .9em;
  font-weight: bold;
  }	
  #images{
  margin-top: 0px;
  float: right;
  width: 140px;
  padding: 0px;
  border: 0px solid transparent;
  color: transparent;
  background-color: rgb(11, 85, 215);
 }
 
  #images .bodyimg_1{
  position:absolute;
  float: right;
  top:126px;
  z-index: 0
  }
  #images .bodyimg_2{
  position:absolute;
  float: right;
  top:231px;
  z-index: 0
 }
  #images .bodyimg_3{
  position:absolute;
 float: right;
  top: 336px;
  z-index: 0
 }
  #images .bodyimg_4{
  position:absolute;
 float: right;
  top: 441px;
  z-index: 0
 }
 #images .bodyimg_5{
  position:absolute;
 float: right;
  top: 546px;
  z-index: 0
 }
 
p.branchtext{
color: rgb(0,85,165);
background-color: transparent;
text-align: center;
margin-right: 140px;
margin-left: 185px;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-family:  "Arial", "Helvetica", sans-serif;
font-size: 1em;
font-weight: normal;
}

  table.branchtext{
  color: white;
  background-color: transparent;
  text-align: center; 
  width: 80%;
  border: 0;
  font-family:  "Arial", "Helvetica", sans-serif;
  font-size: 1em;
  font-weight: normal;
 }
 
div.banner{
margin-top: 0px;margin-left: 0px;
margin-right: 0px;
padding: 20;
border: 0px solid rgb(238, 0, 53);
color: rgb(255, 255, 255);
background-color: rgb(238, 0,53);
text-align: center;
font-family: "Century Gothic",Helvetica,sans-serif;
font-size: 1.3em;
font-weight: bold;
}
p.banner{
margin-top: 0;
margin-bottom: 10px;
padding: 5;
text-align: center;
}

 #promotext{
  color: rgb(0,85,165);
  background-color: rgb(251,170,1);
  margin-top: 30px;
  margin-right: 140px;
  margin-left: 185px;
  width: auto;
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 1px;
  font-family:  "Arial", "Helvetica", sans-serif;
  font-size: 0.8em;
  font-weight: normal;
	}
	
	
  #promotext .dropcap { float:left;
  color:rgb(0,85,165);
  font-size:4em;
  padding-top: 8px;
  font-family:  "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  }

  #promotext .promoimg_1{
  position:relative;
  float: right;
  z-index: 0
  }
  #promotext .promoimg_2{
  position:relative;
  float: right;
  z-index: 0
 }
   a.professional:link{
	padding: 0px;
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
	border: 0px outset #ffffff;
   }
     a.professional:visited{
	padding: 0px;
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	border: 0px outset #ffffff;
   } 
  a.professional:hover {
	padding: 0px;
	color: #336499;
	background-color: transparent;
	text-decoration: underline;
		border: 0px inset #ffffff;
   }
  #bottom{
  color: white;
  background-color: rgb(11, 85, 215);
  margin-top: 0px;
  margin-right: 140px;
  margin-left: 185px;
  width: auto;
  height: 148px;
  border: 0px solid rgb(238, 0, 53);
  text-align: center;
  padding-top: 0px;
  padding-left: 10px;
  padding-right:10px;
  font-family:  "Arial", "Helvetica", sans-serif;
  font-size: 0.6em;
  font-weight: normal;
  }

   #solartext{
  color: rgb(0,85,165);
background-color: transparent;
text-align: left;
margin-right: 7%;
margin-left: 185px;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-family:  "Arial", "Helvetica", sans-serif;
font-size: .9em;
font-weight: normal;
	}
  
   #zodiactext{
  color: rgb(0,85,165);
background-color: transparent;
text-align: left;
margin-right: 0%;
margin-left: 185px;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-family:  "Arial", "Helvetica", sans-serif;
font-size: .9em;
font-weight: normal;
	}
	
h1 {
color: rgb(0,85,165);
background-color: transparent;
padding-bottom: 0px;
padding-left: 18%;
font: bold 1.5em "Century Gothic", sans-serif;
text-align: center;
}
h2{
color: rgb(0,0,153);
padding-bottom: 2px;
font: bold 1.3em "Century Gothic", sans-serif;
text-align: left;
}


  

/* Code Ends */