
/*
file : screen.css
client : Citor Pty Ltd
use : Primary screen stylesheet for display on screen or projection
author : karlbright
date created: 23nd January 2007
the song : Beirut - The Gulag Orkestar
on this day : 1986 - Chuck Berry, James Brown, Ray Charles, Sam Cooke, Fats Domino, the Everly Brothers, Buddy Holly, Jerry Lee Lewis, Little Richard, and Elvis Presley became the first inductees into the Rock and Roll Hall of Fame.
*/

/*
=body and =wrapper
*/

body {
	background: #add2f3 url(../images/core/body_bg.jpg) repeat-x 0 0;
	font-family: "Verdana", "Helvetica", sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 20px 0;
}

div#wrapper {
	background: #fff;
	height: auto;
	margin: 0 auto;
	width: 770px;
}

/*
=header
*/

div#header {
	background: #fff url(../images/core/header_bg.jpg) no-repeat right top;
	height: 118px;
	position: relative;
	width: 770px;
}

div#header a#logo {
	background: url(../images/core/header_logo.jpg);
	display: block;
	height: 73px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 28px;
	width: 280px;
}

div#header div#contact {
	background: url(../images/core/header_contact.jpg);
	display: block;
	height: 52px;
	overflow: hidden;
	position: absolute;
	right: 21px;
	text-indent: -9999px;
	top: 41px;
	width: 268px;
}

div#header a#email_link {
	display: block;
	height: 26px;
	left: 551px;
	position: absolute;
	top: 67px;
	width: 199px;
}

/*
=navigation
*/

div#navigation {
	height: 55px;
	width: 770px;
}

div#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#navigation ul li a {
	display: block;
	height: 55px;
	overflow: hidden;
	text-indent: -9999px;
}

div#navigation ul li a:hover {
	background-position: 0 -55px !important;
}

div#navigation ul li a.home {
	background: url(../images/nav/nav-home.jpg) no-repeat 0 0;
	width: 62px;
}

div#navigation ul li a.about {
	background: url(../images/nav/nav-about.jpg) no-repeat 0 0;
	width: 59px;
}

div#navigation ul li a.seawater_kits_desalinators {
	background: url(../images/nav/nav-seawater_kit.jpg) no-repeat 0 0;
	width: 100px;
}

div#navigation ul li a.seawater_desalinators {
	background: url(../images/nav/nav-seawater_desal.jpg) no-repeat 0 0;
	width: 96px;
}

div#navigation ul li a.seawater_island_packages {
	background: url(../images/nav/nav-seawater_island.jpg) no-repeat 0 0;
	width: 122px;
}

div#navigation ul li a.brackish_water_units {
	background: url(../images/nav/nav-brackish_water.jpg) no-repeat 0 0;
	width: 93px;
}

div#navigation ul li a.mains_lows_salinity_units {
	background: url(../images/nav/nav-mains_low.jpg) no-repeat 0 0;
	width: 106px;
}

div#navigation ul li a.faqs {
	background: url(../images/nav/nav-faqs.jpg) no-repeat 0 0;
	width: 52px;
}

div#navigation ul li a.contact {
	background: url(../images/nav/nav-contact.jpg) no-repeat 0 0;
	width: 80px;
}

/*
=inner
*/

div#inner_title {
	background: url(../images/core/inner_title_bg.jpg) no-repeat left bottom;
	font-size: 1.1em;
	height: 87px;
	padding: 20px;
	padding-top: 8px;
	width: 730px;
}

div#inner_title h1 {
	color: #ffffff;
	font-size: 2.8em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div#inner_title ul.anchor_links {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#inner_title ul.anchor_links li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 4px;	
}

div#inner_title ul.anchor_links li a {
	color: #4388ae;
	font-weight: bold;
	text-decoration: none;
}

div#inner_title ul.anchor_links li a:hover {
	color: #000;
}

/*
=content wrapper
*/

div#content_wrapper {
	color: #4a4d4f;
	font-size: 1.3em;
	height: auto;
	width: 770px;
}

div#content_wrapper div.left,
div#content_wrapper div.right {
	float: left;
	height: auto;
}

div#content_wrapper p.header_info {
	font-size: .9em;
	font-weight: bold;
	margin-top: -1.5em;
}

div#content_wrapper h1 {
	color: #72ade2;
	font-size: 1.6em;
	font-weight: normal;
	margin: 1em 0;
}

div#content_wrapper h2 {
	color: #4a4d4f;
	font-size: 1.45em;
	font-weight: normal;
	margin: 1em 0;
}

div#content_wrapper h3 {
	color: #72ade2;
	font-size: 1.4em;
	font-weight: normal;
	margin: 1em 0;
}

div#content_wrapper h4 {
	color: #72ade2;
	font-size: 1.23em;
	font-weight: normal;
	margin: .5em 0;
}

div#content_wrapper h5 {
	color: #4a4d4f;
	font-size: 1.1em;
	font-weight: normal;
	margin: .5em 0 .25em;
}

div#content_wrapper a {
	color: #72ade2;
	text-decoration: underline;
}

div#content_wrapper a:hover {
	color: #4a4d4f;
	text-decoration: underline;
}

/*
=left
*/

div#content_wrapper div.left {
	padding: 20px;
	width: 471px;
}

div#content_wrapper div.left#single {
	padding: 20px;
	width: 730px;
}

div#content_wrapper div.left p.back_to_top {
	font-size: .8em;
	margin-bottom: -1em;
	margin-top: 1.5em;
	text-align: right;
}

div#content_wrapper div.left p.back_to_top a {
	text-decoration: none;
}

div#content_wrapper div.left hr {
	border: 0;
	border-bottom: 1px solid #ccc;
	height: 0;
	margin: 1.5em auto .5em auto;
}

div#content_wrapper div.left table {
	font-size: 0.85em;
}

div#content_wrapper div.left table tr td {
	padding: 1em .25em;
	text-align: center;
}

div#content_wrapper div.left table tr.alt td {
	background: #f6f6f6;
}

div#content_wrapper div.left table tr th {
	background: #d2e6f7;
	color: #1470af;
	border-bottom: 1px solid #ccc;
	padding: 1em .25em;
	text-align: center;
}

div#content_wrapper div.left table tr td.align_right {
	text-align: right;
}

div#content_wrapper div.left table tr td.align_left {
	text-align: left;
}

div#content_wrapper div.left table tr td.form_label {
	font-weight: bold;
	padding: 14px 10px 0 10px;
	vertical-align: top;
}

div#content_wrapper div.left table.enquiry_form tr td {
	padding: 10px;
}

div#content_wrapper div.left a.pdf_link {
	background: url(../images/icon_pdf.gif) no-repeat left center;
	padding: 3px 0 3px 22px;
}

/*
=right
*/

div#content_wrapper div.right {
	/* 259 */
	width: 259px;
}

div#content_wrapper div.right div.padded_content {
	padding: 10px;
}

div#content_wrapper div.blue_box_wrapper {
	background: #e5edf4 url(../images/core/blue_bl.jpg) no-repeat left bottom;
	width: 259px;
}

div#content_wrapper div.blue_box_wrapper div.blue_box_content {
	background: url(../images/core/blue_tl.jpg) no-repeat left top;
	color: #303645;
	font-size: 0.84em;
	padding: 30px;
}

/*
=footer
*/

div#footer {
	background: #e5edf4 url(../images/core/footer_bg.jpg) no-repeat left bottom;
	color: #02439c;
	font-size: 0.9em;
	height: 75px;
	margin-top: 2em;
	position: relative;
	width: 770px;
}

div#footer div.footer_links {
	height: 36px;
	left: 16px;
	line-height: 1.8em;
	position: absolute;
	top: 17px;
	width: 524px;
}

div#footer div.footer_links p.copyright {
	border-left: 1px solid #02439c;
	display: inline;
	margin-left: 6px;
	padding-left: 10px;
}

div#footer div.footer_links a {
	color: #02439c;
	text-decoration: underline;
}

div#footer div.footer_links a:hover {
	color: #000;
}

div#footer div.footer_links ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#footer div.footer_links ul li {
	border-left: 1px solid #02439c;
	display: inline;
	margin: 0;
	padding: 0 5px 0 6px;
}

div#footer div.footer_links ul li.first {
	border-left: 0;
	padding-left: 0;
}

div#footer a.site_created_by {
	background: url(../images/core/site_created_by.jpg);
	display: block;
	height: 36px;
	left: 540px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 17px;
	width: 220px;
}

/*
=misc
*/
img {
	border: 0;
}
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
 /* End hide from IE-mac */