* {
    padding: 0;
    margin: 0;
} 

html { min-height: 100%; margin-bottom: 1px; }

body {
	background: #000000 url(back.jpg) no-repeat fixed top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ccc;
}

img { border: none; }
a { color: #ffffff; text-decoration: none; }
a:hover {
	text-decoration: blink;
	color: #fff;
}

#wrap {
width: 760px;
background: #222;
margin: 0px auto;
}
.header {
	padding-top: 1px;
	height: 259px;
	text-transform: none;
	background: #222222 url(headr.jpg) no-repeat;
}
.header h1 {
font-size: 34px;
font-weight: 100;
padding: 10px 0 4px 10px;
letter-spacing: -3px;
}
.header h1 a {
color: #0c82d4;
text-decoration: none; 
}
.header h1 a:hover { 
color: #fff;
text-decoration: none; 
}
.header h2 {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	padding-left: 12px;
}

.navigation { 
padding-top: 20px;
float : left ;
list-style: none; 
width: 200px;
}
.navigation ul { list-style-type: none; }
.navigation li { 
padding: 0; 
margin: 0; 
}
.navigation a, 
.navigation a:visited {
text-transform:uppercase;
display: block;
height: 25px;
line-height: 25px;
padding: 0 10px 0 10px;
color: #ffffff;
background: #222;
text-decoration: none;
border-bottom: 1px solid #222222;
}
.navigation a:hover {
color: #afc9e1;
background-color: #000000;
}

.content {
padding: 10px 10px 10px 0;
float: right;
width: 540px;
}
.content h2 {
color: #0c82d4;
font-size: 14px;
letter-spacing: px;
font-weight: 100;
padding: 10px 0 10px 0;
text-transform: uppercase;
}
.content h2 a { }
.content h2 a:hover { text-decoration: none; }

.footer {
padding: 10px;
font-size: 11px;
color: #000000;
text-align: center;
background: #222222 url(foot.jpg) no-repeat;
}
.footer a {
color: #aaa;
}