body { 
    margin: 0;
    padding: 0; 
    font-family: Helvetica;
	font-size:14px;
	background: #EEE url('images/bg_shadow_gradient.jpg') top center repeat-y;
}

p 	{
	font-size:12px;
	line-height:1.5em;
	padding:0px;
	padding-top:10px;
	margin:0px;
	color:#000000;
}

h1	{
	font-size:24px;
	color: #C89448;
	padding:0px;
	margin:0px;
}

h2	{
	font-size:18px;
	padding:0px;
	margin:0px;
}

h3	{
	font-size:14px;
	color: #AC3A2A;
	padding:0px;
	margin:0px;
}

.boldHeader	{
	font-size:14px;
	color: #AC3A2A;
	font-weight:bold;
}

#wrapper {
    width: 480px;
    margin: 0 auto;
}

#slider {
    width: 460px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    width: 460px;
    overflow: hidden;
    position: relative;
    clear: left;
}

.scroll a{
	color:#AC3A2A;
	text-decoration:underline;
}

.scrollContainer div.panel {
    padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
    width: 420px;
}


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

.navWrapper {
	float:right;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	float:right;
}

ul.navigation li {
    display: inline;
}

ul.navigation a {
	font-size:12px;
    margin-left: 15px;
	padding:0;
    color: #AC3A2A;
    text-decoration: none;
	font-weight:normal;
}

ul.navigation a.selected {
    color: #C89448;
}

ul.navigation a:focus {
    outline: none;
}

div #nav_trees{
	width:16px;
	float:right;
	padding:0px 0px 0px 10px;
}

.logo{
	color:#999;
	margin-top:4px;
}

.logoContainer{
	float:left;
	width:220px;
}

.navLine{
	width:460px;
	margin:auto;
	border-bottom:1px solid #C89448;
}




/* ----- TOP LOGO CONTAINER ----- */

.mainLogo{
	width:460px;
	height:350px;
	background: url('images/logo_header_new.png') top center no-repeat;
	margin:auto;
	padding:10px;
	text-align:center;
}




/* ----- INTRO TEXT ------ */

.introText {
	text-align:right;
	width:400px;
	float:right;
	padding-bottom:8px;
	background: url('images/trees_intro.png') bottom left no-repeat;
	border-bottom:1px solid #C89448;
}




/* ----- BLOG ----- */

.blogEntry{
	padding-top:10px;
	padding-bottom:10px;
}

.blogTitle{
	font-size:14px;
	color: #AC3A2A;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
}

.blogTitle a{
	color: #AC3A2A;
	text-decoration:underline;
}

.blogText {
	margin:0px;
	padding:0px;
	float:left;
	width:350px;
}

.blogLine {
	height:1px;
	border-bottom:1px solid #C89448;
	margin-right:30px;
}

.rightImg {
	width:80px;
	height:80px;
	float:right;
	margin-left:10px;
	border:1px solid #333;
	background:#222;
}



/* ----- VIDEO PLAYER ----- */
/*
.player{
	width:480px;
	height:350px;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.enabled {
	
}

.disabled {
	
}

.videoFrame {
	width:440px;
	padding:0;
	margin:auto;
	background-color: #1a1a1a;
}

.showFrame{
	background-color: #404040;
}

.hideFrame{
	background-color: #1a1a1a;
}

#video{
	width:420px;
	height:250px;
	margin:auto;
	padding:10px;
	text-align:center;
}

#closeBtn{
	margin-left:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	text-align:left;
}
#closeBtn a{
	font-size:10px;
	color:#fff;	
	text-decoration:none;
	font-weight:bold;
}
*/


/* ----- VIDEO THUMBS ----- */

.samplesHolder {
	visibility: visible;
	position: relative;
	z-index: 2;
	width: 420px;
	margin:auto;
}

.thumbNav{
	width:400px;
	font-size:11px;
	padding-top:8px;
	padding-bottom:12px;
}

.thumbList {
	width: 800px;
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
	z-index: 1;
}

.thumbListItem {
	width:400px;
	margin:auto;
	text-align:center;
}

.thumbNav a{
	color:#98442a;
	text-decoration:none;
}

.thumbNav a:hover{
	color:#c49f58;
}

.prev{
	width:120px;
	float:left;
	text-align:left;
	cursor:pointer;
}

.next{
	width:120px;
	float:right;
	text-align:right;
	cursor:pointer;
}

.btn_disabled{
	display:none;
}
.btn_enabled{
	display:table;
}

.thumbHolder{
	text-align:center;
	position:relative;
	width:420px;
	z-index:1;
}


.vidThumb{
	width: 325px;
	height: 115px;
	margin:auto;
	padding-bottom:10px;
}

.vidThumb a{
	text-decoration:none;
}

.labelDiv {
	width: 325px;
	height: 115px;
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	display: none;
	position:absolute;
	z-index:100;
}

.labelDiv .client{
	text-align:left;
	margin-left:10px;
	font-size:10px;
	font-weight:bold;
	padding-top:40px;
}

.labelDiv .title{
	text-align:left;
	margin-left:10px;
	font-size:12px;
	font-weight:bold;
}

.labelDiv .credits{
	text-align:left;
	margin-left:10px;
	font-size:10px;
	font-weight:normal;
}



/* ----- SERVICES ----- */


.servicesNavWrapper{
	width:640px;
	margin:auto;
	text-align:center;
}

ul.servicesNav {
    list-style: none;
    margin: auto;
	padding-top: 4px;
    padding-bottom: 8px;
}

ul.servicesNav li {
    display: inline;
    margin-left:5px;
	margin-right:5px;
	float:left;
}

ul.servicesNav a {
	font-size:10px;
	padding:10px;
    color: #AC3A2A;
    text-decoration: none;
	font-weight:normal;
	cursor:pointer;
}

ul.servicesNav li.selected {
	color: #C89448;
	font-size:10px;
}


.servicesThumb{
	width: 212px;
	height: 75px;
	margin:auto;
	padding-bottom:10px;
}

.servicesThumb a{
	text-decoration:none;
}

.services_labelDiv {
	width: 212px;
	height: 75px;
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	color: #fff;
	font-weight:bold;
	display: none;
	position:absolute;
	z-index:100;
}

.services_labelDiv .subtitle{
	 padding-top:55px;
	 font-size:10px;
}



/* ----- ABOUT ----- */

.partner_icons{
	text-align:center;
	margin:auto;
	padding-top:20px;
}


.partner_icons img{
	padding-left:12px;
	padding-right:12px;
	margin:auto;
}



/* ----- CONTACT ----- */

.contactContainer {
	padding:2px;
	text-align:left;
	font-size:13px;
	line-height:20px;
	color:#000;
}

#contactForm input, #contactForm textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contactForm textarea{
	padding:2px;
}

.contactFieldContainer{
	padding-bottom:4px;
	text-align:left;
}

.contactField {
	width:165px;
	float:left;
	text-align:left;
}



/* ----- MISC ----- */

.shootcutcreate{
	width:280px;
	margin:auto;
	text-align:right;
	padding-top:60px;
	padding-bottom:8px;
	background: url('images/trees_intro.png') bottom left no-repeat;
	border-bottom:1px solid #C89448;
}

.left {float:left;}

.right {float:right;}

.clear {clear:both;}

.hide {display: none;}

.center {text-align:center;}

.red {color: #650A10;}

.orange {color: #AC3A2A;}

.yellow {color: #C89448;}

#spacer{height:30px;}

#halfspace{height:10px;}


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


.footer{
	display:none;
}


.mobileFooter{
	width:480px;
	margin:auto;
	text-align:center;	
}

.mobileFooter p{
	font-size:8px;
	color:#555;
}

.mobileFooter a{
	font-size:8px;
	color:#444;
	text-decoration:underline;
}