html, body { padding: 0; margin: 0; }
body { background: url('/images/wood-bg.jpg') repeat; font-family: 'Lucida Sans', Lucida, Verdana, Arial, sans-serif; font-size: 10pt; }

img { border: 0px; }

h1, h2, h3 { font-weight: normal; }
h4 { margin: 5px 0 2px 0; }

#wrapper { width: 980px; padding: 10px; margin: 0 auto 50px auto; background: #fff; position: relative; }
#header { border-bottom: #ccc 1px solid; position: relative; }
#navigation { position: absolute; right: 10px; top: 0px; }
#navigation li { list-style: none; display: block; float: left; margin: 0 0 0 30px; }
#navigation li a { color: #252525; text-decoration: none; font-family: 'Lucida Sans', Lucida, Verdana, Arial, sans-serif; font-size: 10pt; }
#navigation li a:Hover { text-decoration: underline; }

#content { padding: 10px; margin: 10px 0 10px 0; }

.column { float: left; }
.column-4 .column { width: 25%; }
.column-3 .column { width: 32%; margin: 0 1% 0 0; }
.column-3 .last { margin: 0; }
.column-6 .column { width: 15%; margin: 0 1.5% 0 0; }
.column-6 .last { margin: 0; }

.obama #title { margin: 15px 0 30px 30px; }
.obama #buttons { margin: 0 0 35px 0; }
.obama #buttons .column { text-align: center; }
.obama #game-spread { margin: 0 0 0 165px; }
.obama #game-contents { width: 910px; height: 73px; margin: 35px 0 0 30px; background: url('/images/obama-game-contents-bg.jpg') no-repeat; }
.obama #game-contents .column { text-align: center; }
.obama #game-contents p { line-height: 14px; font-size: 9pt; }
.obama #detailed-contents { width: 950px; margin: 35px 0 0 30px; }
.obama #detailed-contents .column {  }

.thriller #title {  }
.thriller #order { text-align: right; }

#contact-info { padding: 20px; width: 400px; margin: 0 0 20px 0; border: #e0e0e0 1px solid; }

#contact-form { padding: 20px 20px 10px 20px; margin: 0 0 20px 0; width: 400px; border: #e0e0e0 1px solid; }
#contact-form label { float: left; width: 70px; line-height: 25px; }
#contact-form textarea, #contact-form input[type=text] { width: 320px; }
#contact-form input[type=submit] { float: right; }
#contact-form .row { margin: 0 0 5px 0; }

#map-area { width: 440px; height: 300px; border: #e0e0e0 1px solid; float: left; }

#footer { border-top: #ccc 1px solid; position: relative; margin: 30px 0 0; height: 70px; }
#copyright { position: absolute; top: 20px; left: 10px; font-size: 9pt; font-weight: bold; }
#validations { position: absolute; top: 40px; left: 10px; }
#facebook-connect { position: absolute; right: 10px; top: 10px; }

#round-corners { position: absolute; bottom: -8px; left: 0px; }

.middle { margin: 0 auto; }
.right { float: right; }
.clear { clear: both; }

.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 0 0 10px 0;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.success {
	color: #4f8a10;
	background-color: #dff2bf;
	background-image: url('/images/success.png');
}