/* Font by Jos Buivenga (exljbris) -> http://www.exljbris.com */ 
@font-face {
    font-family: 'Museo300';
    src: url('museo300-regular-webfont.eot');
    src: url('museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('museo300-regular-webfont.woff') format('woff'),
         url('museo300-regular-webfont.ttf') format('truetype'),
         url('museo300-regular-webfont.svg#Museo300') format('svg');
    font-weight: 300;
    font-style: normal;

}

/* Reset 
---------------------------------------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {
	display: block;
}

/* Base structure
---------------------------------------- */
body {
line-height:1.3;
	background: #2f2822 url(i/bg.jpg);
	color: #93cfcd;
}

#page {
	display: table;
	margin: 0px auto;
}

*:first-child+html #page {
	position: relative;
}

/*ie7*/
* html #page {
	position: relative;
}

/*ie6*/
#content_container {
	display: table-cell;
	vertical-align: middle;
}

*:first-child+html #content_container {
	position: absolute;
	top: 50%;
}

/*ie7*/
* html #content_container {
	position: absolute;
	top: 50%;
}

/*ie6*/
*:first-child+html #content {
	position: relative;
	top: -50%;
}

/*ie7*/
* html #content {
	position: relative;
	top: -50%;
}

/*ie6*/
html,body {
	height: 100%;
}

#page {
	height: 100%;
	width: 960px;
}

/* Headings
---------------------------------------- */

h1, h2, h3, h4, h5, h6, b {
	font-family: 'Museo300', Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: 300;
	color: #fa8b15;
	margin-bottom: 10px;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

h4{
	font-size: 0.75em;
	margin-bottom:0;
}

h5 {
	font-size: 0.6em;
	color: #b0967c;
	font-family: Verdana, san-serif;
}

p {
	font-size: 0.6875em;
	margin-bottom: 10px;
	font-family: Verdana, san-serif;
}

b{
	color:#fff;
}

/* Links
---------------------------------------- */

a, a:visited {
	color: #f8d8b7;
	text-decoration: none;
}

#main p a, #main p a:visited, a:hover {
	color: #fff;
}

a:focus, a:hover, a:active {
	outline: none;
}

nav a.selected {
	color: #eee !important;
}

h1 a:link, h1 a:visited{
	color: #fa8b15;
}

nav a{
	-webkit-transition-property: background;
	-moz-transition-property: background;
	transition-property: background;	
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

/* Global styles
---------------------------------------- */
#content{
	width:1000px;
	height:520px;
	position: relative;
}

nav{
	position: absolute;
	top:0;
	left:0;
	background: #000;
	width:40px;
	height:480px;
	overflow: hidden;
	text-indent: -9999px;
}

nav ul a{
	display: block;
	width:40px;
	height: 96px;
	background: url(i/menu.png);
	}

.m2 a{
	background-position: 0 -96px;
}

.m3 a{
	background-position: 0 -192px;
}

.m4 a{
	background-position: 0 -288px;
}

.m5 a{
	background-position: 0 -384px;
}

.m1 a.selected, .m1 a:hover{
	background-position: -40px 0;
}

.m2 a.selected, .m2 a:hover{
	background-position: -40px -96px;
}
.m3 a.selected, .m3 a:hover{
	background-position: -40px -192px;
}
.m4 a.selected, .m4 a:hover{
	background-position: -40px -288px;
}
.m5 a.selected, .m5 a:hover{
	background-position: -40px -384px;
}

.selected{
	color: #fff !important;
}

#main{
	width: 960px;
	height: 480px;
	background: #2f2822;
	position: absolute;
	top:0;
	left: 40px;
		-moz-box-shadow: 0 0 24px #000;
	-webkit-box-shadow: 0 0 24px #000;
	box-shadow: 0 0 24px #000;
}

footer {
position: absolute;
bottom: 0;
left:40px;
	width: 960px;
}

footer h5{
	margin: 0 160px 0 0;
}

#social{
	position: absolute;
	bottom: 0;
	right:0;
	text-indent: -9999px;
	width:155px;
	height:25px;
}

#social a{
	width:71px;
	height:25px;
	display:block;
	float:left;
	margin-right:5px;
	background: transparent url(i/social.png) -71px 0 no-repeat;
}

#social a.facebook{
	background-position: 0 0;
}
#main section{
	width:240px;
	height: 240px;
	float:left;
	overflow: hidden;
}

#main section.x2{
	width:480px;
}

#main section.y2{
	height:480px;
}

#main section article{
	padding: 20px;
	}
	
.g1{
	background-color: #0f5855;
}

.g2{
	background-color: #173f3e;
}
.or{
	background-color: #fa8b15;
	text-align: right;
}

.ps{
	padding-top:180px;
}

label, input, textarea {
	width: 200px;
	margin: 0 0 6px 0;
	color:#000;
	font-size: 0.6875em;
	color: #93cfcd;
	height:16px
}
textarea {
	height:110px;
}
label {
	text-align: left;	
	font-family: Verdana, san-serif;
	line-height:20px;
}
input, textarea {
	border:none;
	padding: 2px;
	background:#0f5855;
}
input:focus, textarea:focus {
	border:none;
	padding: 2px;
	background:#ddefc7;
	margin: 0 0 6px 0;
	color: #000;
}
.button {
	width:80px;
	height:20px;
	border:none;
	background:#8dcbc7;
	color:#000;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-size:0.75em;
	float: right;
}
#brochure{
	position: absolute;
	top:0;
	left:720px;
	z-index:9;
}