/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document Flamenco*/

* {margin:0; padding:0; border:0; outline:none;}

body {
	background-color:#1a1a1a;
}

body, input, textarea{	font-family: 'Open Sans', sans-serif; font-weight:300; font-size:14px; line-height: 100%;}

.riddle, .poetry, .poetry-mini, #menu a, .login-container, #trailer .answer input, input.submit{
	font-family: "Flamenco", sans-serif;
}

canvas{background-color:transparent;}

p {	
	cursor:default;
}


div {
	cursor:default;
	display:block;
}

h2 { }

#wrapper {
	position:relative; 
	z-index:10;
	width:100%;
	height:100%;
	min-width: 980px;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
}

#logo { 
	margin:55px auto 40px auto;
}
#logo h1 {text-align:center;}

#logo img {height: 45px; }

.poetry {
	font-size:52px;
	font-weight:300;
	font-style:normal;
	text-align:center;
	line-height:66px;
	color:#8d8d8d;
	letter-spacing:0.1em;
}
.poetry-mini {
	font-size:28px;
	font-weight:300;
	font-style:normal;
	text-align:center;
	line-height:38px;
	color:#a9a9a9;
	letter-spacing:0.1em;
	margin:10px 0px 30px 0px;
}

#menu {
	width:284px;
	margin:48px auto 15px auto;
	display:block;
	height:30px;
}

#menu a {
width:80px !important; 
border-right:1px solid #8d8d8d;
padding:0px 5px;
display:block;
float:left;
text-align:center;
color:#8d8d8d;
	text-decoration:none;
	font-size:14px;
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing:.2em;
}
#menu .last { border:none; padding-left:15px; }

#menu a:hover {
	color:#FF9D33;
	text-decoration:none;
}

#contact_form { color:#fff; font-size:20px;line-height: 24px;padding-top:10px;}

.login-container {
	width:500px;
	margin:35px auto 0px auto;
	display:block;
	height:120px;
	border-top:1px solid #8d8d8d;
	text-align:center;
	color:#8d8d8d;
	font-weight:400;
	font-size:18px;
	letter-spacing:.2em
}

.login-button {
	background-image: url("images/ithacan_or_not.png"); 
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:133px;
	height: 87px;
	margin: 45px auto 10px auto;
	cursor:pointer;
}
.login-button:hover {
	background-position: 0px -88px;
}

#script_1, #script_2 {
	z-index:1;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}

#script_1 img, #script_2 img {
	width:100%;
	display:block;
	position:relative;
	}

.about {
	margin:0px auto;
	width:960px;
}
.about:before,
.about:after {
    content: " ";
    display: table;
	clear: both; 
}
.about .info{	
	text-align:center;
	width: 32%;  
	margin-left: 1%;
	padding:7px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}

.about .info:first-child {
    margin-left: 0;
}

.about .info-thumb{
	margin-bottom:20px;
	border-bottom:1px solid #8d8d8d;
	height:130px;
}

.about p{
	text-align:justify;
	color:#a9a9a9;
	line-height:24px;
	padding: 5px 0px 15px 0px;
	margin:0;
}

.about p span {
	color:#fff;
}

.contact{
	margin:0px auto;
	width:340px;
	text-align:center;
	color:#fff;
}

.contact-address{
	color:#8d8d8d; 
	font-size:14px;
	margin:20px 0;
	border-bottom:1px solid #8d8d8d;
	letter-spacing: .08em;
}

input, textarea {
	width:96%;
	margin:0 0 10px 0px;
	padding: 5px 2%;
	background:#303030;
	border:none;
	font-size:16px;
	color:#FFF;
	resize:none;
	font-weight: 400;
}
textarea { margin-bottom:0px;}
input.submit {
	width:70px;
	color: #fff;
	cursor:pointer;
	background:none;
	font-weight: 400;
	font-size:18px;
}
input.submit:hover {color:#FF9D33;}

.contact input.submit{	
	text-align:right;
	float:right;
	padding-right:0;
	
}


#fade-container {
	z-index:2;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	background:#fff;
}
#sphinx-container {
	z-index:200;
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	overflow:hidden;
	background: #FF9D33;
}

#sphinx-container .pottery   {
	 display: block;
    margin: 0px;
    margin-left:5%;
    position: absolute;
    text-align: left;
    bottom: 0;
    z-index:2;
}
#sphinx1  {   
	z-index:1;
	  position: absolute;
	  bottom: 0px; 
      margin-left:5%;

}

#sphinx-still {
	display:none;
width:455px;
height:421px;
background: url('images/sphinx.png');
bottom:257px;
left:340px;
position:fixed;
margin-left: 5%;
}

#sphinx-container .pottery img, #sphinx1 img, #sphinx2 img, #sphinx3 video  {
	 bottom: -2px;
    display: block;
	left:40px;
    position: absolute;
    z-index:2;
}


#giffy {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	width:100%;
	height:100%;
	z-index:0;
}

#giffy img { 
	width:100%;
	height:100%;
}

#sphinx-container .login-close {
	background: url("images/dot.png") no-repeat;
	z-index:251;
	position:fixed;
	top:20px;
	right:20px;
	width:28px;
	height:28px;
	cursor:pointer;
}

#login_box {
    display: block;
    width: 500px;
    height: 500px;
    right: 5%;
    margin: 0 0 0 0px;
    position: absolute;
    top: 120px;
    z-index:3;

}

#trailer { width:500px; height:500px;background-color: rgba(0,0,0,0.9);}
#trailer .riddle {color:#fff;font-size:24px;text-align:center;padding:80px 20px;line-height:36px;}

#trailer .answer { text-align:center; }
#trailer .answer input {font-size:32px; margin: 60px auto; width:200px;text-align:center; display:block;}
#trailer .answer input.submit {font-size:24px; width:150px;}

#trailer_park, #iframe_park {
	position: absolute;
z-index: 300;
width: 100%;
height: 100%;
background: #000;
top: 0px;
left: 0px;
display:none;
}
 #iframe_park {
z-index: 240;
}
#backstage {
	position: absolute;
z-index: 300;
width: 100%;
height: 100%;
background:#FF9D33;
top: 0px;
left: 0px;
display:none;
}


#media-box{
	display:none;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    height: 100%;
    margin: 0 auto;
	padding:2% 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2000;

}
.media-close {
	background: url("images/dot.png") no-repeat;
	position:fixed;
	top:20px;
	right:20px;
	width:28px;
	height:28px;
	cursor:pointer;
}


#login_box .back {
	background: none repeat scroll 0 0 #000000;
    display: block;
    opacity: 0.7;
    height: 260px;
    width: 360px;
}

#login_box .content {
	margin-top: -240px;
	text-align:center;
	position:relative;
	z-index:310;
	color:#FF9D33;
	font-size:22px;
}
#login_box .mini-logo { margin:10px auto 15px auto;
}

#lightbox {position:absolute; width:100%; height:100%;display:block; z-index:3001;}
#lightbox-shadow {position:fixed; top:0px;left:0px; width:100%; height:100%;display:block;z-index:3000;}

#login p { font-size:12px; line-height:15px; }

.backstage-login {
	padding: 140px 0 0 0;
	background: url('images/sun-pattern-gray.png') no-repeat 50% 12%;
}

.backstage-login input {
	width:50%;
	text-align:center;
	padding: 5px 2%;
	background:#303030;
	border:none;
	font-size:16px;
	color:#FFF;
	resize:none;
}



.field-login{margin:10px auto 0; text-align:center; }
.field-login label {padding: 10px 0;
display: block;
color: #fff;font-size: 18px;}
.field-login input{font-size:18px; margin-top:10px;}

#iframe-backstage{
	height:0px; 
	width:0px; 
	overflow:hidden;
}

/*   ######  NDA styles       */

#nda { color:#fff;			background: url('images/back.gif') repeat #000;
}


#nda p, #nda .block {
	margin: 0px auto;
	padding: 4px 0px;
	font-family: Verdana, arial, serif;
	font-size: 12px;
	color: #f5f5f5;
	display:block;
	clear:both;
}
		
#nda textarea {
			font-family: Verdana, arial, serif;
			font-size: 12px;
			width:370px;
			display:block;
}
#nda input[type='checkbox'] {
		width:30px;
	display:block;
	float:left;
	margin: 20px 0px 10px 130px;
}
#nda input {
			font-size: 32px;
			padding:3px 5px;
			margin: 10px auto;		
			width:200px;
			display:block;
}
			
#nda #login {
			width: 400px;
			height: 430px;
			margin: 0px auto;
			text-align: center;
			padding: 20px 50px;
		}
		
	#nda .error {
			color: yellow; margin-top:-5px;
		}
		.nda {
					margin: auto;

		}
		
		.nda_text {
			background-color:#d5d5d5;
margin:10px 0 20px 0; padding:5px;			width: 400px;
			font-size:11px;
			line-height:13px
		}
		
		#login p.ipt, .ipt {font-size:28px; line-height:38px; margin:10px 0px;}
.nda_title {
				font-family: Verdana, arial, serif;

			font-size:16px;
			color:#f5f5f5;
			margin-top:10px;
			padding:0px;
			}
		#nda .terms {display:block;float:left;margin:20px 0px 10px 0px;}		
		#nda .advice {
font-size: 10px;
color: #D5D5D5;
text-align: left;
width: 480px;
margin: -35px auto 0 auto;
			display:none;
			}
		
		#nda .notice {
			position:absolute;
			bottom:5px;
			right:8px;
			float:right;
			vertical-align:middle;
			font-weight:12px;

		}
		
	#nda #accept {
			width:135px;
			background:#FF9D33;
			cursor:pointer;
			font-size:28px;
			border:none;
			color:#000;
			padding:3px 6px;
			
		}
		
.warning{
	color:#F00 !important;
}



@media only screen and (max-device-width : 480px){

	#wrapper { min-width: 320px;}
	a:active { background-color: black; }
	#menu a { width:140px; }
	#menu { margin: 18px auto 0px auto;}
	#script_1 img, #script_2 img { width: 250%; margin-left:-30px; position:fixed;}
	#logo { margin: 25px auto 30px auto; }
	#logo img { height: 30px; }
	.poetry { font-size: 26px; line-height:38px; }
	.login-container { width: 300px; border-top:none;}
	.about { width:96%;}
	.contact { width:90%;}
	.about .info { width: 100%; margin-left: 0px; }
	.cbp-contentslider { height:100%; }
	.cbp-contentslider > ul { height: 100%; overflow: visible;}
	.cbp-contentslider > ul li { position: relative; margin-top:-50px;}
	.cbp-contentslider li > div {overflow-y: visible;}
	#login_box { width:90%; height:80%; top:120px;}
	#sphinx-container .pottery { margin-left: -15%; bottom: -30px;overflow: hidden; width: 120%; height: 120%;}
	#sphinx-container .pottery img {}
	#trailer {width: 100%; height: 100%; }
	#trailer .riddle { font-size: 18px; padding: 25px 15px; line-height: 32px;}
	#trailer .answer input { margin: 15px auto;}


}