html, body, h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
background:black;
border:0px solid yellow;
font-family:Code-Pro;
color:white;
}

.fullwrapper{
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:contain;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:contain;
background-repeat:no-repeat;
position:fixed;
margin-left:32%;
background-position:top center;
}

.headwrapper{
background:black;
width:100%	border:0px solid green;
}
/* header */	
	
.header{
height:5em;
width:100%;
position:relative;
border:0px solid #969696;
}
.header ul{
list-style-type:none;
display:inline-block;
float:left;
position:relative;
}
#logo{
width:25%;
position:relative;
border:0px solid #969696;
}
#search{
margin-top:35px;
width:50%;
border:0px solid #969696;

}
#searchbox{
color:gray;
border:1px solid #969696;
/*border-radius*/
-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
background:url(Images/mag_glass.jpg) no-repeat 5px 1px;
outline:none;
padding-left:6%;
width:200px;
}
#navigation{
width:25%;
position:absolute;
margin-top:1em;
right:8%;
text-align:right;
border:0px solid blue;
z-index:100;
}
#navigation li{
display:inline-block;
font-size:18px;
font-weight:bold;
border:0px solid red;
}
#navigation a:link{
color:white;
text-decoration:none;
}
#navigation a:visited{
color:white;
text-decoration:none;
}
#navigation a:hover{
color:#F9F9F9;
}
#navigation a:active{
color:white;
}


#navigation #register{
	text-align:left;
	position:absolute;
	border:0px solid yellow;
	width:320px;
	min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
	background: #2f2f2f;
	color:white;
	padding:5px;
	word-wrap:break-word;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:0px;
	margin-bottom:2em;
	padding-top:20px;
	padding-bottom:30px;
	font-size:24px;
	}
	
#navigation #register:after	{ /*arrow added to Register DIV*/
	content:'';
	display:block;
	position:absolute;
	top:-26px; /*should be set to -border-width x 2 */
	left:115px;
	width:0;
	height:0;
	border-color: white transparent transparent transparent; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 9px;
	z-index:5;
}

.registerDropdownMenu{
	background:#2f2f2f;
	width:290px;
	margin-left:20px;
	}

#navigation #cork{
	text-align:left;
	position:absolute;
	border:0px solid yellow;
	width:275px;
	min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
	background: #2f2f2f;
	color:white;
	word-wrap:break-word;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:0px;
	margin-bottom:2em;
	margin-left:-198px;
	padding-top:20px;
	padding-bottom:30px;
	padding-left:25px;
	padding-right:25px;
	font-size:24px;
	}	

#navigation #cork:after	{ /*arrow added to Signup Div */
	content:'';
	display:block;
	position:absolute;
	top:-26px; /*should be set to -border-width x 2 */
	left:301px;
	width:0;
	height:0;
	border-color: white transparent transparent transparent; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 9px;
	z-index:5;
}	

#navigation #textfield {
	background:black;
	outline:none;
	color:white;
	padding-left:10px;
	margin-bottom:7px;
	margin-left:0px;
	border:0px solid #6f6f6f;
	}

#navigation .button {
	background:black;
	outline:none;
	color:#969696;
	font-weight:bold;
/* Background Gradients */
	background:#2f2f2f;
	background: -moz-linear-gradient(top, #2f2f2f, #969696 50%, #969696 51%, #2f2f2f);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f2f2f), color-stop(.5, black), to(#2f2f2f));

/* Border Radius */
	-moz-border-radius:5px;
	border-radius:5px;
	border:0px solid black;
	border-top: 0px solid #2f2f2f;

/* Test shadow */
	text-shadow: 2px 2px 2px black;

/* Box Shadow */
	-moz-box-shadow: 0 100px 3px black;
	box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	
	cursor:pointer;
	}	
	
/* Body */


/* Image */
#lrgimg{
position:relative;
width:100%;
border:0px solid red;
}
.opac{
max-width:100%;
opacity:0.25;
clear:both;
}
.imagereserve{
width:100%;
height:150px;
}
#imgtext{
color:white;
position:absolute;
top:50px;
left:8%;
font-size:24px;
font-family:Code-Pro;
font-weight:bold;
}
#howitworks{
color:white;
position:absolute;
bottom:0;
left:44%;
font-weight:bold;
}
/* Movie Categories */	
.container{
}
.arrowsandcontent{
width:97%;
margin-left:2%;
margin-top:50px;
display:inline-block;
float:left;
border:0px solid pink;
position:relative;
}



.content{
width:91%;
border:0px solid red;
float:left;
overflow:hidden;
margin-left:3.5%;
}

ul.content_covers, ul.content_names {
	left:0px;
	}
	
.content ul li:last-child{
}
.content ul li:first-child{
margin-left:-41px;
}
.content ul{
border:0px solid green;
position:relative;
margin-top:0em;
overflow:hidden;
list-style-type:none;
width:9999px;
}
.content ul:first-child{
height:206px;
}

.content ul:last-child{
margin-top:-0.8em;
height:35px;
}
.content ul li{
list-style-type:none;
display:inline-block;
text-align:center;
border:0px solid blue;
font-weight:bold;
vertical-align:top;
max-width:9999px;
float:left;
/* important for inline positioning of the list items */
width:204px;
/* fixed width, important */
padding:0px;
font-family:Code-Pro;
color:white;
}
.content ul li img{
max-width:100%;
border:0px solid gray;
height:200px;
}

.category{
position:relative;
color:white;
font-weight:bold;
font-size:28px;
margin-top:1%;
margin-bottom:1%;
border:0px solid orange;
clear:left;
font-family:Code-Pro;
margin-bottom:20px;
}
.block1{
width:33%;
position:relative;
float:left;
border:1px solid black;
}
.block2{
width:33%;
position:relative;
float:left;
border:0px solid green;
margin-bottom:10px;
text-align:center;
}
.block3{
position:relative;
float:left;
text-align:right;
border:0px solid red;
width:25%;
}

.close {
	font-size:24px;
	color:white;
	text-decoration:none;
	float:right;
	margin-top:-10px;
	margin-right:-4px;
	}

#movie_form ul {
	margin-top:60px;
	left:5px;
	text-align:left;
	margin-left:-35px;
	}
	
#movie_form ul li {
	color:white;
	text-align:left;
	font-size:16px;
	list-style-type:none;
	margin-bottom:17px;
	}
	
.addmovie-popup{
	display:none;
	background: #333;
	padding: 10px; 	
	width:550px;
	height:330px;
	border: 1px solid black;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #333333; /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #333333; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #333333; /* Safari, Chrome */
	border-radius:13px 13px 13px 13px;
        -moz-border-radius: 13px; /* Firefox */
        -webkit-border-radius: 13px; /* Safari, Chrome */
}

.moviePopupTitle {
	background:#333333;
	text-align:left;
	font-size:32px;
	padding-left:200px;
	font-weight:bold;
	}

		
.loginform p{
	margin-left:10px;
	background:#333333;
	float:left;
	text-align:left;
	font-size:24px;
	}

.addMovieButton{
	margin-top:210px;
	position:absolute;
	margin-left:370px;
	}
	
#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.5;
	z-index: 999;
}	
	
.content ul li a:link{
color:#969696;
text-decoration:none;
}
.content ul li a:visited{
color:#969696;
text-decoration:none;
}
.content ul li a:hover{
color:#F9F9F9;
}
.content ul li a:active{
color:#969696;
}
.leftarrowdiv{
width:3.5%;
height:60px;
border:0px solid yellow;
position:absolute;
left:0%;
margin-top:55px;
}
.rightarrowdiv{
width:50px;
height:60px;
background:black;
border:0px solid yellow;
position:absolute;
right:0%;
z-index:1;
right:0;
margin-top:55px;
}
.leftarrow{
width:0px;
height:0px;
border-bottom:30px solid transparent;
/* left arrow slant */
border-top:30px solid transparent;
/* right arrow slant */
border-right:30px solid #2f2f2f;
/* bottom, add background color here */
font-size:0px;
line-height:0px;
position:relative;
cursor:pointer;
}
.rightarrow{
width:0px;
height:0px;
border-bottom:30px solid transparent;
/* left arrow slant */
border-top:30px solid transparent;
/* right arrow slant */
border-left:30px solid #2f2f2f;
/* bottom, add background color here */
font-size:0px;
line-height:0px;
position:absolute;
right:0;
cursor:pointer;
}

hr{
margin:0 40px 0 40px;
border:0;
border-top:0px solid #2f2f2f;
position:absolute;
}
/* Footer */	
	
.footer{
    clear: both;
    border: 1px groove #101010;
    background: #101010;
    color: White;
    padding: 0;
    text-align: center;
    vertical-align: bottom;
    line-height: 0px;
    margin: 0;
    position: fixed;
    bottom: 0px;
    width: 100%;
	height:40px;
}
.footer ul:first-child{
}
.footer ul:last-child{
}
.footer ul li{
display:inline-block;
list-style-type:none;
padding-left:10%;
padding-right:10%;
text-align:center;
}
.footer ul li a:link{
color:#969696;
text-decoration:none;
}
.footer ul li a:visited{
color:#969696;
text-decoration:none;
}
.footer ul li a:hover{
color:#F9F9F9;
}
.footer ul li a:active{
color:#969696;
}







@media screen and (max-width: 1095px){
html, body, p, h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
background:black;
width:1100px;
color:white;
border:0px solid yellow;
}

.fullwrapper {
	width:1100px;
	}

.headwrapper {
	width:1095px;
	}	
	
#navigation {
	width:350px;
	}	
}