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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

/* =Structure
----------------------------------------------- */


body {
	background: #c0c0c0;
}

#container {
	margin: 0px auto;
	margin-top: 0px;
	width: 1200px;
	height:800px;
	background: #1E1E1E;
	position: relative;
	}

#header {
	margin: 0 auto;
	margin-top: 0px;
	width:100%;
	height: 85px;
	background: #1E1E1E;
	float: left;
	}
	
	
		#headleft {
	margin: 0 auto;
	width:308px;
	height: 85px;
	margin-left: 70px;
	background: #1e1e1e;
	float: left;
	}
	
	#headright {position: relative; bottom: 0;
	
	margin: 0 auto;
	width:800px;
	height: 90px;
	background: #ff000;
	display: inline;
	float: left;
	}
	
	#headrighttop {position: relative; bottom: 0;
	margin: 0 auto;
width:755px;
	height: 49px;
	background: #1e1e1e;
	float: left;
	display: inline;
	}
	
		
	#headrightbottom {position: relative; bottom: 0;
	margin: 0 auto;
	margin-left: 7px;
	width:800px;
	height: 25px;
	background: #1e1e1e;
	float: left;
	display: inline;
	}
	#faceblock {width: 25px; height: 38px; background-color: #000; float: left;}


.face {
  display:block;
   margin-top:17px;
  margin-left: 3px;
  width: 20px;
  height: 20px; 

    background:url("../images/facebooklink.jpg") no-repeat;
}

.face:hover{ display:block;
 margin-top:17px;
  margin-left: 3px;
  width: 20px;
  height: 20px; 
  background:url("../images/facebooklinkover.jpg") no-repeat;

}
         
         
#sliver {
	margin: 0 auto;
	width: 100%;
	height: 10px;
	background-color: #1e1e1e;
	float: left;
	
	}
	
	
#menu ul {float: right;
width: 190px;
display: block;
padding-top: 22px;
background-color: #1e1e1e;
margin: 0px auto;
overflow-x: hidden;
overflow-y: hidden;
text-align: bottom;
font-family: Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;

}

#menu li{float: right;
padding: 0px;
display: block;
margin: 10 auto;
overflow-x: hidden;
overflow-y: hidden;
line-height:100%;
font-family: Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
text-indent: 0px;
text-align: left;
float: left;

}

#menu li a{background-color: #1e1e1e;
color: #ffffff;
float: right;
padding: 3px 5px 3px 5px; 
display: block;
text-decoration: none;
font: 14px Eurostile, sans-serif; 
cursor:pointer; 
letter-spacing:2px;
list-style: none;

}


#menu li a:hover{background-color: #1e1e1e;
color: #FF0000;
padding: 3px 5px 3px 5px; 

}



#menu li a.current,#menu li a.current:hover{
background-color: #1e1e1e;
color: #FF0022;
padding: 3px 5px 3px 5px; 
}

.menuwork {
float: left;
width: 600px;
height: 25px;
background-color: #1e1e1e;
margin: 0px auto;
overflow-x: hidden;
overflow-y: hidden;
text-align: center;
font-family: Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;


}

.menuwork li{
padding: 0px;
display: block;
margin: 5 auto;
overflow-x: hidden;
overflow-y: hidden;
line-height:100%;
font-family: Helvetica Neue, Helvetica, sans-serif;

font-size: 14px;
text-indent: 0px;
text-align: left;
float: left;
}

.menuwork li a{background-color: #1e1e1e;
color: #ffffff;

float: left;
padding: 3px 0px 3px 0px; 
display: block;
text-decoration: none;
font: 14px Helvetica Neue, Helvetica, sans-serif;
cursor:pointer; 
margin-right: 155px;
letter-spacing:2px;
list-style: none;
overflow-x: hidden;
overflow-y: hidden;
}


.menuwork li a:hover{background-color: #1e1e1e;
color: #ff0000;
border-bottom: 2px solid #fff;
padding: 3px 0px 3px 0px; 

}



.menuwork li a.current,.menuwork li a.current:hover{
background: #1E1E1E;
color: #ff000;
padding: 3px 0px 3px 0px; 
}

#menuwork2 {
float: left;
width: 150px;
height: 25px;
background-color: #1e1e1e;
margin: 0px auto;
overflow-x: hidden;
overflow-y: hidden;
text-align: center;
font-family: Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;


}

#menuwork2 li{margin-left: 50px;
padding: 0px;
display: block;
margin: 5 auto;
overflow-x: hidden;
overflow-y: hidden;
line-height:100%;
font-family: Helvetica Neue, Helvetica, sans-serif;

font-size: 14px;
text-indent: 0px;
text-align: left;
float: left;
}

#menuwork2 li a{background-color: #1e1e1e;
color: #ffffff;

float: left;
padding: 3px 0px 3px 0px; 
display: block;
text-decoration: none;
font: 14px Helvetica Neue, Helvetica, sans-serif;
cursor:pointer; 
margin-right: 0px;
letter-spacing:2px;
list-style: none;
overflow-x: hidden;
overflow-y: hidden;
}


#menuwork2 li a:hover{background-color: #1e1e1e;
color: #ff0000;
border-bottom: 2px solid #fff;
padding: 3px 0px 3px 0px; 

}



#menuwork2 li a.current,#menuwork2 li a.current:hover{
background: #1E1E1E;
color: #FF022;
padding: 3px 5px 3px 5px; 

}


	
#middlefilm {
	margin: 0 auto;
	width: 1200px;
	height: 590px;
	background-image:url('../images/film-indi.jpg');

	float: left;
	}
	#middlecaste {
	margin: 0 auto;
	width: 1200px;
	height: 590px;
	background-image:url('../images/caste-indi.jpg');

	float: left;
	}
	#middletrailer {
	margin: 0 auto;
	width: 1200px;
	height: 590px;
	background-image:url('../images/trailer-indi.jpg');

	float: left;
	}
	#middleabout {
	margin: 0 auto;
	width: 1200px;
	height: 590px;
	background-image:url('../images/about-indi.jpg');

	float: left;
	}
	
	#middleindiegogo{
	margin: 0 auto;
	width: 1200px;
	height: 590px;
	background-image:url('../images/indigogo-indi.jpg');

	float: left;
	}
		
			#dont2 {margin: 450px 0px 0px 216px;
		
	width: 200px;
	
	font-family: Helvetica, san-serif;
font-size: 15px;
color: #ffffff;
background-color: transparent
	float: left;
	position: absolute;
	
	}
		#dont2 a{
		cursor: pointer;
		 text-decoration:none;
	width: 200px;
	
	font-family: Helvetica, san-serif;
font-size: 15px;
color: #ffffff;
background-color: transparent
	float: left;
	position: absolute;
	
	}
	
	#dont2 a:hover{ text-decoration: none;color: #cccccc;}
	
	
	
			#dont {margin: 170px 0px 0px 220px;
		
	width: 200px;
	
	font-family: Helvetica, san-serif;
font-size: 15px;
color: #ffffff;
background-color: transparent;
	float: left;
	position: absolute;
	
	}
	
	#dont {margin: 170px 0px 0px 216px;
		
	width: 200px;
	
	font-family: Helvetica, san-serif;
font-size: 13px;
color: #ffffff;
background-color: transparent
	float: left;
	position: absolute;
	
	}
	
	
	
	
	
		#dont a{
		cursor: pointer;
		 text-decoration:none;
	width: 200px;
	
	font-family: Helvetica, san-serif;
font-size: 13px;
color: #ffffff;
background-color: transparent
	float: left;
	position: absolute;
	
	}
	
	#dont a:hover{ text-decoration: none;color: #cccccc;}
	
	
	
	
	
	
	
	
#middle2 {
	background-image:url('../images/tree.jpg');
	background-repeat:no-repeat;
	margin: 0 auto;
	width: 1000px;
	height: 650px;


	padding: 50px 0px 0px 200px;
list-style-type:none;
display: inline;
margin: 0px auto;
line-height:165%;
font-style: italic;
font-family: Verdana, san-serif;
font-size: 16px;
float: left;
	}
	#middle3 {
	background: #1e1e1e;
	background-repeat:no-repeat;
	margin: 0 auto;
	width: 800px;
	height: 550px;
	float: left;
	
	padding: 50px 0px 0px 400px;
list-style-type:none;
display: inline;
margin: 0px auto;
line-height:150%;
font-family: Verdana, san-serif;
font-size: 13px;
float: left;
	}
	#middle3b {
	background: #1e1e1e;
	background-repeat:no-repeat;
	margin: 0 auto;
	width: 1200px;
	height: 550px;
	float: left;
	
	padding: 50px 0px 0px 0px;
list-style-type:none;
display: inline;
margin: 0px auto;
line-height:150%;
font-family: Verdana, san-serif;
font-size: 13px;
float: left;
	}
		#middle3c {
	background: #1e1e1e;
	background-repeat:no-repeat;
	margin: 0 auto;
	width: 250px;
	height: 495px;
	float: left;
	
	padding: 5px 10px 0px 190px;
list-style-type:none;
display: inline;
margin: 0px auto;
line-height:150%;
font-family: Verdana, san-serif;
font-size: 13px;
float: left;
	}
		#middle3d {
	background: #1e1e1e;
	background-repeat:no-repeat;
	margin: 0 auto;
	width: 690px;
	height: 500px;
	float: left;
	
	padding: 0px 50px 0px 0px;
list-style-type:none;
display: inline;
margin: 0px auto;
line-height:150%;
font-family: Verdana, san-serif;
font-size: 13px;
float: left;
	}

#gallery{
    width:1200px; /*change this*/
}
#imageareaContent img{
    width:1200px; /*change this*/
}


#scrollGalleryHead{
/*has to be postion:relativ or static*/
	margin:0px;
	padding:0px;
	margin-top:0px;
    background-color:#1e1e1e;
}

#scrollGalleryFoot{
/*has to be postion:relativ or static*/
	margin:0px;
	padding:0px;
	margin-top:0px;
    background-color:#1e1e1e;
}


#thumbarea{
	overflow: auto; 
	overflow-y: hidden; 
	overflow-x: auto;
	width:100%; 
	margin:0px; 
	padding:0px;
	border-bottom: 0px solid #1e1e1e;
}
#thumbareaContent{
	padding-left:0px; 
	padding-right:0px; 
	margin:0px; 
 	white-space: nowrap;       /* important */	
}
#thumbareaContent img{
	padding:0px;
    margin:0px;
	margin-right:0px;
	cursor:pointer;
    border: 0px solid #ffffff;
}
#imagearea{
	overflow: auto; 
	overflow-y: hidden; 
	overflow-x: auto;
	width:100%; 
	margin:0px; 
	padding:0px;
}
#imageareaContent{
	padding-left:0px; 
	padding-right:0px; 
	margin:0px; 
 	white-space: nowrap;       /* important */
    margin-bottom:0px;
}
#imageareaContent img{
    margin:0px;
	margin-right:0px;
    border: 0px solid #ffffff;
}


#footer-wrap
{
	clear: left;
	color: #fff;
	background: #CC0033;
	width: 100%;
}

#footer
{
	
	width: 1200px;
	text-align: right;
		background: #C0c0c0;
	height: 50px;
}


.mail {text-decoration: none; color: #ffffff;}
.mail a {text-decoration: none; color: #ffffff;}
.mail a:hover {text-decoration: none;
color: #cc0033;}


/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}


/* Text elements */
.words {font-style: normal;
font-family: Arial, Sans Serif, Verdana;
font-size: 12px;
margin: 15 60 20 0px;
}
.words H1{font-style: bold;
font-family: Verdana, Sans Serif, Verdana;
font-size: 20px;
margin: 0 0 8 0px;
}

.heading {font-style: bold;
font-family: Verdana, Sans Serif;
font-size: 30px;
margin-top: 50px;
margin-left: 40px;
float: left;
color: #000;
}



/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
}


/* GRID */
#roll-container {width: 600px;
margin-top: 50px;
margin-left: 50px;
background: transparent;
}

.rollpic a{width: 100px;
height: 80px;
background-image: url('../images/monster_thb.jpg');
display: block;
cursor: pointer;
float: left;
}

.rollpic a:hover {width: 100px;
height: 80px;
background: #FFF000;
display: block;
float: left;

}

.roll a{width: 100px;
height: 80px;
background: #ff0000;
display: block;
cursor: pointer;
float: left;
}
.roll a:hover {width: 100px;
height: 80px;
background-image: url('../images/monster_thb.jpg');
display: block;
float: left;
}

.roll2 a{width: 100px;
height: 80px;
background: #000000;
display: block;
cursor: pointer;
float: left;
position: relative;

}

.roll2 a:hover {width: 100px;
height: 80px;
background-image: url('../images/Egoist_thb.jpg');
display: block;
float: left;

}

.roll3 a{width: 100px;
height: 80px;
background: #FFFF00;
display: block;
cursor: pointer;
float: left;


}

.roll3 a:hover {width: 100px;
height: 80px;
background-image: url('../images/dog1_thb.jpg');
display: block;
float: left;

}
.roll4 a{width: 100px;
height: 80px;
background: #0000cc;
display: block;
cursor: pointer;
float: left;
}

.roll4 a:hover {width: 100px;
height: 80px;
background-image: url('../images/cross1_thb.jpg');
display: block;
float: left;

}
.roll5 a{width: 100px;
height: 80px;
background: #fff;
display: block;
cursor: pointer;
float: left;
}

.roll5 a:hover {width: 100px;
height: 80px;
background-image: url('../images/Touche_thb.jpg');
display: block;
float: left;

}

 #navigation {font-size:0.80em; width:150px; margin-top: 60px;
font-family: Helvetica, Sans Serif;}
#navigation ul {margin:0px; padding:0px;}
#navigation li {list-style: none;}

ul.top-level {background-color: transparent;
 margin-bottom: 10px; }
ul.top-level li {

 border-width: 0px;
 margin-bottom: 10px;

}
#navigation a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 10px;                   
 text-decoration:none;
 width:150px;
 border-radius:0 7px 7px 0px;
-moz-border-radius:0 7px 7px 0px;
-webkit-border-radius:0 7px 7px 0px;

}
#navigation a:hover{
 text-decoration:none;
}
#navigation a:active{
 text-decoration:none;
 border-radius:0 0px 0px 0px;
-moz-border-radius:0 0px 0px 0px;
-webkit-border-radius:0 0px 0px 0px;

}

#navigation li:hover {
position: relative;
}


.film a { background-color: #B5222D;  } 
.caste a { background-color: #B5222D; } 
.trailer a { background-color: #B5222D; } 
.about a { background-color: #B5222D; } 
.indiegogo a { background-color: #B5222D; } 

#navigation li.currentfilm a{ background-color: #B5222D;  border-radius:0 0px 0px 0px;
-moz-border-radius:0 0px 0px 0px;
-webkit-border-radius:0 0px 0px 0px;}

#navigation li.currentabout a{ background-color: #B5222D;  border-radius:0 0px 0px 0px;
-moz-border-radius:0 0px 0px 0px;
-webkit-border-radius:0 0px 0px 0px;}

#navigation li.currentcaste a{ background-color: #B5222D;  border-radius:0 0px 0px 0px;
-moz-border-radius:0 0px 0px 0px;
-webkit-border-radius:0 0px 0px 0px;}

#navigation li.currenttrailer a{ background-color: #B5222D;  border-radius:0 0px 0px 0px;
-moz-border-radius:0 0px 0px 0px;
-webkit-border-radius:0 0px 0px 0px;}














/