@charset "UTF-8";
/* CSS Document */

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

body {
	background-color:#fff;
	margin-top:25px;
}
#wrapper {
	width: 700px;
	height: 500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
}
#mainContent {
	width:500px;
	height:300px;
	float:right;
}
#navigation {
	width:160px;
	height:300px;
	float:left;
	text-align:right;
	vertical-align:middle;
	padding:10px;
}
#nav1 {
	width:100px;
	height:40px;
	float:left;
	text-align:right;
	margin-top:50px;
}
#nav2 {
	width:100px;
	height:480px;
	float:left;
	text-align:right;
}

#footer {
	width: 700px;
	height:200px;
	float:right;
	clear:right;
	text-align: center;
}
h1 {
	font-family: 'Arapey', serif;
	text-align:center;
	font-size:36px;
	font-weight:400;
	margin-bottom:25px;
	margin-top:25px;
	letter-spacing:1px;
	color:#F60;
}
h2 {
	font-family: 'Karla', sans-serif;
	font-size:24px;
	font-weight:400;
	margin-bottom:25px;
	margin-top:25px;
	color:#666;
	text-align:center;
}
h3 {
	font-family: 'Karla', sans-serif;
	font-size:16px;
	margin-bottom:25px;
	margin-top:25px;
	font-weight:300;
	color:#ccc;
	text-align:center;
}
a {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 16px;
	color: #666;
}
a:link {
	font-family: 'Karla', sans-serif;
	text-decoration: none;
}
a:visited {
	font-family: 'Karla', sans-serif;
	text-decoration: none;
	color: #666;
}
a:hover {
	font-family: 'Karla', sans-serif;
	text-decoration: underline;
	color: #F60;
}
a:active {
	font-family: 'Karla', sans-serif;
	text-decoration: none;
	color: #F60;
}