html { background: #bbd2e9 url("img/wht-blu-grad.png") repeat-x fixed 0% 0%; }

body, p, td, th, div, blockquote, dl, ul, ol, li 
	{
	color: #0000ff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}

body 
	{
	max-width: 974px;
	margin: 0 auto;  
	text-align: center;
	}

a:link img 
	{ 
  border: 0;
	}

a:visited img 
	{ 
  border: 0;  
	}

h1 
	{
	margin: 1.5% auto; 
	color: #3d7ab8;
	font: normal small-caps bold 200% Verdana, Arial, Helvetica, sans-serif;  
	}
h2 
	{
	margin: 2% auto; 
	color: #3d7ab8;
	font: normal small-caps bold 170% Verdana, Arial, Helvetica, sans-serif;  
	}
h3 
	{
	text-align: left;
	margin: 0 auto;
	padding: 0% 6% 0% 12%;
	color: #cc6600;
	font: normal normal bold 140% Verdana, Arial, Helvetica, sans-serif; 
	}

h4 
	{
	text-align: left; 
	margin: 0 auto;
	padding: 1% 6% 0% 14%; 
	}
	
/* background images */
.indexbodyimg 
	{ 
	background: url("img/dry21w05-merg-grad.jpg") no-repeat fixed 50% 0%;
	}

.descbodyimg 
	{ 
	background: url("img/hang26w10-merged-1.jpg") no-repeat fixed 50% 23%;
	}

.morebodyimg 
	{ 
	background: url("img/pins22w-merg.jpg") no-repeat fixed 50% 73%;
	}
	
.servbodyimg 
	{ 
	background: url("img/bask26w08-merged.jpg") no-repeat fixed 50% 35%;
	}

.mapbodyimg 
	{ 
	background: url("img/pins22w-merg.jpg") no-repeat fixed 50% 75%;
	}

 
/* list 1*/
ul 
	{
	width: auto; 
	margin: .15% auto; 
	padding: .15% 10% .5% 15%;
	text-align: left;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}
li 
	{ 
	margin: 1.5% 4% 1% 4%; 
	text-indent: 0em;
	}

#hd
	{ 
	padding: 3% .5% 0% 5%;
	background: transparent;
	text-align: left;
	border-bottom: medium solid #ff8000; 
	}

#bd { background: url("img/bubbles-1.png") no-repeat fixed -5% 10%; }

/* -------------------  top horizontal nav -------------------- */

ul#menu1
	{
	width: auto;
	text-align: center;
	list-style: none;
	margin: 0;
	margin-left: 13.5%;	
	padding: .75% .15% 3.6% .15%;
	}

ul#menu1 li
	{
	float: left;
	width: 16.5%;
	display: block;
	margin: 0 .25%;
	font: normal normal bold medium Verdana, Arial, Helvetica, sans-serif;
	}

ul#menu1 li a
	{
	display: block;
	color: #ffffff;
	margin: 0 .5%;
	padding: .15em .15em .15em .15em;
	border: .15em outset #bcc8de;
	text-decoration: none;
	background: #4fa9ec;
	}

ul#menu1 li a:visited 
	{
	margin: 0 .5%;
	color: #d2eafb; 
	text-decoration: none; 
	}
	
ul#menu1 li.here a 
	{ 
	color: #e2e2e2; 
	background: #257ae2;
	border: .15em inset #bcc8de; 
	}	

ul#menu1 li a:hover 
	{ 
	color: white; 
	background: #257ae2;
	border: .15em inset #bcc8de; 
	}
	
ul#menu1 li a:active 
	{ 
	color: blue; 
	background: #bbd3fb;
	border: .15em inset #bcc8de; 
	}	

/* ---------------------------- end top horizontal nav ----------------- */


/* --  home page --  */

.street 
	{ 
	margin: 2% .1% .5% .1%;
	padding: .1% .1%;
	color: #0084cf; 
	font: normal small-caps bold 190% Verdana, Arial, Helvetica, sans-serif; 
	}
	
.intersect
	{ 
	margin: .1% .1%;
	padding: .1% .1%;
	color: #0084cf; 
	font: normal small-caps bold large Verdana, Arial, Helvetica, sans-serif; 
	}

.city 
	{ 
	margin: 2%;
	color: #0084cf; 
	font: normal small-caps bold x-large Verdana, Arial, Helvetica, sans-serif; 
	}

.phone 
	{ 
	margin: 1% 3% 2.05% 3%;
	color: #0084cf; 
	font: normal small-caps bold large Verdana, Arial, Helvetica, sans-serif; 
	}

.slogan 
	{
	width: 485px; 
	margin: 0 auto;
	padding-top: 2%; 
	color: #0084cf; 
	font: normal small-caps bold medium Verdana, Arial, Helvetica, sans-serif;
	background: #fcfcfe; 
	}

.hours 
	{
	text-align: center; 
	margin: 0%;
	padding: 3.15% 0;
	color: #0084cf;
	font: normal small-caps bold large Verdana, Arial, Helvetica, sans-serif; 
	}

/*font size*/

.x-small { font-size: x-small }
.small { font-size: small }
.large { font-size: large }
.x-large { font-size: x-large }
.xx-large { font-size: xx-large }
	
/* ===== pages ===== */	

.serv
	{
	width: auto; 
	margin: .5% auto;
	padding: 1% 20% 2% 10%;
	text-align: left; 
	text-indent: 1em;
	font: normal normal bolder medium/1.5 Arial, Helvetica, sans-serif; 
	}
	
.description { padding: .15% 10% 6.75% 15%; }
	
.pglink 
	{ 
	padding: 2%;
	text-align: center;
	font: normal normal bolder x-small Arial, Helvetica, sans-serif; 
	}
	
.copyright
	{
	margin: 0; 
	padding: 2%;
	text-align: center;
	font-size: x-small; 
	}

/* short-hand - font: (style)- normal*italic*oblique (variant)- normal*small-caps (weight)- normal*bold*bolder*lighter size/line-height (family)- Tahoma, Verdana, Arial, Helvetica, sans-serif } */


 /*colors- header-img - #3333cc ; ltblue- #b8D0e8 ; blue- #385498;  electricblue- #8ccafd; orange - #0000ff ; grey- #C0C4C0 ; offwhite- #f8f4f8*/