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

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 {
	background:url(../img/main_bg.jpg) repeat;
}
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;
}
a,input,textarea{outline:none;}
.clr{clear:both;}
img{max-width:100%;}
.no_left_margin{margin-left:0px !important;}
h1{font-size:40px; color:#bd4d14; line-height:44px;  text-transform:lowercase; font-family: 'soolidiumregular';}
h2{font-size:16px; color:#bd4d14; line-height:24px;  text-transform:lowercase; font-family: 'lithos_pro_regularregular'; padding-top:10px; text-transform:uppercase;}
strong{font-weight:bold;}
#con span a{color:#000;  font-size:14px;}


/*------------------------------------------scroller----------------------------------------------------------------------*/
.scroller{height:230px; margin-top:10px;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: 200px 0 0 0;
	background:url(../img/main_bg.jpg) repeat;
}

.section .content {
	/*text-align: center;*/
	width: 1000px; height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 998;
}
.section #query{width:600px !important;}
.section form{display:block; margin-top:20px; }
.section form input{width:98%; padding-left:2%; border-radius:10px; background:#fff; border:1px solid #bdae91; height:40px; margin-bottom:10px; font-family: 'multicolore_regular'; }

.section form textarea{width:97.5%; line-height:30px; padding-left:2%; border-radius:10px; background:#fff; border:1px solid #bdae91; height:80px; margin-bottom:10px; font-family: 'multicolore_regular'; font-size:13px;}

.section form input#submit{background:#308688; color:#fff; border-radius:0px !important; width:110px; border:0; cursor:pointer; height:35px;}

.section .content .right{width:580px; float:right;}

.section .content .left{width:580px; float:left; }
.section .content .types{width:360px; float:right; border-left:1px solid rgba(0,0,0,0.1); padding-left:30px;}

.section .content p {
	font-size:14px;
	padding-bottom:5px;
	color:#308688;
	text-align:justify;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 20px;
}
.app p{font-size:13px !important;  line-height:18px !important; margin-bottom:3px;}
.app p strong{font-size:14px;}

.section .content p.big{ font-family: 'multicolore_regular'; font-size:16px; line-height:22px; padding:8px 0; margin:5px 0; color:#000; border-top:1px solid #308688; border-bottom:1px solid #308688;}

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

.section .content ul.list{list-style:circle; width:600px; margin-top:5px; list-style-position:inside; margin-bottom:5px;}
.section .content ul.list li{float:none; font-size:11px; padding-bottom:5px; color:#000;  font-family: 'multicolore_regular'; line-height:14px; text-transform:none;}

#synop{height:205px !important;}
#dnote{font-style:italic !important;}
#dnote p.normal{font-style:normal;}
.section .content p span{ font-size:18px; }
strong{font-weight:bold;}
.section .header {
	margin: 0 auto 15px auto;
}
.left_cont{float:left; width:340px;}
.left_cont p{line-height:22px !important;}
.left_cont a{color:#000;}
img.inside{float:left; box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);  border-radius:50%;}


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

x. Navigation

*********************************************************************************************/
#nav {
	width: 100%;
	position: fixed;
	z-index: 999;
	display: none;
	 background:url(../img/nav_bg_inside.png) repeat; 
}
#nav_inside {
	width:1000px; margin:0 auto;  margin-top:5px;  padding-bottom:20px;
}

#nav_menu{width:800px;   height:20px; float:right; margin-top:50px; }



#nav a {
	font-size:12px;
	line-height:20px;
	text-align:center;
	background:none !important ;
	display: block;	
	position: relative;
	overflow: hidden;
	color:#308688;
	text-decoration:none;
	font-family: 'soolidiumregular';
}

#nav a.logo {
	width: 114px; height: 135px;
	display:block;
	float:left;
	background:url(../img/inside_logo.png) no-repeat !important;
	
}

#nav li {
	position: relative;
	float: left;
	margin:0 16px;
}

#nav li a{display:block;
}
#nav li a:hover{color:#000;}

#nav li.current a {
	width: auto; height: 20px;
	position: relative;
	/*border-bottom:3px solid #308688;*/
}


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


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

x. Home

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

#home #home_inside{width:1000px; margin:0 auto; position:relative; height: 1080px;}
#home #home_inside #home-nav {
	width: 720px; height: 52px;
	position: absolute;
	top: 18%;
	right:0;
}

#home #home_inside #home-nav a {
	text-indent: 0px !important;
	line-height:52px;
	font-size:40px;
	background:none !important ;
	color:#bd4d14;
	text-decoration:none;
	font-family: 'soolidiumregular';
}
#home #logo {
	width:409px; 
	height: 409px;
	background:url(../img/home_logo.png) no-repeat left;
	position:absolute;
	left:0;
	top: 15%;
}

#home #logo h1{font-family: 'soolidiumregular'; font-size:55px; line-height:58px; text-align:center; padding:150px 0px; color:#FFF;}

#home #logo img{position:absolute; bottom:40%;}
#home #home_inside #home-nav li {
	float: none;
	padding:5px 0;
}
#home #home_inside #home-nav li.types{margin-left:30px;}
#home #home_inside #home-nav li.types a,#home #home_inside #home-nav li.applications a,#home #home_inside #home-nav li.works a{color:#308688;}
#home #home_inside #home-nav li.air{margin-left:45px;}
#home #home_inside #home-nav li.applications{margin-left:35px;}
#home #home_inside #home-nav li.woven{margin-left:25px;}
#home #home_inside #home-nav li a{
	display:block;
	padding:0px;}
#home #home_inside #home-nav li a:hover{color:#000;}


#home #home_inside #home-nav ul {
	width: 500px; height: 52px;
	margin: 0 auto;
	list-style: none;
}


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

x. synopsis

*********************************************************************************************/
#synopsis {
	background:none; /*#000*/;
}

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



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

x.cast

*********************************************************************************************/
#cast {
	background:none;
}

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

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

x. gallery

*********************************************************************************************/
#gallery {
	background:none;
}

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




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

x. bio

*********************************************************************************************/
#bio {
	background:none;
}

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



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

x. note

*********************************************************************************************/
#note {
	background:none;
}

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


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

x. profile

*********************************************************************************************/
#profile {
	background:none;
	
}

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


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

x. press

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

#press {
	background:none;
}

#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;}


#top{width:100%; z-index:999; position:fixed; border-top:5px solid #308688; top:0;}
#bottom{width:100%;  background:url(../img/bottom_bg.png) ; z-index:999; position:fixed; border-bottom:5px solid #000; bottom:0; left:0;}
#bottom_inside{width:1000px; margin:0 auto; font-family:Tahoma, Geneva, sans-serif; color:#c3b398; font-size:11px; line-height:30px; padding-top:30px; }
#bottom_inside span.copyright{float:left;}
#bottom_inside span.design2{float:right;}
#bottom_inside span.design2 a{color:#c3b398; font-size:11px; line-height:30px; text-decoration:none;}
#bottom_inside span.design2 a:hover{color:#000;}


#social_icons{position:fixed; width:64px; right:15px; top:305px;}
#social_icons img{margin-bottom:10px; float:none; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
	
	#social_icons img:hover{margin-left:5px; float:none; }