body { 
    margin: 0 auto;
    padding: 0; 
    font-family: Helvetica, Arial, sans-serif;
	font-size:63.5%;
	background: #EEE url('images/bg_shadow_gradient.jpg') top center repeat-y;
}

p {
	font-size:13px;
	line-height:20px;
	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: 760px;
    margin: 0 auto;
}


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

.scroll {
    width: 720px;
    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: 680px;
}


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

.navWrapper {
	float:right;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	padding-top: 4px;
    padding-bottom: 2px;
	float:right;
}

ul.navigation li {
    display: inline;
    margin-right: 0px;
}

ul.navigation a {
	font-size:16px;
    margin: 10px, 10px, 0px, 40px;
	padding:10px;
    color: #AC3A2A;
    text-decoration: none;
	font-weight:normal;
	cursor:pointer;
}

ul.navigation a:hover {
	color: #650A10;
}

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

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

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

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

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

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




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

.mainLogo{
	width:600px;
	height:358px;
	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:520px;
	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:650px;
}

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

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



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

.samplesHolder {
	visibility: visible;
	position: relative;
	z-index: 2;
	left: 0px;
	width: 680px;
}

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

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

.thumbListItem {
	float:left;
	width:680px;
	text-align:center;
}

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

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

.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{
	float:left;
	position:relative;
	width:680px;
	z-index:1;
}


.vidThumb{
	width: 325px;
	height: 115px;
	float:left;
	margin-left:12px;
	padding-bottom:10px;
	/* margin-right:8px; */
	cursor:pointer;
}

.vidThumb a{
	text-decoration:none;
}

.labelDiv {
	width: 325px;
	height: 115px;
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	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 a:hover {
	color: #650A10;
}

ul.servicesNav li.selected {
	color: #C89448;
}

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


.servicesThumb{
	width: 212px;
	height: 75px;
	float:left;
	margin-left:12px;
	padding-bottom:10px;
	cursor:pointer;
}

.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 ----- */

.contactContainerLeft {
	padding:2px;
	text-align:left;
	font-size:13px;
	line-height:20px;
	color:#000000;
	width:330px;
	float:left;
}

.contactContainerRight {
	padding:2px;
	text-align:right;
	font-size:13px;
	line-height:20px;
	color:#000000;
	width:330px;
	float:right;
}


.contactContainerLeft a, .contactContainerLeft b {
	color: #C89448;
}

.contactContainerRight ul{
	padding-top:5px;
	margin-left:14px;
	padding-left:0px;
}

.contactContainerRight ul li{
	padding-bottom:10px;
	line-height:normal;
}


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



#contactForm textarea{
	width:646px;
	padding:2px;
}

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

.contactField {
	padding-left:10px;
	float:left;
}

.contactField .inputBox {
	width:315px;
}




/* ----- 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 ----- */

.mobileFooter{
	display:none;
}

.innerColor{
	width: 740px;
	margin:auto;
	/* background:#FFFFFF; */
	background: url('images/bg_shadow_gradient.jpg') top center repeat-y;
}

.footer{
	width:99%;
	
	bottom:0;
	position:fixed;
	z-index:3;
	
	/* background:#FFFFFF; */
	
	margin-left:5px;
	padding:0px;
	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	
	font-size:10px;
	color:#555;
	font-weight:normal;
	text-align:center;
}


.footer p{
	font-size:10px;
	padding-top:1px;
	color:#555;
}

.footer a{
	color:#444;
	font-weight:normal;
}
.footer a:hover{
	color:#666;
}