html {min-height: 100%;}
* {
	margin: 0;
	padding: 0;
}
body {
    background-image: url(img/bg-1.jpg);
	font: 62.5% Tahoma,sans-serif;
	margin: 10%;
}
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}
.outer-container {

}
.inner-container {
	border: 2px solid black;
	background: white;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 10px;
	width: 780px;
}
.header {
	height: auto;
	margin-bottom: 0px;
}
.title {
	color: #FFF;
	padding-top: 0px;
}

.main {

	border:;
	padding: 0px 12px 0 0;
	margin-top: 0;
}
.content {

	float: right;
	width: 585px;
}

img { border: 0; }

a { color: blue; text-decoration: none; }
a:hover { 	color:darkblue; }
h1 { padding-top: 6px; margin-bottom: 4px; color: black; font: normal 1.4em Tahoma,sans-serif;

}
h2 { padding-top: 6px; margin-bottom: 4px; color: black; font: normal 1.4em Tahoma,sans-serif;

}
h3 { padding-top: 6px; margin-bottom: 4px; color: black; font: bold 0.9em Tahoma,sans-serif;

}
.content p { color: black; font-family: "Verdana",sans-serif; padding-bottom: 1.2em;}

.social { color: blue; font-family: "Verdana",sans-serif;}


li { list-style: none; }
ul {padding-bottom: 1.2em;}


.navigation {
	float: left;
	width: 170px;
	border-right: thin double black;

}

.navigation li a {
	color: darkblue;
	text-decoration: none;
	font: bold 1.2em Tahoma,sans-serif;
}
.navigation li a:hover {
	color:blue;

}

.navigation p a {
	color: black;
	text-decoration: none;
}
.navigation p a:hover {
	color: black;
	text-decoration: underline;
}

.footer {
	background: white;
	color: black;
	font: 1em sans-serif;

}
.footer a {
	color:darkblue;
	text-decoration: none;
}

.footer a:hover{
	background: lightblue;
	color:blue;
}

span.right
{
    text-align: right;
    font-weight: bold;
}