/* CSS layout styles */
@import "textstyle.css";
@import "menu.css";

body {background:#333; text-align:center;}

#banner {height:90px;}

#container {
	width:720px; 
	text-align:left;
	margin:2em auto;
	}
	
.crosshairs {clear:both; height:17px; margin:0; background:url(../images/crosshairs.gif) no-repeat;}

.left {float:left; width:350px; padding:10px 0 0 30px; /* border:solid 1px #ccc; */}
.right {float:right; width:340px;}

.left h2
{
	margin-right: 30px;
}

#top_contact{
	margin-top:15px;
}

#top_h1{
	margin-top:0;
}

.cleaner {clear:both; height:10px;}

a.splash{
	float:left;
	border:1px solid #999;
	margin:0 0 10px 30px;
}

a.splash, a.splash span{
	background:url(../images/panel_home_whitehorse.jpg) top left no-repeat;
	width:660px;
	height:180px;
}

*html .splash{
	margin-left:15px;
}

#place_holder{
	width:290px; 
	border:1px solid #999;
	margin-top:10px;
}

#showreel_links{
	float:right; 
	width:292px;
	border:1px solid #999;
	padding:5px;
	margin:25px 30px 0 0;
}



#footer {
	margin-top:10px;
	border-top:1px solid #999;
	}
	
#pic {
	width:320px; 
	height:200px; 
	margin-left:30px; 
	padding:0;
	/* background:url(../dynamic/pic1.jpg) no-repeat; */
	}
	
.pf {
	margin:5px 0 0 0;
	cellpad:5px;
	}
	
div.orangebox {
	color:#333;
	background:#F90;
	padding:8px;
	margin-bottom:50px;
}

div.orangebox p {
	color:#333;
	font-weight:bold;
}

/*image replacement*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.replace{ 
	position:relative; 
	/*hide overflow:hidden from IE5/Mac */ 
	/*\*/ 
	overflow:hidden;
	 /**/
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

a.replace span{
	cursor:hand;
}


/* Home Page
///////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

#home_rotator
{
	margin: 10px 30px 30px;
	border:1px solid #999;
	min-width:660px;
}

#home_para{
	float:left; 
	width:340px; 
	padding:0 0 0 30px;
}

#home_para h2{
	border-bottom:none;
}

#home_linkstovids
{
	border:1px solid #999;
	margin-right: 29px;
	padding:10px;
	float: right;
	display: inline;
	width: 280px;
}

#home_linkstovids a, #home_linkstovids a:link, #home_linkstovids a:visited
{
	margin-bottom: 10px;
	padding: 0px 15px;
	display: block;
	position: relative;
	overflow: hidden;
	width: auto;
	line-height: 2.5em;
}


/* Video + Film
///////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

#body_video #content h1
{
	margin-left: 30px;
}

#video_links{
	padding:0 0 0 30px;
	width:660px;
}

#video_links a{
	border:1px solid #999;
	float:left;
	margin-top:10px;
}

.vidlink, .vidlink span
{
	background: transparent none no-repeat scroll 0 0;
	width: 660px;
	height: 96px;
}

#video_links #music_therakes, #video_links #music_therakes span
{
	background-image: url(../images/video_music_therakes.jpg);
}

#video_links #music_wonderland, #video_links #music_wonderland span
{
	background-image: url(../images/video_music_whitehorse.jpg);
}

#video_links #music_trisco, #video_links #music_trisco span
{
}

#video_links #music_urban_haiku, #video_links #music_urban_haiku span
{
}


#video_links #events_timeout, #video_links #events_timeout span
{
	background-image: url(../images/video_events_timeout.jpg);
}

#video_links #events_mobo, #video_links #events_mobo span
{
	background-image: url(../images/video_events_mobo.jpg);
}


#video_links #brand_fairy, #video_links #brand_fairy span
{
	background-image: url(../images/video_brand_fairy.jpg);
}

#video_links #brand_dove, #video_links #brand_dove span
{
	background-image: url(../images/video_brand_dove.jpg);
}

#video_links #brand_pampers, #video_links #brand_pampers span
{
	background-image: url(../images/video_brand_pampers.jpg);
}

#video_links #brand_flash, #video_links #brand_flash span
{
	background-image: url(../images/video_brand_flash.jpg);
}

#video_links #brand_styx, #video_links #brand_styx span
{
	background-image: url(../images/video_brand_styx.jpg);
}

/* Video + Film
///////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

#client_list
{
	margin: 0;
	padding: 0;
}

#client_list li
{
	margin: 0;
	padding: 2px 0;
	width: 49%;
	float: left;
	display: inline;
}


/* Video + Film
///////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/