/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: master.css
* Description: Master CSS file for the entire Aqua Wash Systems website
*
*********************************************************************************/

/* Auxiliary style sheets
--------------------------------------------------------------------------------*/

@import url(menus.css);
@import url(forms.css);


/* Body 
--------------------------------------------------------------------------------*/

*
    {
    margin:0px;
    padding:0px;
    }

body
	{
	padding:5px 0px 5px 0px;
	font-size:100%;
	color:#000000;
	line-height:1em;
	background:#008080 url(/images/aquawash-sitebg.gif);
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html body
	{
	padding:5px 0px 5px 0px;
	font-size:100%;
	color:#000000;
	line-height:1em;
	background:#008080;
	}

h1
	{
	margin:0px 0px 0.6em 0px;
	padding:0px 0px 0px 0px;
	font:bold italic 1.625em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	border-bottom:1px solid #008080;
	}

h2
	{
	padding:0px 0px 0.6em 0px;
	font:bold italic 1.125em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

h3
	{
	margin:0px 0px 0.6em 0px;
	padding:0px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

h4
	{
	margin:0px;
	padding:0px 0px 0.6em 0px;
	font:bold italic 0.875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

h5
	{
	margin:0px 0px 0.6em 0px;
	padding:0px;
	font:bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

h6
	{
	margin:0px 0px 0.6em 0px;
	padding:0px;
	font:bold 0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}


/* Horizontal rules
--------------------------------------------------------------------------------*/

hr
	{
	display:none;
	}

.hr
	{
	border-top:1px dotted #008080;
	}


/* Links
--------------------------------------------------------------------------------*/

a:link, a:visited
	{
	color:#008080;
	text-decoration:none;
	border-bottom:1px dotted #008080;
	}

a:hover
	{ 
	color:#000000;
	background:#95d8d8;
	border-bottom:1px solid #000000;
	}
	
a:active
	{
	color:#000000;
	background:#95d8d8;
	border-bottom:1px solid #000000;
	}


/* Container
--------------------------------------------------------------------------------*/

#container
	{
	margin:0px auto;
	width:794px;
	}


/* Header
--------------------------------------------------------------------------------*/

#header
    {
    float:left;
    width:794px;
    height:164px;
	background:url(/images/aquawash-headerbg.png) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #header
    {
    float:left;
    width:794px;
    height:164px;
	background:url(/images/aquawash-headerbg.jpg) no-repeat;
    }


/* Navigation
--------------------------------------------------------------------------------*/

#nav
    {
    float:left;
    width:794px;
    height:50px;
    background:url(/images/aquawash-navbg.png) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #nav
    {
    float:left;
    width:794px;
    height:50px;
    background:url(/images/aquawash-navbg.gif) no-repeat;
    }

/* Main background
--------------------------------------------------------------------------------*/

#main
	{
	float:left;
	width:794px;
	background:url(/images/aquawash-mainbg.png) repeat-y;
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html #main
	{
	float:left;
	width:794px;
	background:url(/images/aquawash-mainbg.gif) repeat-y;
	}


/* Content
--------------------------------------------------------------------------------*/

#content
	{
	float:right;
	width:515px;
	padding:15px 30px 0px 15px;
	}

#content p
	{
	padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

#content ul
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 1.5em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    color:#000000;
    }

#content ul ul, #content ul ul ul
    {
    padding:0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    }

#content ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 1.5em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    color:#000000;
    }

#content ol ol
    {
    padding:0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    list-style:lower-alpha;
    }

#content ol ol ol
    {
    padding:0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    list-style:lower-roman;
    }

#content iframe
    {
    width:425px;
    height:350px;
    margin:0px 0px 1.5em 0px;
    }

#testimonials
    {
    margin:0px 0px 1.5em 0px;
    }

#testimonials_header
    {
    padding:0px 0px 4px 0px;
    font:bold italic 1.8em "Times New Roman", Times, serif;
    color:#000000;
    border-bottom:1px solid #00006f;
    }

#testimonials_content
    {
    padding:1.5em 0em 0em 0em;
    }

.staff_cell
    {
    float:left;
    width:100%;
    margin:0px 0px 1.5em 0px;
    }

.related_logo
    {
    float:left;
    width:47%;
    height:130px;
    margin:0px 1.5em 1.5em 0px;
    text-align:center;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html .related_logo
    {
    float:left;
    width:45%;
    height:130px;
    margin:0px 1.5em 0.8em 0px;
    text-align:center;
    }

.related_logo img
    {
    margin:0px 0px 0.8em 0px;
    border:none;
    }

.imageleft
    {
    float:left;
    margin:0px 1.5em 0.8em 0px;
    clear:both;
    }

.imageright
    {
    float:right;
    margin:0px 0px 0.8em 1.5em;
    clear:both;
    }

.imageleft img, .imageright img
    {
    border:1px solid #008080;
    }


/* Sidepane
--------------------------------------------------------------------------------*/

#sidepane
	{
	float:left;
	width:234px;
	}

#sidepane p
    {
    padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
    }

#sidebox
    {
    width:234px;
    }

#sidebox-top
    {
    width:234px;
    height:12px;
    background:url(/images/aquawash-sidebox-topbg.png) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #sidebox-top
    {
    width:234px;
    height:12px;
    margin:0px 0px -7px 0px;
    background:url(/images/aquawash-sidebox-topbg.gif) no-repeat;
    }

#sidebox-main
    {
    width:192px;
    padding:6px 18px 0px 24px;
    background:url(/images/aquawash-sidebox-mainbg.png) repeat-y;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #sidebox-main
    {
    width:192px;
    padding:6px 18px 0px 24px;
    background:url(/images/aquawash-sidebox-mainbg.gif) repeat-y;
    }

#sidebox-bottom
    {
    width:234px;
    height:17px;
    background:url(/images/aquawash-sidebox-bottombg.png) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #sidebox-bottom
    {
    width:234px;
    height:17px;
    background:url(/images/aquawash-sidebox-bottombg.gif) no-repeat;
    }

#contactinfo
    {
    width:210px;
    margin:10px 0px 0em 0px;
    padding:0px 13px 0px 0px;
    border-right:1px solid #008080;
    }

#contactinfo p
    {
    padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#000000;
	text-align:right;
    }


/* Footer
--------------------------------------------------------------------------------*/

#footer
    {
    float:left;
    width:770px;
    height:36px;
    padding:18px 0px 0px 24px;
    font:0.5625em Arial, Helvetica, sans-serif;
    line-height:1.6em;
    background:url(/images/aquawash-footerbg.png) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #footer
    {
    float:left;
    width:770px;
    height:36px;
    padding:18px 0px 0px 24px;
    font:0.5625em Arial, Helvetica, sans-serif;
    line-height:1.6em;
    background:url(/images/aquawash-footerbg.gif) no-repeat;
    }

#footer a:link, #footer a:visited
	{
	color:#008080;
	text-decoration:none;
	border-bottom:1px dotted #008080;
	}

#footer a:hover
	{ 
	color:#000000;
	background:none;
	border-bottom:1px solid #000000;
	}
	
#footer a:active
	{ 
	color:#000000;
	background:none;
	border-bottom:1px solid #000000;
	}


/* Miscellaneous classes
--------------------------------------------------------------------------------*/