@charset "UTF-8";

@font-face {
	font-family: 'MuseoSans500';
	src: url('../fonts/museosans_500-webfont.eot');
	src: local('☺'), url('../fonts/museosans_500-webfont.woff') format('woff'), url('../fonts/museosans_500-webfont.ttf') format('truetype'), url('../fonts/museosans_500-webfont.svg#webfonttMQaRtMN') format('svg');
	font-weight: normal;
	font-style: normal;
}

* { margin: 0; padding: 0; }

body {
	background: #000 url(../images/bg.jpg) no-repeat center top;
	font-family: MuseoSans500, Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; /* default browser size = 16px, reset to 12px */
	color: #fff;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

input, textarea { font-family: MuseoSans500, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }

p { line-height: 1.5em; }

strong { font-weight: normal; }

a:link, a:visited { text-decoration: none; color: #f06; outline: none; }
a:hover, a:active { text-decoration: underline; outline: none; }

img { border: none; }

.hide {
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}

.clear-fix { clear: both; }

#wrapper { width: 991px; margin: 35px auto 0 auto; }

#header { margin: 0 59px; position: relative; height: 131px; }

#header h2 {
	font-size: 2em;
	font-weight: normal;
	color: #999;
}

#logo {
	width: 141px;
	height: 131px;
	background: url(../images/logo.png) left top no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

#slogan { position: absolute; right: 8px; top: 32px; }

/* ------------------------------ NAVIGATION */

#main-nav { position: absolute; bottom: 9px; right: 8px; }

#main-nav ul, #footer ul {
	margin: 0;
	padding: 8px 0;
	list-style: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	float: left;
}

#main-nav ul { width: 715px; }
#footer ul { width: 857px; }

#main-nav ul li, #footer ul li {
	float: left;
	border-left: 1px solid #999;
	padding: 0 10px;
	line-height: 12px;
}

#main-nav ul li.first, #footer li.first { border-left: none; padding-left: 0; }

/* ------------------------------ CAROUSEL */

#carousel { width: auto; background: none; position: relative; clear: both; }

#carousel-thumbs { margin-left: 59px; }

#carousel-thumbs li a {
	display: block;
	width: 235px;
	height: 160px;
	padding: 28px;
	background: url(../images/carousel/thumb_bg.png) left top no-repeat;
}

#carousel-thumbs li a:hover {
	background-position: right top;
}

a.prev-btn, a.next-btn {
	display: block;
	width: 59px;
	height: 74px;
	position: absolute;
}

a.prev-btn {
	background: url(../images/carousel/left_arrow.png) left top;
}
a.next-btn {
	background: url(../images/carousel/right_arrow.png) right top;
}

#carousel a.prev-btn { left: 0; top: 71px; }
#carousel a.next-btn { left: 932px; top: 71px; }

a:hover.prev-btn { background-position: right top; }
a:hover.next-btn { background-position: left top; }

/* ------------------------------ BLOCKS */

a.more-btn {
	display: block;
	width: 29px;
	height: 29px;
	background: #000 url(../images/arrow_btn_black.png) no-repeat left top;
	border: 1px solid #000;
	float: right;
}

a:hover.more-btn { border-color: #fff; }

#block-3 a.more-btn { background: #000 url(../images/arrow_btn_green.png) no-repeat left top; }

.block-top h3 { font-size: 1.8em; font-weight: normal; margin-bottom: 12px; }

.two-col { margin: 0 59px; clear: both; width: auto; }

.two-col .block-top {
	background: url(../images/block_grey_top.png) left top no-repeat;
	float: left;
	width: auto;
}

.two-col .block-bottom {
	background: url(../images/block_grey_bottom.png) left bottom no-repeat;
	float: left;
	width: 873px;
	height: 28px;
}

.three-col { margin: 0 59px; }

.three-col .block-outer {
	width: 291px;
	float: left;
}

.three-col .block-top {
	padding: 28px 28px 0 28px;
	height: 125px;
}

.three-col .block-bottom {
	padding: 8px 28px 28px 28px;
	height: 30px;
}

#block-1 .block-top { background: url(../images/block_green_top.png) left top no-repeat; }
#block-2 .block-top { background: url(../images/block_pink_top.png) left top no-repeat; }
#block-3 .block-top { background: url(../images/block_black_top.png) left top no-repeat; }

#block-1 .block-bottom { background: url(../images/block_green_bottom.png) left bottom no-repeat; }
#block-2 .block-bottom { background: url(../images/block_pink_bottom.png) left bottom no-repeat; }
#block-3 .block-bottom { background: url(../images/block_black_bottom.png) left bottom no-repeat; }

#block-4, #block-5 { width: 388px; float: left; color: #000; }

#block-4 { padding: 28px 20px 0 28px; }
#block-5 { padding: 28px 28px 0 20px; }

#block-1 p, #block-2 p { color: #000; }
#block-1 h3 { color: #000; }
#block-3 p { color: #9c0; }
#block-4 h3, #block-5 h3 { color: #999; }

/* ------------------------------ PERSONA */

#persona { margin-bottom: 8px; float: left; }

#persona img {
	border: 12px solid #999;
	float: left;
	margin-right: 12px;
}

#persona p { float: right; width: 240px; }

/* ------------------------------ ENQUIRY FORM */

#enquiry p { margin-bottom: 8px; }

#enquiry input.text-input, #enquiry .text-area { width: 176px; border: none; padding: 4px; margin: 2px 0 0 0; }

#enquiry .text-area { height: 118px; }

#form-col-1, #form-col-2 { width: 184px; }

#form-col-1 { float: left; padding-bottom: 12px; }

#form-col-2 { float: right; }

#form-controls { clear: both; width: 388px; }

.form-btn {
	background: #000 url(../images/form_btn_bg.png) repeat-x;
	border: 1px solid #000;
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;
	color: #fff;
	padding: 6px 8px;
	cursor: pointer;
}

.float-right { float: right; }
.float-left { float: left; }

#feedback img {
	margin-top: 35px;
}

.required, .error { color: #f06; }

/* ------------------------------ FOOTER */

#footer { margin: 8px 67px 0 67px; float: left; width: auto; }
#credits { margin: 15px 67px; float: left; width: 857px; }
#credits p { color: #666; }

/* ------------------------------ ARTICLES */

.green { color: #9c0; }
.pink { color: #f06; }
.white { color: #fff; }

#article { width: 560px; margin: 0 auto; }

#article h2 {
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.6em;
	margin-bottom: 45px;
	color: #999;
}

#article h3 { font-size: 1em; margin-bottom: 3px; }

#article p { margin-bottom: 25px; line-height: 1.8em; }

#article .float-img img {
	border: 12px solid #999;
	float: left;
	margin-right: 16px;
}

#article .float-img p { float: right; width: 412px; }