html, body { 
	background:url('res/img/wood2.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%; height:100%; 
	margin:0; padding:0;  color:#322b26;
	font-family:HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, sans;
}

/* **********************************************
 Styles
 ********************************************** */
h1 { font-weight:normal; color:#e6eDf2; font-size:18px; margin:0; padding:0; float:left; width:40%; height:60px; }
h2 { font-weight:bold; color:#aaa; font-size:12px; margin:0 0 0 20px; padding:0; float:right; }
h3 { font-weight:normal; color:#fff; font-size:30px; margin:0; padding: 30px 0 0 0;}
h4 { font-weight:normal; color:#fff; font-size:16px; margin:0; padding:0;}

h2 a { text-decoration:none; color:#e6eDf2; }
h2 a:hover {color:#f7661e; }

.clear { clear:both; }

.menu-sep { color:#333; }

a { color:#EF8637; }

.wrapper { 
	width:950px;
	margin:0 auto;	
}

.box-shadow-blur { 
	-moz-box-shadow: 0px 2px 5px #000;
	-webkit-box-shadow: 0px 2px 5px #000;
	box-shadow: 0px 2px 5px #000;
}

.box-shadow-light { 
	-moz-box-shadow: 0px 0px 4px 1px #666;
	-webkit-box-shadow: 0px 0px 4px 1px #666;
	box-shadow: 0px 0px 4px 1px #666;
}

.box-shadow { 
	-moz-box-shadow: 0px 2px 1px #000;
	-webkit-box-shadow: 0px 2px 1px #000;
	box-shadow: 0px 2px 1px #000;
}
.box-shadow-top { 
	-moz-box-shadow: 0px -2px 1px #000;
	-webkit-box-shadow: 0px -2px 1px #000;
	box-shadow: 0px -2px 1px #000;
}
.text-shadow { 
	text-shadow: 0px 2px 5px #000;
}

.nav-previous, .nav-next { font-size:12px; margin-bottom:10px; }

/* **********************************************
 Portal
 ********************************************** */
.input-row {
	margin-top:10px;
 }
 .button-row {
 	height:50px;
 }
.input-row input { width:100%; }
.input-row textarea { width:100%; height:100px; }
.submit-button { border:1px solid #bBb6b4; cursor:pointer; width:100px; height:25px; background:#EBE6E4; text-align:center; line-height:25px; float:right; margin-top:20px;}
.submit-button:hover { background:#F88935; color:#fff; }
/* **********************************************
 Header
 ********************************************** */
#mix-header { 
	width:100%; 
	margin:0 auto;
	margin-top:10px;
	height:60px; 
	background:#140d07;
	line-height:60px;
	position:relative; z-index:100;
}

	#mix-header h2 { }

/* **********************************************
 Banner
 ********************************************** */

.mix-banner-small {
	background:#120b06 url('res/img/wood2.png') no-repeat center bottom;
	width:100%;
	height:100px;
	border-bottom:2px solid #140d07;
	position:relative;
}

.mix-banner-small h3 { float:left; }
.mix-banner-small .sub-nav {
-webkit-box-shadow: 0px -3px 0px 0px #000000;
box-shadow: 0px -3px 0px 0px #000000;
position:relative; bottom:-10px;
color:#000; float:right; margin-top:65px; margin-left:20px; font-size:14px; text-align:right; height:40px; line-height:30px; padding:0px 10px; 
background:#ebe6e4;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.mix-banner-small .header-img { float:right; margin:25px 0px 25px 0px; }

/* **********************************************
 Page
 ********************************************** */
.mix-page {
	width:930px;
	min-height:400px;
	margin:0px auto;
	background:#ebe6e4;
	padding:25px;
}

.mix-page h4 { color:#000; font-size:20px; border-bottom: 1px dotted #BBB; }

.mix-page .sub-nav { float:right; font-size:12px; font-weight:bold; margin-top:-6px; }
.mix-page .sub-nav h2 a { color:#333; }
.mix-page .sub-nav h2 a:hover { color:#f7661e; }
.mix-page .sub-nav .menu-sep { color:#aaa; }
.mix-page .pane { padding-left:10px; float:left; margin-right:55px; }
.mix-page .full-pane { padding-left:10px; float:left; width:910px; }
.mix-page .last-pane { padding_left:0px; float:left; margin-right:0px; }

.mix-page p { line-height: 1.6em; font-size: 15px; color: #000; }

.list {
font-size: 12px;
color: #333;
font-weight: bold;
height: 30px;
line-height: 30px;
margin-left: 20px;
}

/* **********************************************
 Footer
 ********************************************** */

#mix-footer {
	width:100%;
	padding:15px 0;
	margin:0 auto;
	height:158px;
	line-height:30px;
}

#mix-footer .wrapper { width:950px; padding:0 15px; }

	#mix-footer .col { width:237px; float:left;}
	#mix-footer h4 { font-weight:bold; text-align:left; }
	#mix-footer a { font-size:12px; color:#EF8637; text-decoration: none; display: block; }
	
/* **********************************************
  Studio Page
 ********************************************** */
.studio-preview { width:203px; height:142px; }