/*
Design by rooeh.net
http://www.rooeh.net
Released for free under a Creative Commons Attribution 2.5 License
*/

/*Main Stylings*/
body {
padding:0;
background-color: #ddd;
color:#000000;  
text-align:center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:.7em;
}
#container{
width:800px;
height:100%;
margin:2em auto;
padding:2em;
background-color:#fff;}

#header{
width:800px;
height:150px;
margin:0 auto;
padding:0;
text-align:justify;
background-color:#ddd;}

#content { 	
width:800px;
padding:0;
text-align:left;
vertical-align: middle;	
background-color:#fff;
}
#logo {
float:left;
margin:0;
padding:0; 
width:200px;
height:150px;
font-size:.9em;
text-align:left;
background-color:#f8f8f8;
}
#logo img{
margin:0;
padding:0;}

#port { 	
margin:0;
width:800px;
height:100px;
padding:0;
text-align:center;
background-color:#ebebeb;
}

#port img{
padding:1.8em 2.3em;
margin:0;}

#footer {
clear:both;
bottom:0;
margin:1em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.9em;
color:#000;
background-color:#fff;
}


/*Nav*/
#navigation {
padding: 0;
margin-bottom:2em;
background-color: #ccc;
width:600px;
color: #333;
float:right;
	}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
border: none;}
		
#navigation li {
margin: 0;
float: left;}

#navigation li a {
display: block;
background: #ccc;
text-align: center;
color: #fff;
padding:1em;}

	html>body #navigation li a {
		width: auto;
		}

	#navigation li a:hover {
		background-color: #e1e1e1;
		color: #99cccc;
		}


/*Other*/
#header h2 {
float:left;
margin:0;
padding:0;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000;
} 
h1{
margin:0;
padding:1em 0 .4em 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}


#content h2{
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}
#content h3{
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:.8em;
font-weight:lighter;
letter-spacing:.1em;
}

/*Other*/
ul
{
font-family:Georgia, "Times New Roman", Times, serif;
color:#ff9933;
font-weight:bold;
list-style-type: none;
padding: 0;
margin: 0;
}

a {
color:#669999;
text-decoration:none;
}

a:hover {
color:#99CCCC;
text-decoration:none;
}