/* 
----------------------------------------------------------------------
Aquasan Limited - Cascading Style Sheet - 2008

Created by InnerDaemon (www.innerdaemon.com) for Aquasan Limited
   
Version: 1.0
Created: 2008-08-07

This work utilises some open-source code, which has been attributed
to the author where possible.
----------------------------------------------------------------------
*/
/* Default Styles */
/* Adapted from Eric Myer - http://meyerweb.com */
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
:focus {
outline:0;
}
ol, ul {
list-style:none;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* Basic Elements & Structure*/
html, body {
border:0;
margin:0 auto;
background-color:#fff;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
letter-spacing:-0.1px;
line-height:110%;
color:#888;
text-align:justify;
}
#container {
width:800px;
margin:-50px auto;
}
#header {
clear:both;
width:800px;
margin:0 0 8px 0;
}
#banner {
float:left;
clear:none;
width:800px;
height:232px;
margin:0 0 8px 0;
padding:0;
border:none;
position: relative;
top: 0px;
left: 0px;
z-index: 1;
}
#banner a, #banner a:hover{
border-bottom:none;
text-decoration:none;
}
#logo a, #logo a:hover {
float:right;
border-bottom:none;
text-decoration:none;
right:8px;
padding:0;
}
/* Nav bar */
.menu {
padding:0;
margin:40px 0 0 0;
list-style:none;
height:35px;
position:relative;
background:transparent url(0c.gif) repeat-x left bottom;
font-size:11px;
width: 400px;
position:relative;
bottom:-32px;
z-index: 10;
}
.menu li {
float:left; 
height:35px; 
margin-right:1px;
}
.menu li a {
display:block;
float:left;
height:35px;
line-height:33px;
color:#999C9D;
text-decoration:none;
border-bottom:none;
font-family:arial, verdana, sans-serif;
font-size:1em;
font-weight:bold;
text-align:center;
padding:0 0 0 4px;
cursor:pointer;
background:url(../images/menu/0a.gif) no-repeat;
}
.menu li a b {
float:left; 
display:block; 
padding:0 16px 5px 12px; 
background:url(../images/menu/0b.gif) no-repeat right top;
}
.menu li.current a {
color:#444; 
font-weight:bold;
background:url(../images/menu/2a.gif) no-repeat;
}
.menu li.current a b {
font-weight:bold;
background:url(../images/menu/2b.gif) no-repeat right top;
}
.menu li a:hover {
color:#000; 
background: url(../images/menu/1a.gif) no-repeat;
}
.menu li a:hover b {
background:url(../images/menu/1b.gif) no-repeat right top;
}
.menu li.current a:hover {
color:#000; 
background: url(../images/menu/2a.gif) no-repeat; 
cursor:default;
}
.menu li.current a:hover b {
background:url(../images/menu/2b.gif) no-repeat right top;
}
#submenu {
min-height:300px;
float:left;
width:160px;
margin:0;
padding:0;
}
#content {
min-height:320px;
float:left;
width:456px;
margin:0 8px 0 8px;
padding:0;
}
#featurebox, #featurebox a, #featurebox a:hover {
float:right;
clear:right;
width:160px;
margin:0;
border-bottom:none;
text-decoration:none;
background:none;
}
.box-normal {
margin:0 0 8px 0;
text-align:center;
}
/* Typography*/
div#content h1 {
font-size:0.90em;
color:#919494;
line-height:140%;
height:32px;
margin:0;
padding:2px 0 0 14px;
border-bottom:none;
background: url(../images/headings/m_bg.png) no-repeat;
}
div#submenu h1 {
width:153px;
font-size:0.90em;
text-align:left;
color:#919494;
line-height:140%;
height:32px;
margin:0;
padding:1px 0 0 14px;
background: url(../images/headings/s_bg.png) no-repeat;
}
h2 {
font-size:0.85em;
color:#919494;
line-height:140%;
margin:8px 0px 8px 0;
border-bottom:1px solid #e0e0e0;
}
h3 {
font-size:0.80em;
color:#919494;
line-height:130%;
margin:8px 0px 8px 0;
border-bottom:1px solid #e0e0e0;
}
#content p , #featurebox p, .animationContainer p {
text-align:justify;
font-size:0.7em;
margin:4px 0 16px 0;
}
#content p span.strong, .animationContainer p span.strong{
font-weight:bold;
}
#sig p span.strong {
line-height:100%;
font-weight:bold;
text-align:justify;
margin:4px 0 0 0;
}
#content p.related, .animationContainer p.related{
width:30%;
font-size:0.85em;
color:#666;
line-height:120%;
margin:8px;
border-bottom:1px solid #e0e0e0;
}
p.sig-text{
line-height:100%;
font-weight:bold;
margin:none;
padding:none;
}
.sig-img{
line-height:100%;
margin:none;
padding:none;
}
img.top {
float:right;
}
.img-float-left {
float:left;
margin:2px 8px 0 0;
padding:1px;
}
.img-float-left-bullet {
float:left;
margin:0 16px 32px 0;
}
.img-float-right {
float:right;
margin:2px 0 0 8px;
padding:1px;
}
.img-float-center-left {
position:relative;
top:-4px;
margin:2px;
padding:1px;
}
.img-float-center-right {
position:relative;
top:-4px;
margin:2px;
padding:1px;
}
a, a:visited, a:link {
color:#444;
text-decoration:none;
border-bottom:#888 1px dotted;
}
a:hover {
color:#222;
text-decoration:none;
border-bottom:#444 1px dotted;
background:#e2e5e3;
}
ul.normal-list {
list-style-type:disc;
margin: 0 0 0 0;
padding:0;
}
ol.number-list{
list-style-type:decimal;
margin: 0 0 0 0;
padding:0;
}
li.number-list {
width:90%;
line-height:140%;
font-size:0.7em;
margin:0 0 4px 36px;
}
li.normal-list {
	width:90%;
	line-height:140%;
	font-size:0.7em;
	margin:0 0 4px 32px;
	list-style-type: disc;
}
/* Sub-navigation */
div.sdmenu {
width: 160px;
font-size:1.2em;
padding-bottom: 0px;
}
div.sdmenu div {
background: url(../images/submenu/title.png) no-repeat;
margin-bottom:5px;
font-size:0.5em;
overflow: hidden;
}
div.sdmenu div:first-child {
background: url(../images/submenu/title.png) no-repeat;
}
div.sdmenu div.collapsed {
height: 29px;
}
div.sdmenu div span {
display: block;
padding: 5px 25px 7px 15px;
font-size:3.2em;
color: #919494;
cursor:pointer;
}
div.sdmenu div.expanded {
}
div.sdmenu div a {
padding:5px 5px;
background: #fff;
display: block;
color:#999;
border-bottom:none;
}
div.sdmenu div a.current, div.sdmenu div a.current:hover {
background: url(../submenu/current.png) no-repeat;
color:#555;
}
div.sdmenu div a:hover {
color: #333;
text-decoration: none;
}
/* External Links - accessible and degradge gracefully */
a.external span /* Hides "External Link" text if CSS in use*/ {
position:absolute;
left:-5000px;
width:4000px;
}
a.external:link {
background:url(../images/mini/external.gif) no-repeat 100% 0;
padding:0 10px 0 0;
}
a.external:visited {
background:url(../images/mini/external.gif) no-repeat 100% -100px;
padding:0 10px 0 0;
}
a.external:hover {
background:url(../images/mini/external.gif) no-repeat 100% -100px;
padding:0 10px 0 0;
}
blockquote {
margin:22px 30px;
padding:3px;
padding: 0 40px;
background: transparent url(../images/mini/quote.gif) no-repeat 0 0;
}

/* tables */
table.t1 {
text-align: right;
padding:6px;
border-spacing: 0px;
border-collapse: collapse;
border-top: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-bottom: 4px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
table.t1 th {
text-align: right;
font-weight: normal;
font-size:0.7em;
padding:6px;
border-top: 1px solid #e9e9e9;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
table.t1 td {
text-align: right;
font-size:0.7em;
padding:6px;
border-top: 1px solid #e9e9e9;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
table.t1 thead th {
text-align: right;
text-align: bold;
font-size:0.7em;
padding:6px;
border-bottom: 4px solid #e0e0e0;
}
table.t1 th.Corner {
    text-align: left;
}


/* Footer Area */
#footer {
font-size:0.6em;
line-height:100%;
color:#888;
height:33px;
clear:both;
margin: 0 0 6px 0;
background: url(../images/footer/bg.png) top center no-repeat;
}
#footer a {
color:#666;
border-bottom:0;
text-decoration:none;
background:none;
}
#footer a:hover {
color:#222;
}
#footer #altnav { /*Right-hand side text*/
width:300px;
float:right;
text-align:right;
padding:10px;
}
#footer #copyright { /*Left-hand side text*/
width:500px;
padding:10px;
}