@charset "UTF-8";
/* CSS Document */


/* BODY ELEMENTS */

body {
	background-color:#000000;
	margin:0px;
	background-position:center top;
	background-repeat:no-repeat;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	line-height:10px;
	}
	
.popup {
background-color:#000000;
margin:45px;
background:url(images/bg/sbs_bg_z_shadowbox.jpg) center top;
background-repeat:no-repeat;
}

/*content header*/ 
h1 {
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:20px;
	font-weight:bold;
	text-transform:lowercase;
	margin-bottom:-2px;
	}
	
.frontsubheading, .frontsubheading a, .frontsubheading a:hover {
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	text-transform:lowercase;
	margin-bottom:15px;
	}

	
/*content header subheading*/ 
h2 {
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:35px;
	}
	
.foliopage h2 {
	margin-bottom:5px;
	}
	
/*content header subheading*/ 
h3 {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-transform:lowercase;
	margin-bottom:15px;
	}
	
/*sub text*/ 
h4 {
	font-size:9px;
	text-transform:none;
	margin-top:10px;
	}
	
a {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

a:hover {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}

ul {
list-style-type: none; /* suppression of useless elements */
width: 100%;
padding:0; /* precision for Opera */
}

li {
float: left;
} /* lists aligned to the left */

/* NAVIGATION ELEMENTS */

.menu {
	background-image:url(images/sbs_bannertrans_1b.jpg);
	background-repeat:no-repeat;
	height:87px;
	width:882px;
	position:absolute;
	left:50%;
	margin-left:-451px;
	top:100%;
	margin-top:-107px;
	padding:10px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}

.navshell {
	margin-left:270px;
	padding:0;
	}
	
.nav {
	width:100%;
	margin:0;
	padding:0;
	}
	
.nav a {
     margin: 0px;
    /* width: 100px;  definition of menu button size */
	 margin-right:20px;
	 margin-top:14px;
     float: left;
     /*display: block;*/
     text-align: left;
     text-decoration:none;
	 text-transform:lowercase;
     color: #FFF;
     }
	 
.nav a:hover {
	 color:#999;
	 text-decoration:none;
     }

.nav a:active {
     background: gray; 
     color: #fff;
     }


/* MAIN CONTENT (BODY SECTION) */

.body {
	padding:0;
	margin:0;
	height:300px;
	width:451px;
	position:absolute;
	left:50%;
	top:30%;
	margin-top:-100px;
	}

.foliopage {
	margin-top:20px;
	}

.gallery {
	width:350px;
	margin:0px;
	padding:0;
	float:none;
	}
		 
.gallery a {
     margin:0;
	 padding:0;
     width: 100px;  /*definition of menu button size*/
	 margin-right:5px;
	 margin-bottom:5px;
     height: 50px;
	 width: 50px;
     float: left;
     display: block;
     text-align: center;
     text-decoration: none;
     color: #000;
	 border-bottom: 2px solid #FFF;
     background: #fff;
     }
	 
.gallery a:hover {
	border-color:#555;
	}
	
.thumbnail {
float: left;
width: 50px;
background-color:#FFFFFF;
border: 0px solid #999;
margin: 0 5px 5px 0;
padding: 2px 2px 5px 2px;
}	

.thumbnail-showreel {
float: left;
color:#666666;
width:100px;
background-color:#FFFFFF;
border: 0px solid #999;
margin: 0 5px 5px 0;
padding: 2px 2px 5px 2px;
}

.thumbnail-showreel a {
color:#333333;
}

.showreelcaption {
margin:3px;
margin-top:7px;
margin-bottom:1px;
}

/* TEXT LISTS - MEDIA PAGE */

.media {
	width:250px;
	margin:0px 0px 30px 0px;
	padding:0;
	float:none;
	list-style-image:url(images/icons/icon_list_1.gif);
	width: 100%;
	padding:0; /* precision for Opera */
}

.media li img {
	margin-left:5px;
}

.media li {
	float:none;
	}
		 
.media a {
     margin:0;
	 padding:0;
	 margin-right:5px;
	 margin-bottom:5px;
     display: block;
     text-align: left;
     text-decoration: none;
     color: #FFF;
     }