/*
Template Design by Icon


*/

/** Common Styles */

body {
	
	background: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0px;
	color: #000;
}

.wrapper {
	margin:0px auto;
	width: 924px; font-size: 11px;
	
}
/** Style for header starts here */

#header {
	width: 924px;
	height: 100px;
	margin: 0px auto;
	
}
#header .logo { margin:50px 0 0px 30px;}

.box { background:url(images/mid.jpg) repeat-y; width:924px; margin:0px auto;}

/** Style for menu starts here */

#menu {
	
	height: 30px;
	margin: 0px auto;
	background:#252525; border-bottom: solid 1px #797979;
}

#menu ul {
	margin: 0px;
	padding: 0 0 0 20px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	border: none;
	padding: 10px 30px;
	text-decoration: none;
	color:#666; font-size:11px; text-transform:uppercase;
}

#menu a:hover {
	color: #D7D7BD;
}

.video { margin:20px auto; text-align:center}



/** Style for content starts here */

#content {
	width: 950px;
	margin: 0px auto;
}

#content p, .box p { font-size:11px; line-height:18px; color:#666; margin:10px 0}

 p strong { color:#FFF; font-weight:normal}


.type { margin:20px;}
.float-left { float:left; margin-right:20px;}

.wrapper h1 { color:#acacac; font-size:20px; font-weight:normal; margin:20px 0 10px 0; text-align:center; text-transform:uppercase}
.wrapper h2 { color:#acacac; font-size:16px; font-weight:normal; margin:20px 0 10px 0;}

#right {
	float: right;
	width: 450px;
	padding: 10px;
}



#left {
	float: left;
	width: 400px;
	padding: 20px 20px;
	
}

#films-wrapper {
	width: 860px;	
	padding: 10px;
	margin: 0px auto;
}

#c1-films {
	float: left;
	width: 220px;
	padding: 0;
	margin: 0;
}



#c2-films {
	float: left;
	width: 630px;
	padding: 0;
	margin: 0 0 0 10px;
}

#films-light-wrapper {
		width: 860px;	
	padding: 15px;
	margin: 0px auto;
	border-top:solid 1px #333;
}

#c1-films-light {
	float: left;
	width:200px;
	padding: 0;
	margin: 0;
}




#c2-films-light {
	float: left;
	width: 600px;
	
	padding: 0;
	margin: 0;
}

.contact { width:400px; margin:10px auto;}
.contact p { margin:10px;}
.contact label { display:block; width:80px; float:left; }
.contact input {  display:block}


/** Style for footer starts here */

#footer {
	clear: both;
	
	margin: 20px auto;
	padding: 18px;
	background: #000000;
	font-size: 10px;
	color: #E5E5CC;
	border-top: solid 1px #333;
}

#footer .col {
	float: left;
	margin: 0px;
	padding-left: 20px;
	text-align: center;
	width:280px;
}
#footer .col p { text-align:left; margin:10px 0; line-height:18px;}



#footer a {
	
	text-decoration: none;
	color:#666;
}

.clear { clear:both;}

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, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}