
/* CLARITY AQUATICS */

body {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:center;
	line-height:18px;
	background-color:#70b5d2;
	background-image:url(site-bg.jpg);
	background-repeat:repeat;
}

a:link {color:#FFFFFF; text-decoration:none;}
a:visited {color:#FFFFFF; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:underline;}
a:active {color:#FFFFFF; text-decoration:none;}

h1, h2, h3, h4, h5, h6, p, pre, form, img, ul, li, label, input {margin:0px; border:none; padding:0px;}

h1, h2, h3, h4, h5, h6 {font-size:11px;}

a:link, a:visited, a:hover, a:active {color:#000000; text-decoration:none;}

ul, li {
	list-style:none;
	padding:0;
	margin:0;
}

#body {
	width:770px;
	margin:0px auto;
	text-align:justify;
}

 /*----    header    ----*/
#header {
	float:left;
	width:770px;
}
#header img {
	margin:14px 0 0 7px;
}
 /*----    banner    ----*/
#banner {
	float:left;
	width:770px;
	background-image:url(content-bg.gif);
	background-repeat:repeat-y;
}
#banner img {
	float:left;
}

 /*----    content    ----*/
#content {
	float:left;
	width:770px;
	background-image:url(content-bg.gif);
	background-repeat:repeat-y;
	padding:0 0 15px 0;
}
#content a:link {color:#2a72be; text-decoration:none;}
#content a:visited {color:#2a72be; text-decoration:none;}
#content a:hover {color:#ff3600; text-decoration:none;}
#content a:active {color:#2a72be; text-decoration:none;}
#content p {
	float:left;
	width:665px;
	padding:10px 0 10px 55px;
	font-size:14px;
	line-height:24px;
}
#emptydiv {
	clear:left;
	width:770px;
	background-image:url(content-bg.gif);
	background-repeat:repeat-y;
}

 /*----    menu    ----*/
#menu {
	float:left;
	width:230px;
	height:127px;
	background-image:url(menu-bg.gif);
	background-repeat:no-repeat;
	background-position:50px 0;
	margin:0 0 0 0;
}
#menu ul {
	float:left;
	padding:18px 0 0 101px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ff3600;
}
#menu li {
	padding:0 0 17px 0;
}
#menu a:link {color:#0f3862; text-decoration:none;}
#menu a:visited {color:#0f3862; text-decoration:none;}
#menu a:hover {color:#184675; text-decoration:none;}
#menu a:active {color:#0f3862; text-decoration:none;}

 /*----    list    ----*/
#list {
	clear:left;
	width:669px;
	margin:0 0 0 51px;
	border:1px solid #d3ebed;
}
#list ul {
	float:left;
	width:320px;
	color:#002b58;
	padding:10px 0 0 10px;
}
#list li {
	background-image:url(bullet.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 10px 15px;
	font-weight:bold;
	font-size:12px;
}
 /*----    secondcolumn    ----*/
#secondcolumn {
	float:left;
	width:500px;
	padding:10px 0 0 15px;
	font-size:13px;
}
#secondcolumn ul {
	float:left;
	color:#000000;
	padding:0 20px 15px 0;
}
#secondcolumn li {
	background-image:url(bullet.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 10px 20px;
	font-size:13px;
}
#secondcolumn img {
	padding:5px 0 0 15px
}
#secondcolumn address {
	font-style:normal;
	font-size:13px;
	padding:0 0 10px 0;
}

 /*----    products    ----*/
#products {
	clear:left;
	width:669px;
	margin:0 0 0 51px;
}
#products ul {
	float:left;
	color:#002b58;
	padding:10px 0 0 10px;
}
#products li {
	background-image:url(bullet.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 10px 15px;
	font-weight:bold;
	font-size:12px;
}

 /*----    footer    ----*/
#footer {
	float:left;
	width:770px;
	font-size:11px;
	color:#FFFFFF;
	background-image:url(footer-bg.gif);
	background-repeat:repeat-y;
}
#footer p {
	font-size:11px;
	color:#FFFFFF;
	padding:5px 0 5px 0;
	text-align:center;
}










