/*****LAYOUT ELEMENTS*****/

html, body {
				height: 100%;
			}

#container {
				position: relative;
				min-height: 100%;
				
			}

#footer {
	position: absolute;
				bottom: 0px;
				width:100%;			
			}
			
#qt {
/*background-color: aqua;*/
width:286px;
height:146px;
padding: 0px;
margin:0px;
}


body {
	text-align: left;
	margin: 0px;
	padding:0px;
	font-size: 62.5%;
	/*background-image:url('images/bg/showcase_bg.jpg');*/
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:bottom; 
}

#menu_wrapper {
	background: url('../images/bg_bar.gif') repeat-x;
	text-align: center;
	padding-bottom:0px;
}

#content {
}

div, img, h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	width:900px;
	height:500px;
	margin: 0px auto;
	text-align: left;

	padding-bottom: 0px;
	padding-top:0px;
	/*position: relative; Can use this to position elements relatively inside using absolute!*/
}

#menu {
	width: 900px;
	height: 138px;
	/*background-color: aqua;*/
	margin: 0px auto 0px auto;
	text-align: left;
}

#contactdetails {
	margin: 0px auto 0px auto;
	width:900px;
	height:96px;
	text-align: right;
	/*bottom:20px;
	right: 15%;*/
}

#green_bar {
	/*position: absolute;
	bottom:0px;*/
	background-color: #D1DF41;
	width: 100%;
	height:20px;
}



/****columns of 900px there are 3 columns 300px wide****/

#onecol {
	/*padding:20px;*/
	width:280px;
	float: left;
	background-color: #D1DF41;
	margin: 0px 0px 0px 0px;
	padding:0px;
}

#onecol_dg {
	width:280px;
	float: left;
	background-color: #93C952;
	margin: 0px 0px 0px 0px;
	padding:0px;

}

#onecol_lg {
	width:280px;
	float: left;
	background-color: #D1DF41;
	margin: 0px 0px 0px 0px;
	padding:0px;

}

.int {
	margin: 0px 0px 0px 0px;
	padding: 15px;
}


.dark_green {
	background-color: #93C852;
}

.i4_green {
	background-color: #D1DF41;
}

.i4_yellow {
	background-color: #ECE83B;
}

#bio {
	background-color: #FFFFFF;
	margin: 10px;
	padding: 15px;
}

#bio p {
width: 355px;
}

#bio img {
	float: right;
}

#twocol h1 {
	font-family: Arial, Helvetica, Verdana, Arial, sans-serif;
	padding: 27px 0px 0px 15px;
	display: block;
	color: #000000;
	font-weight: normal;
	font-size: 1.8em;
}


.title {
	padding: 15px 0px 10px 15px;
	display: block;
}

#twocol {
	float: right;
	width: 575px;

}

#qt {
/*background-color: aqua;*/
width:545px;
margin: 15px 0px 10px 15px;
padding-bottom: 15px;
}

/*SHOWCASE*/
.tvc {
background-color: #FFFFFF;
padding: 5px;
margin-bottom: 4px;
cursor:pointer;
line-height: 1.1em;
}

.tvc img {
display: block;
float: left;
width:95px;
line-height: 1.1em;
}

.tvc p {
margin: 0px 0px 0px 0px;
padding: 0px;
float: right;
display: block;
width:95px;
text-align: right;
line-height: 1.1em;
}

#onecol_title {
margin-bottom: 15px;

}

#onecol_title  img {
display: block;
float: left;
width:131px;
line-height: 1.1em;
}

#onecol_title  p {
margin: 20px 0px 0px 0px;
padding: 0px;
float: right;
display: block;
width:95px;
text-align: right;
padding-right: 5px;
line-height: 1.1em;
}

/*ABOUT US */
.member {
	width: 140px;
	height: 235px;
	background-color: #ECE83B;
	text-align: center;
	float: left;
	display: inline;
	border-right: 5px solid #FFFFFF;
	
}

.member_rowend {
	width: 140px;
	height: 235px;
	background-color: #ECE83B;
	text-align: center;
	float: left;
	display: inline;
	
}

#team h3 {
	margin: 20px 0px 10px 0px;

}

#team h2 {
	margin: 40px 0px 15px 0px;

}

#team {
	width: 575px;
	background-color: #FFFFFF;
}

/*CONTACT SECTION*/

.contact_detail {
	border-bottom: 1px #FFFFFF solid;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
}



/****Overall Styles*****/
a {
   outline: none;
   text-decoration: none;
   color: #333333;
}

img {
	border:none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.7em;
	color: #333333;
}

/*  HOME PAGE - OUTDOOR CINEMA */ 

#outdoorcinema {
	padding:0px;
background-image:url(../images/home/homebg.jpg);
width:900px;
height:650px;
	background-repeat:no-repeat;
}

#row1 {
	width:900px;
	height:300px;
	float:left;
}
#row2 {
	width:900px;
	height:300px;
	float:left;
}




.contact_sb {
	padding-left:80px;
	padding-top:125px;
	margin:none;
	float:left;
}


.screen{
	padding-top:58px;
	padding-left:82px;
	margin:none;
	float:left;

}




.aboutus_sb{
float:left;
	padding-left:400px;
	padding-top:175px;
}




.online_sb{

	margin:none;
	float:left;
	padding-left:40px;
	padding-top:85px;
}


.showreel_sb{
	float:left;
	padding-left:120px;
	padding-top:75px;
}

/*  DEMO */ 

#demo {
	padding:0px;
	width:900px;
height:650px;
	background-repeat:no-repeat;
}

.actor_thumb {
	background-color:#FFF;
	width:185px;
	height:250px;
	/*padding-left:80px;
	padding-top:125px;*/
	margin:none;
	float:left;
}