/*----------------------------------------------------
HTML, body and relevant properties ... ready, steady go!
------------------------------------------------------*/
body {
	background : #ffffff url(img/bg.gif);
	background-repeat : repeat;
	color : #3d3d3d;
	font : 9pt "Century Gothic", verdana, arial, sans-serif;
	text-align : justify;
	margin : 0 auto;
}	
/*----------------------------------------------------
Structure aka spine aka skeleton ... the highway is ahead
------------------------------------------------------*/
#container {
	background : transparent;
	margin : 0 auto;
	text-align : justify;
	width : 801px;
}
#header {
	background : transparent url(img/top.jpg);
	background-position : top;
	background-repeat : no-repeat;
	width : 801px;
	height : 144px;
	padding-top : 0;
}
/*----------------------------------------------------
Fixed columns, that's 2 arms and 1 chest
------------------------------------------------------*/	
#wrapper {
	float: left;
	width: 100%;
	background : transparent url(img/bgwrapper.gif);
	background-position : top;
	background-repeat : repeat-y;
} 
#content {
	background : transparent;
	float: right;
	width : 350px;
	color : #3d3d3d;
	font : 9pt "Century Gothic", verdana, arial, sans-serif;
}
#content p{
	line-height:1.4
}
#navigation {
	background : transparent;
	float: left;
	width: 175px;
	margin-left: 0px;
}  	
#extra {
	background: transparent;
	width: 274px;
	position: relative;
	margin-left: 175px;
	top: 0px;
	left: px;
	text-align: center;
}
#footer {
	background: #e4e4e4;
	color: #14c9f0;	   
	font : 9pt "Century Gothic", verdana, arial, sans-serif;
	margin-left : 5px;	
	clear: left;
	width: 100%;  
}
#footer p {
	margin:0; 
	font : 9pt "Century Gothic", verdana, arial, sans-serif;
	padding:5px 10px;	
	text-align: center;
}
/*---------------------------------------------------
Div navigation properties, just keep going!
-----------------------------------------------------*/
#navigation a:link,div#navigation a:active,div#navigation a:visited { 
	background : transparent url(img/navbg.gif);
	background-position : top left;
	background-repeat : no-repeat;
	display: block;
	width: 155px;
	height: 30px;
	border: 0;
	color: #f5c85a; 
	font: 18pt "Gothic Century", tahoma, verdana, sans-serif;
	text-transform: lowercase;
	padding-left: 20px;
}	 
#navigation a:hover {
	background : transparent url(img/navbghover.gif);
	background-position : top left;
	background-repeat : no-repeat;
	display: block;
	width: 155px;
	height: 30px;
	border: 0;
	color: #29cef2; 
	font: 18pt "Gothic Century", tahoma, verdana, sans-serif;
	text-transform: lowercase;
	padding-left:20px;
}	 	
/*---------------------------------------------------
Div Extra - Class tags, oh red light!
-----------------------------------------------------*/
img.extra {
	background: #ededed;
	border: 5px solid #f3d7ab;
	margin: 10px;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
}
img:hover.extra {
	background: #ededed;	
	border: 5px solid #cdf1f9;
	margin: 10px;
	filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;
} 
a:link.owa, a:active.owa, a:visited.owa, a:link.cc, a:active.cc, a:visited.cc, a:link.somnus, a:active.somnus, a:visited.somnus {  
  	background: url("img/0_blank.gif") top left no-repeat;
	background-position: 0 0;
	border: 5px solid #f3d7ab;
	margin: 10px;
	display: block;
	width: 200px;
	height: 150px;
	margin: 0 auto;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
}
a:hover.owa, a:hover.cc, a:hover.somnus {
  	background: url("img/1_owa.gif") top left no-repeat;
	background-position: 0 0;
	border: 5px solid #f3d7ab;
	margin: 10px;
	display: block;
	width: 200px;
	height: 150px;
	margin: 0 auto;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
a:hover.cc {
  	background: #ededed url("img/2_cc.gif") top left no-repeat;
}
a:hover.somnus {
  	background: #ededed url("img/3_somnus.gif") top left no-repeat;
}	 
/*---------------------------------------------------
Div Footer -  properties!
-----------------------------------------------------*/
#footer a:link,#footer a:active, #footer a:visited, #footer a:hover {
background : transparent
} 
/*---------------------------------------------------
The same old basic properties for everything else, ahoy!
-----------------------------------------------------*/
p {
	font : 10pt verdana, arial, sans-serif;
	margin-top : 0;
	margin-left : 0px;
	text-align : justify;
}
h1 {
	background : transparent url(img/h1.gif);
	background-position : bottom left;
	background-repeat : no-repeat;	
	color : #5ed7f1;
	font : 24pt "Century Gothic", Verdana;
	padding-left : 25px;
	text-transform : uppercase;
	border-bottom : 5px solid #5ed7f1;
	width : 325px;
}
h2 {
	background : transparent url(img/h2.gif);
	background-position : bottom left;
	background-repeat : no-repeat;
	color : #eac365;
	font : 24pt "Century Gothic", Verdana;
	padding-left : 25px;
	text-transform : uppercase;
	border-bottom : 5px solid #eac365;
	width : 325px;
}
h3 {
	color : #717171;
	font : italic bold 10pt Georgia;
	text-transform : lowercase;
	text-align : right;
	border-bottom : 2px dashed #a19a9a;
	width : 80%;
}
a:hover {  
	background: #F0F0F0;
	color : #24b2d0;
	cursor : help;
	text-decoration : none;
	border-bottom : 2px solid #e2ad2d;
}
a, a:link, a:visited, a:active { 
	background: #F0F0F0;
	color : #e2ad2d;
	font-weight : bold;
	text-decoration : none;
	border-bottom : 2px solid #24b2d0;
}
strong, b {
	color : #5ed7f1;
}
i, em {
	color : #f4ac00;
}
u {
	color : #17b5db;
	border-bottom : 1px solid #eac365;
}
label, th {
	color : #666666;
	font : bold 8pt verdana, arial, sans-serif;
	line-height : 10pt;
	text-align : justify;
}
img {
	border : 0;
}
td, td p, td blockquote {
	font : 8pt "Century Gothic", verdana, arial, sans-serif;
	margin : 5px;
}		
td.title, td.c1, td.c2 { 
	font : 9pt "Century Gothic", verdana, arial, sans-serif;
	margin-left : 5px;	  
}	
td.title { 
	background: #dfdfdf;  
}				   
td.c1 { 
	background: #cdf1f9;  
}
td.c2{ 
	background: #fceed8;  
}	
/*---------------------------------------------------
Omg Dead-end!  Did you enjoy the ride?
-----------------------------------------------------*/