/*--------------------------------------------------------
a
--------------------------------------------------------*/

a { 
	text-decoration: none;
	color: #3333ff;
}

a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------
img
--------------------------------------------------------*/

img {
	border: none;
}

/*--------------------------------------------------------
p
--------------------------------------------------------*/

p {
	margin: 1em;
}

/*--------------------------------------------------------
body
--------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	color: #333333;
}

/*--------------------------------------------------------
header
--------------------------------------------------------*/

#header {
	height: 160px;
	border-top: 10px solid #3333ff;
	background-color: #eeeeee;
}

#logo {
	width: 800px;
	margin: 0 auto;
}

h1 {
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------
container
--------------------------------------------------------*/

#container {
	width: 800px;
	margin: 0 auto;
}

/*--------------------------------------------------------
main
--------------------------------------------------------*/

#main {
	float: left;
	width: 556px;
	margin: 10px 10px 30px 0;
}

h2 {
	clear: both;
	margin: 0;
	padding: 0;
}

h3 {
	clear: both;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------
side
--------------------------------------------------------*/

#side {
	float: right;
	width: 234px;
	margin: 10px 0 30px 0;
}

#side ul {
	margin: 20px 0 0;
}

/*--------------------------------------------------------
footer
--------------------------------------------------------*/

#footer {
	clear: both;
	height: 100px;
	margin: 0 auto;
	background-color: #eeeeee;
}

#copyright {
	width: 800px;
	margin: 0 auto;
	padding: 60px 0 0;
}

/*--------------------------------------------------------
clear
--------------------------------------------------------*/

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}