*, html {
    margin: 0;
    padding: 0;
}

body {
    font-size: 80%;
    font-family: arial, helvetica, sans-serif;
	background: #0F1828;
	color: #fff;
}

/* ----- IDS ----- */

#container{
    width: 700px;
    margin: 0 auto;
    text-align: left;
}

#content {
	background: url(images/box_top.png) top right no-repeat #203455;
	float: left;
	width: 700px;
}
#primaryContent{
    float: left;
	width: 470px;
	padding: 0 10px;
}
#navigation{
	float: right;
	width: 210px;
	/*background: #eee;*/
	padding-top: 50px;
}
#footer{
	clear: both;
	background: url(images/footer.png) top left no-repeat #0F1828;
	padding: 10px 10px 5px 10px;
}

/* ----- CLASSES ----- */


/* ----- HEADINGS ----- */

h1{
}
    h1#logo {
    }
		h1#logo a {
			display: block;
			background: url(images/logo.png) top left no-repeat;
			width: 700px;
			height: 120px;
			text-indent: -2000px;
		}
h2{
	color: #D9F2F2;
	font-size: 2em;
}
h3{
}
h4{
}

p {
	line-height: 1.5em;
    margin-bottom: 1em;
	font-size: 1.1em;
}

	#footer p {
		font-size: 90%;
	}

/* ----- LISTS ----- */

li{
	margin-left: 20px;
	font-size: 1.1em;
}
li p{
}
ol{
	margin-bottom: 1em;
}
ul{
	margin-bottom: 1em;
}
ol li{
}
ul li{
}

/* ----- IMAGES ----- */

img{
}
	#content img {
		/*margin-bottom: 1em;*/
	}

img.image_right {
	float: right;
	margin-left: 10px;
}
img a{
}
img a:hover{
}

/* ----- LINKS ----- */

a{
	color: #ffc;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:visited, a:active, a:focus{
}
a:visited{
	font-weight: bold;
}
a:active{
}
a:focus{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
	display: block;
	width: 12em;
	font-weight: bold;
	font-size: 1.2em;
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}

ul#menu {
    list-style: none;
}

ul#menu li {
    display: inline;
	width: 160px;
	margin: 0;
}

ul#menu li a {
    display: block;
    line-height: 1em;
	padding: 10px 20px;
	color: #BFD6FF;
	text-decoration: none;
	text-align: right;
	font-size: 1.5em;
	font-weight: bold;
	    border-bottom: 1px dashed #fff;
	background: transparent;
}

	ul#menu li a:hover {
		color: #efefef;
		background: #14233F;
	}

/*
 *=UTILITY
 */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */