/*
Creator: Ben "Cerbera" Millard & "All this Crap"
Website: http://www.sainraja.com/port/
History: 2006-05-12 -> 2006-05-12

Ben has rebuilt the markup and stylesheet to make it work better and be more efficient.
*/

/* Stylesheet Sections
Layout Containers
Default Elements
Header
Navigation
Content
Footer
*/


/* Layout Containers */
#header {
 width: 100%;
}
.wrapper {
 float: left;
 width: 85%;
 padding-left: 5%;
 background: #0076a3;
}
.wrapper .wrapper {
 width: 100%;
 padding: 0;
 background: #00adef;
}
#navigation {
 float: left;
 width: 15%;
}
#content {
 float: right;
 width: 83%;
 color: #005b7f;
 background: #7fd6f7;
}
#footer {
 clear: both;
 width: 100%;
}


/* Default Elements */
* {
 /* Remove default spacing from everything. */
 margin: 0;
 padding: 0;
 border: 0;
}
html {
 width: 100%;
 font-size: 100%;
}
body {
 float: left;
 width: 100%;
 color: #fff;
 font: 0.7em/1.4 Verdana, Helvetica, sans-serif;
 background: #015b7e;
}
h1, h2 {
 line-height: 1;
}
h2 {
 font-size: 1.2em;
}
p {
 margin: 0.5em 0;
 text-align: justify;
}


/* Header */
#header a img {
 background: #015b7e;
}


/* Navigation */
#navigation ul {
 list-style: none;
}
#navigation li {
 margin: 0.5em 0 0 0.5em;
 overflow: hidden;
}
#navigation a {
 display: block;
 width: 100%;
}
#navigation a:link {
 color: #fff;
}
#navigation a:visited {
 color: #dde;
 text-decoration: none;
}
#navigation a:hover, #navigation a:active, #navigation a:focus {
 color: #015b7e;
}


/* Content */
#content h2 {
 margin: 0.4em;
}
#content p {
 margin: 0.6em;
}
#content a:link {
 color: #666;
}
#content a:visited {
 color: #666;
 text-decoration: none;
}
#content a:hover, #content a:active, #content a:focus {
 color: #fff;
}


/* Footer */
#footer p {
 padding: 0.5em;
 text-align: center;
}