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

body {
	background-color: #302012;
	background-image: url('img/bg.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment: fixed;
}

img {
    border: 0;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.everything {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

.header {
	width: 690px;
    height: 160px;
	margin-right: auto;
	margin-left: auto;
    margin-top: 50px;
	padding: 30px;
	line-height: 150%;
    text-align: center;
	-moz-border-radius-topright: 50px;
    -moz-border-radius-topleft: 50px;
	-webkit-border-top-right-radius: 50px;
    -webkit-border-top-left-radius: 50px;
	background-color: #aabc74;
}

#o1ro {
    width: 155px;
    height: 18px;
    background: url('img/1.png') no-repeat 0 0;
}

#o1ro:hover {
    background-position: 0 -18px;
}

#o2ro {
    display: inline;
    width: 160px;
    height: 18px;
    background: url('img/2.png') no-repeat 0 0;
}

#o2ro:hover {
    background-position: 0 -18px;
}

#o3ro {
    display: inline;
    width: 161px;
    height: 18px;
    background: url('img/3.png') no-repeat 0 0;
}

#o3ro:hover {
    background-position: 0 -18px;
}

#o4ro {
    display: inline;
    width: 160px;
    height: 18px;
    background: url('img/4.png') no-repeat 0 0;
}

#o4ro:hover {
    background-position: 0 -18px;
}

#o5ro {
    display: inline;
    width: 117px;
    height: 18px;
    background: url('img/5.png') no-repeat 0 0;
}

#o5ro:hover {
    background-position: 0 -18px;
}

#o6ro {
    display: inline;
    width: 179px;
    height: 18px;
    background: url('img/6.png') no-repeat 0 0;
}

#o6ro:hover {
    background-position: 0 -18px;
}

#o7ro {
    display: inline;
    width: 165px;
    height: 18px;
    background: url('img/7.png') no-repeat 0 0;
}

#o7ro:hover {
    background-position: 0 -18px;
}

.content {
	width: 730px;
	padding: 10px;
	margin-top: 0px;
	background-color: #cccc99;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#shapesoverlay {
	display: block;
	width: 716px;
	height: 1252px;
	background: url("img/02/board.png") no-repeat 0 0;
}

#shapesoverlay:hover {
	background-position: 0 -1252px;
}

#shapesoverlay span {
	display: none;
}

.nav {
    width: 365px;
    text-align: center;
    float: left;
}

.clearer {
	clear: left;
	line-height: 0;
	height: 0;
}

.footer {
    width: 690px;
    height: 60px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    padding: 30px;
    line-height: 150%;
    text-align: center;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-bottomleft: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    background-color: #aabc74;
}