body, form, div, h1, h2, h3, h4, h5, h6, img { margin: 0; padding: 0; }


body {
background:url(images/background.gif) repeat-y top center #fff; 
background-color: #330000;
color: #554E49; 
font:9pt "Trebuchet MS",Tahoma,Arial,sans-serif; line-height:1.3em; margin:0 auto; padding:0;
}



#container {
position:relative;
background-color: #330000;
margin:0px auto;
padding-top:69px;
width:990px;
}

#wrap {
background-color:#A1BCE1; 
background: #FFF url(images/buildings.gif)  bottom right no-repeat;
margin:0px 40px 0px 65px; 
padding:0px 0px 0px 0px;
}

#prefooter {
position:relative;
margin:0px 40px 0px 65px; 
position:relative;
background: #FFEEBB url(images/buildings-bottom.gif)  top right no-repeat;
}

#prefooter ul {
list-style:none;	
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 150px;
}

#prefooter li {
list-style:none;	
display: inline;
padding: 0px 10px;
}

#prefooter li a img {
border: 3px solid #330000;
}

#prefooter li img {
width: 86px;
height: 65px;
}

#content-text {
float:right;
width:450px;
padding: 15px 20px 60px 0px;
margin: 0px 0px 0px 0px;
}

#content-text a {
color: #B38601; 
font-weight:bold;
}

#content-full {
float:right;
width:100%;
padding: 0px 0px 1px 0px;
margin: 15px 0px 0px 0px;
}


#content-media {
float:left;
width:325px;
text-align:center;
padding:45px 0px 25px 55px;
margin: 0px 0px 0px 0px;
}

#content-media img, #video, #video2, #video3 {
border: 3px solid #B38601;
}

#content-media a {
color: #670099; /*#C14B02;*/
font-weight:bold;
}

#media-icons img {
border: none;
}


.small {
width:97px;
height:85px;
overflow:hidden;
float:left;
margin:2px;
}

#content-media .small img {
margin-left:-17px;
margin-top:-5px;
border:0px;
cursor:pointer;
}

.clear {
clear:both;
overflow:hidden;
height:1px;
}

h1, h2, h3, h4  {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #CC9900;
}

h1 {
	font-size: 20px;
	padding: 0 0 5px 0;
	display: inline;	
}

h2 {
	font-size: 16px;
	padding: 0 0 5px 0;
	display: inline;	
}



#logo {
position:absolute;
background:url(images/interlude-logo.gif) no-repeat top left; 
top:0px;
left:0px;
width:180px;
height:149px;
}


#buttons {
position:absolute;
left:-20px;
top:-49px;
}


.footer {
	width: 734px;
	margin: 9px 0 0 16px;
	margin:0px auto;
	padding: 9px 0 10px 13px;
	color: #7e8287;
	text-align: center;
	font: 11px Verdana, Arial, sans-serif;
}
.footer a {
	color: #7e8287;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}

.footer li {
display:inline;
}



/*##################################
			temp style
##################################*/
.posters {
	margin: 40px;
}
