/*********************************************************************************************

Theme Name: Collins on Pine
Theme URI: 
Description: Designed by DEI Creative
Version: 1.0.0
Author: DEI Creative
Author URI: http://www.deicreative.com/

**********************************************************************************************

Designed and Built by DEI Creative - deicreative.com

CSS, XHTML and Design Files are all Copyright 2013 DEI Creative

**********************************************************************************************


/********************************************************************************************* 

x. CSS Reset 

*********************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:#000;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{max-width:100%;}
.no_left_margin{margin-left:0px !important;}
h1{font-size:15px; color:#a3a3a3;  text-transform:uppercase;  font-family: 'futura_lt_btlight';}


/*------------------------------------------scroller----------------------------------------------------------------------*/
.scroller{width:400px; height:230px; background:url(../img/nav_bg.png) repeat; border:1px dashed #505050; border-radius:10px; margin:0 auto; padding:15px; overflow:auto;}
.scroller p:nth-child(even){color:#999; }
.scroller p:nth-child(3n+0){color:#c96;}
table{width:100%; color:#e7e7e7; font-size:14px; line-height:18px; font-family: 'futura_lt_btlight'; margin-bottom:15px;}	
table td{padding:5px; text-transform:capitalize;}
table td a{color:#c6c6c6; text-decoration:none;}
table td a:hover{color:#e7e7e7;}

		
/*------------------------------------------scroller----------------------------------------------------------------------*/

/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

*********************************************************************************************/

.explore {
	width: 841px; height: auto;
	margin: 0 0 0 -420px;
	position: fixed;
	top: 525px; left: 50%;
}

.explore a { 
	text-indent: -999px;
	width: 119px; height: 101px;
	background: url(../img/sprite.png) -122px -298px;
	margin: 0 auto;
	display: block;
	overflow: hidden;	
}

.next {
	width: 841px; height: auto;
	margin: 15px auto 0 auto;
}

.next a {
	text-indent: -999px;
	width: 87px; height: 92px;
	background: url(../img/next_button.png) no-repeat;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 998;
	overflow: hidden;
}

.section {
	width: 100%; height: 850px;	
	position: relative;
	padding: 250px 0 0 0;
}

.section .content {
	/*text-align: center;*/
	width: 980px; height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 998;
}

.section .content p {
	font-size:15px;
	padding-bottom:12px;
	text-shadow: 1px 1px 1px #000;
	color:#FFF;
	font-family: 'futura_lt_btlight';
	line-height: 22px;
}

.section .content ul{list-style:none; width:980px; position:relative; margin:0 auto; float:none; display:block;}
.section .content ul li{float:left; border:1px solid #efefef; height:100px; margin-left:10px; margin-bottom:10px;} 
#synop{height:205px !important;}
#dnote{font-style:italic !important;}
#dnote p.normal{font-style:normal;}
.section .content p span{ font-size:18px; }
.section .header {
	margin: 0 auto 15px auto;
}

/*********************************************************************************************

x. Navigation

*********************************************************************************************/
#nav {
	width: 100%;
	position: fixed;
	z-index: 999;
	display: none;
}
#nav_inside {
	width:224px;
height:120px;
margin:0 auto;
}

#nav_menu{width:100%; background:url(../img/nav_bg2.png) repeat; height:54px; position:absolute; top:150px; border-top:1px solid #815f20;border-bottom:1px solid #815f20;}



#nav a {
	line-height:54px;
	text-align:center;
	background:none !important ;
	display: block;	
	position: relative;
	overflow: hidden;
	color:#bcad91;
	text-decoration:none;
	font-family: 'lithos_pro_regularregular';
}

#nav a.logo {
	width: 224px; height: 120px;
	text-indent: -999px !important;
	background:url(../img/logo2.png) no-repeat !important;
}

#nav li {
	position: relative;
	float: left;
}

#nav li a{display:block;
	margin: 0 15px;
	padding:0px 5px;}

#nav li.current {
	width: auto; height: 54px;
	background: #4b4436;
	position: relative;
}

#nav ul {
	width: 1000px; height:54px;
	margin: 0 auto;
	list-style: none;
	position:relative;
}


/*********************************************************************************************

x. Home

*********************************************************************************************/
#home {
	width: 100%; height: 1080px;
	padding: 0;
}

#home #home-nav {
	width: 100%; height: 54px;
	position: fixed;
	bottom: 0;
	background:url(../img/nav_bg.png) repeat;
	border-top:1px solid #815f20;
}

#home #home-nav a {
	text-indent: 0px !important;
	line-height:54px;
	text-align:center;
	background:none !important ;
	color:#bcad91;
	text-decoration:none;
	font-family: 'lithos_pro_regularregular';
}
#home #logo {
	width:806px; 
	height: 636px;
	display:block;
	margin:0 auto ;
}

#home #logo img{position:absolute; bottom:40%;}
#home #home-nav li {
	float: left;
}
#home #home-nav li a{
	display:block;
	margin: 0 15px;
	padding:0px 5px;}
#home #home-nav li:hover{background:#4b4436;}


#home #home-nav ul {
	width: 980px; height: 54px;
	margin: 0 auto;
	list-style: none;
}


/*********************************************************************************************

x. synopsis

*********************************************************************************************/
#synopsis {
	background:url(../img/synopsis-bg2.jpg) no-repeat top fixed /*#000*/;
	background-size:cover;
}

#synopsis .header {
	width:600px; height: 60px;
	background: url(../img/heading.png) no-repeat 0px -15px;
}



/*********************************************************************************************

x.cast

*********************************************************************************************/
#cast {
	background:url(../img/cast-bg2.jpg) no-repeat top fixed /*#000*/;
	background-size:cover;
}

#cast .header {
	width:600px; height: 60px;
	background: url(../img/heading.png) no-repeat 0px -85px;
}

/*********************************************************************************************

x. gallery

*********************************************************************************************/
#gallery {
	background:url(../img/gallery-bg4.jpg) no-repeat top fixed /*#000*/;
	background-size:cover;
}

#gallery .header {
	width:600px; height: 60px;
	background: url(../img/heading.png) no-repeat 0px -160px;
}




/*********************************************************************************************

x. bio

*********************************************************************************************/
#bio {
	background:url(../img/dbio-bg2.jpg) no-repeat top fixed /*#000*/;
	background-size:cover;
}

#bio .header {
	width:600px; height: 60px;
	background: url(../img/heading.png) no-repeat 0px -230px;
}



/*********************************************************************************************

x. note

*********************************************************************************************/
#note {
	background: url(../img/dnote-bg2.jpg) no-repeat top fixed;
	background-size:cover;
}

#note .header {
	width:600px; height: 60px;
	background: url(../img/heading.png) no-repeat 0px -300px;
}


/*********************************************************************************************

x. profile

*********************************************************************************************/
#profile {
	background: url(../img/dprofile-bg.jpg) no-repeat top fixed;
	background-size:cover;
	
}

#profile .header {
	width:600px; height: 60px;
	background: url(../img/heading.png) no-repeat 0px -370px;
}


/*********************************************************************************************

x. press

*********************************************************************************************/

#press {
	background:url(../img/press-bg2.jpg) no-repeat top fixed;
	background-size:cover;
}

#press .header {
	width:600px; height: 60px;
	background: url(../img/heading.png) no-repeat 0px -440px;
}


.design_full{position:fixed; bottom:0; width:100%;}
.design{width:150px; margin:5px auto; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#FFF; font-size:10px;}
.design a{color:#9a9b9b;  text-decoration:none;}
.design a:hover{color:#FFF;}