@charset "UTF-8";
/* Clarus Optics */
/* Copyright (c) 2006 Clarus Optic */
/* Stylesheet by Kevin at Brough Communications [http://www.brough.com/] */
/* For Screen */

/************** Containers **************/
html { margin:0; padding:0; }
body { margin:0; padding:0; font:small Verdana,Arial,Helvetica,sans-serif; color:#000; 
	background:#cc9 url("../img/structure/background.gif") top center repeat-y; text-align:center; }
body { font-size:x-small; voice-family:"\"}\""; voice-family:inherit; font-size:small; }
html>body { font-size:small; }
#wrapper { position:relative; width:750px; min-height:600px; margin:0 auto; padding:0; 
	background:#fff url("../img/structure/gray_on_white_swoosh.gif") 95% 70% no-repeat; color:#000;
	font-size:95%; text-align:left; }

/************** Links **************/
a:link { color:#fc0; }
#footer a:link { color:#fff; }
a:visited { color:#cc9; }
a:hover, a:focus { color:#993; }
a:active { color:#fc0; font-weight:bold; }
img { border:0 none; }

/************** Headlines **************/
h1, h2, h3, h4, h5, h6 { font-family:Arial,Helvetica,sans-serif; }
h1 { font-size:150%; }
h2 { font-size:140%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:110%; }
h6 { font-size:100%; }

/************** Standard Elements **************/
form { margin-left:209px; }
ul, ol { list-style-position:inside; }

/************** Header **************/
#header { position:relative; height:140px; margin:10px -35px 0 -40px; padding:0; 
	background:transparent url("../img/structure/header.gif") top center no-repeat; z-index:90; }
#header h1 { position:absolute; top:5px; right:15%; margin:0; padding:0; }
#sticker { position:absolute; margin:0; padding:0; top:50px; left:25px; }

/************** Content **************/
#content { margin:0 0 55px 0; padding:0; }
#nav { margin:40px 10px 5px 0; padding:0; list-style:none; float:left; }
#available { position:absolute; bottom:150px; left:-5px; }
#top-diagram { position:absolute; top:100px; right:0; z-index:50; }
#bot-diagram { position:absolute; left:0; bottom:5px; z-index:100; }
#intro { margin-top:35px; color:#666; font-size:140%; font-weight:bold; }

/************** Classes **************/
.float-right { float:right; margin:0 -40px 50px 0; }
.clear-right { clear:right; }
.clear-left { clear:left; }
.product-img { margin:-10px 0; }

/************** Footer **************/
#footer { position:relative; height:95px; margin:0 -35px 0 -40px; padding:0; clear:both; 
	background:transparent url("../img/structure/footer.gif") bottom center no-repeat; z-index:75; }
#footer .caption { position:absolute; top:0px; right:105px; margin:0; padding:0; }
#footer .sublogos { position:absolute; top:35px; right:105px; margin:0; padding:0; }
#footer .sublogos img { padding:0 15px; }
#footer #copyright { position:absolute; right:0; bottom:0; left:0; 
	color:#fe6; font-size:80%; text-align:center; z-index:150; }