/* CSS Document */

/* Layout */


body{
	height:100%;
	font-size:70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	text-align:center;
	color: #E9E3DC;
	background-image:url(images/tile.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
}
#showreelbox{width:720px; height:421px; margin-left:120px; border:solid 3px #fff; margin-bottom:10px;}

#horizon {
	background-color: transparent;
	left: 0px;
	width: 100%;
	text-align: center;
	min-width: 960px; 
}

#wrapper{
	margin:0px auto;
	text-align:left;
	width:960px;
}



#header{height:170px;
		background-image:url(images/header.jpg);
		
		}
		
/* navigation main */
#nav{ 
height:130px; padding-left:53px;
}

#nav_left{
height:280px;
width:306px;
float:left;
background-image:url(images/navbackground.jpg);}

#nav_right{
width:634px;
float:right;
margin-left:20px;
background-image:url(images/mainframe.jpg);
}

#contenthome{ width:960px; height:605px;
}

#content{
height:340px;
padding-top:10px;
}

#videobox{ height:204px;
}
.latest{float:left; width:45px; height:102px;}

.vid{width:179px; height:102px; float:left;}

#nav_left ul {
	text-decoration: none;
	margin-top: 45px;
	margin-right: 20px;
}
#restaurant_menu{
float:left;
width:142px; 
height:280px;
}

.icon {float:left;}
#textbox{
	float:left;
	width:630px;
	height:330px;
	margin-right:10px;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
	background-image: url(images/textboxbackground.jpg);
	background-repeat: repeat-x;
	padding-right: 10px;
}

#textboxduplication{
	float:left;
	width:940px;
	height:330px;
	background-image: url(images/textboxbackground.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}

#contacttextbox{
	float:left;
	width:470px;
	margin-right:10px;
	height: 330px;
	padding-top: 10px;
	padding-left: 10px;
	background-image: url(images/textboxbackground.jpg);
	background-repeat: repeat-x;
}
.thumbnail{margin-left:5px; margin-top:5px; width:115px; height:65px; float:left;}

.videotext{
	float:left;
	height:60px;
	width: 165px;
	color: #999999;
	padding-top: 5px;
	padding-left:5px;
	background-color: #333333;
	position: relative;
	margin-top: 5px;
	margin-left: 5px;
}
.playbutton {
	float:right;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
	#footer{
	background-image:url(images/footer.jpg);
	position: relative;
	width:100%;
	height:24px;
	padding-top:10px;
	margin-top:-34px;
	text-align:center;
	color:#FFFFFF;
	}
#productionsbox{width:300px; height:334px; float:right; background-image:url(images/videobox.png);}

#righttext{float:right; width:290px;}
#lefttext{float:left; width:640px; margin-right:10px;}

#event_slideshow{
	float:left;
	bottom: 0px;
	position: absolute;
	left: 0px;
}

#map{
	width:470px;
	height:334px;
	float:left;
	background-image: url(images/mapbackground.jpg);
	background-repeat: no-repeat;
}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover { 
	text-decoration:none;
	color:#ffffff;
}


a:link, a:active, a:visited {
	text-decoration:none;
	color:#2A76D6;
}

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

/* classes */
.clear{ clear:both}

h2 {
	font-size: 100%;
	font-weight: bold;
	line-height: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #CCCCCC;
	margin-top: 0px;
	display: inline;
}
h5 {margin:0px; padding:0px; display:inline;}
h6 {
	line-height:24px;
	margin:0px;
	padding:0px;
	font-size: 100%;
	text-align:right;
	display:block;
}
h4 {
	padding:0px;
	display:inline;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* Quick Links Homepage */

h1 {
	color: #2E0002;
	font-size: 16px;
	line-height: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}
h3 {
	color: #999999;
	font-size: 100%;
	font-weight: normal;
	line-height: 10px;
	margin-top: 10px;
}

.webthumbnails{float:left; text-align:center; font-size:90%;}