@charset "utf-8";

/*-----------------------------------------------------------------------------

pendragon master style sheet

author:		Arron Coda
url:		http://acoda.co.uk
date:		14th May 2008
version:	2.5

You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Arron
Coda and may not be reproduced.

-----------------------------------------------------------------------------*/

/* =global
-----------------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, li {
	margin:0;
	padding:0;
	}

body{
	background:#fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	}
	
h4{
	margin:0 0 10px 0;
	color:#555;
	text-transform:uppercase;
	}
	
h4 a{
	color:#555;
	text-transform:uppercase;
	}
	
h4 a:hover{
	color:#EF0000;
	}

h5{
	margin:0 0 15px 0;
	font-size:14px;
	color:#555;
	text-transform:uppercase;
	}
	
h5 a{
	font-size:9px;
	color:#333;
	font-weight:normal;
	}
	
h5 a:hover{
	color:#EF0000;
	}
	
ul, li{
	list-style-type:none;
	}

a{
	text-decoration:none;
	outline:none;
	}
	
a img{
	border:none;
	}
	

/* =main-structure
-----------------------------------------------------------------------------*/

#container{
	margin:8px auto;
	width:600px;
	}

#head{
	margin:0 0 8px 0;
	height:85px;
	}

#content{
	}	

#foot{
	clear:both;
	}


/* =main_nav
-----------------------------------------------------------------------------*/

#main_nav{
	margin:0 0 32px 0;
	height:47px;
	overflow:hidden;
	}

#main_nav li{
	float:left;
	width:150px;
	height:47px;
	}

#main_nav li a{
	width:150px;
	height:47px;
	display:block;
	background: url(../images/sprite_main_nav.jpg) no-repeat 0 0;
	}

#main_nav li a span,
#main_nav li a strong{
	display:none;
	}

#main_nav li#main_com a{background-position:0px 0px;}
#main_nav li#main_pos a{background-position:-150px 0px;}
#main_nav li#main_pro a{background-position:-300px 0px;}
#main_nav li#main_film a{background-position:-450px 0px;}

#main_nav li#main_com a:hover,
#main_nav li#main_com strong a{
	background-position:0px -47px;
	}

#main_nav li#main_pos a:hover,
#main_nav li#main_pos strong a{
	background-position:-150px -47px;
	}
	
#main_nav li#main_pro a:hover,
#main_nav li#main_pro strong a{
	background-position:-300px -47px;
	}
	
#main_nav li#main_film a:hover,
#main_nav li#main_film a:hover{
	background-position:-450px -47px;
	}


/* =home_nav
-----------------------------------------------------------------------------*/

ul#home_nav{
	margin:0 0 5px 0;
	height:324px;
	overflow:hidden;
	}

#home_nav li{
	float:left;
	width:150px;
	height:324px;
	}

#home_nav li a{
	width:150px;
	height:324px;
	display:block;
	}

#home_nav li a span{
	display:none;
	}

#home_nav li#home_com a{background: url(../images/nav_home_com.jpg) no-repeat 0 0;}
#home_nav li#home_pos a{background: url(../images/nav_home_pos.jpg) no-repeat 0 0;}
#home_nav li#home_pro a{background: url(../images/nav_home_pro.jpg) no-repeat 0 0;}
#home_nav li#home_film a{background: url(../images/nav_home_film.jpg) no-repeat 0 0;}

#home_nav li#home_com a:hover,
#home_nav li#home_pos a:hover,
#home_nav li#home_pro a:hover,
#home_nav li#home_film a:hover{
	background-position:0px -324px;
	}

/* =profile_nav
-----------------------------------------------------------------------------*/

ul#profile_nav{
	clear:both;
	margin:0 0 5px 0;
	height:112px;
	overflow:hidden;
	}

#profile_nav li{
	float:left;
	width:75px;
	height:112px;
	}

#profile_nav li a{
	width:75px;
	height:112px;
	display:block;
	}

#profile_nav li a span{
	display:none;
	}

#profile_nav li#go a{background: url(../images/nav_pro_go.jpg) no-repeat 0 0;}
#profile_nav li#en a{background: url(../images/nav_pro_en.jpg) no-repeat 0 0;}
#profile_nav li#ad a{background: url(../images/nav_pro_ad.jpg) no-repeat 0 0;}
#profile_nav li#av a{background: url(../images/nav_pro_av.jpg) no-repeat 0 0;}
#profile_nav li#aa a{background: url(../images/nav_pro_aa.jpg) no-repeat 0 0;}
#profile_nav li#nf a{background: url(../images/nav_pro_nf.jpg) no-repeat 0 0;}
#profile_nav li#gs a{background: url(../images/nav_pro_gs.jpg) no-repeat 0 0;}
#profile_nav li#ah a{background: url(../images/nav_pro_ah.jpg) no-repeat 0 0;}

#profile_nav li#go a:hover,
#profile_nav li#en a:hover,
#profile_nav li#ad a:hover,
#profile_nav li#av a:hover,
#profile_nav li#aa a:hover,
#profile_nav li#nf a:hover,
#profile_nav li#gs a:hover,
#profile_nav li#ah a:hover{
	background-position:0px -112px;
	}
	

/* =profile
-----------------------------------------------------------------------------*/

#profile{
	border-bottom:8px solid #efefef;
	}
	
#profile .main{
	float:right;
	padding:0 0 10px 0;
	width:444px;
	}

#profile .sidebar{
	float:left;
	padding:0 0 10px 0;
	width:150px;
	}

#profile p{
	padding:0 0 12px 0;
	font-size:13px;
	line-height:16px;
	text-align:justify;
	letter-spacing:2px;
	}
	
#profile p strong{
	text-align:left;
	}

#profile p a{
	font-weight:bold;
	color:#000;
	}

#profile p a:hover{
	color:#EF0000;
	}


/* =possibilities
-----------------------------------------------------------------------------*/

#possibilities{
	padding:0 0 8px 0;
	border-bottom:8px solid #efefef;
	}

#possibilities div{
	margin:0 0 2px 0;
	padding:0 0 0 150px;
	height:80px;
	}

#possibilities p{
	padding:0 0 0 6px;
	height:80px;
	font-size:13px;
	line-height:16px;
	text-align:justify;
	letter-spacing:2px;
	}

#possibilities p a{
	color:#000;
	font-weight:bold;
	}
	
#possibilities p a:hover{
	color:#EF0000;
	}

#trt{background: url(../images/bg_trt.jpg) no-repeat 0 0;}
#plf{background: url(../images/bg_plf.jpg) no-repeat 0 0;}
#atf{background: url(../images/bg_atf.jpg) no-repeat 0 0;}
#psf{background: url(../images/bg_psf.jpg) no-repeat 0 0;}
#sef{background: url(../images/bg_sef.jpg) no-repeat 0 0;}


/* =show_reel
-----------------------------------------------------------------------------*/	

#show_reel{
	clear:both;
	padding:20px 20px 0 0;
	height:60px;
	color:#999;
	text-align:right;
	letter-spacing:1px;
	background: url(../images/bg_showreel.gif) no-repeat 0 0;
	}

#show_reel h3{
	margin:0 0 10px 0;
	font-size:16px;
	text-transform:uppercase;
	}
	
#show_reel p{
	font-size:13px;
	}

#show_reel p a{
	margin:0 0 0 10px;
	color:#999;
	}
	
#show_reel p a.brochure{
	margin:0 112px 0 0;
	}
	
#show_reel p a:hover{
	color:#666;
	}


/* =project-list
-----------------------------------------------------------------------------*/

#project_list{
	border-bottom:8px solid #efefef;
	}

.cat_head a{
	display:block;
	margin:0 0 1px 0;
	padding:0 0 0 10px;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	color:#858585;
	background:#e8e8e8;
	outline:none;
	}

.cat_head a:hover{
	color:#333333;
	background:#dbf0ff;
	}

.selected .cat_head a{
	color:#333333;
	background:#dbf0ff;
	}

.cat_list{
	margin:10px 10px 0 10px;
	padding:10px 0 0 0;
	border-top:1px dashed #999;
	}

.cat_list .item{
	margin:0 0 10px 0;
	}

.cat_list .item h4{
	margin:0 0 10px 0;
	color:#555;
	text-transform:uppercase;
	}
	
.cat_list .item h4 a{
	color:#555;
	text-transform:uppercase;
	text-decoration:underline;
	}

.cat_list .item h4 a:hover{
	text-decoration:none;
	}

.cat_list .item p{
	margin:0 0 10px 0;
	font-size:12px;
	color:#333;
	line-height:16px;
	}
	
.cat_list .item ul{
	margin:-5px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #999;
	}

.cat_list .item li{
	font-size:11px;
	color:#999;
	padding:0 10px 0 0;
	display:inline;
	}
	
.cat_list .item li a{
	color:#999;
	}
	
.cat_list .item li a:hover{
	color:#333;
	}
	

/* =project-view
-----------------------------------------------------------------------------*/

#project_view{
	padding:0 0 8px 0;
	border-bottom:8px solid #efefef;
	}

#project_view p{
	margin:0 0 10px 0;
	font-size:12px;
	color:#333;
	line-height:16px;
	}

#project_view .main{
	float:left;
	width:350px;
	}

#project_view .sidebar{
	float:left;
	margin:0 0 0 25px;
	width:225px;
	}
	
	
/*=slides
---------------------------------*/

#slide_container{
	position: relative;
	width:348px;
	height:261px;
	overflow: hidden;
	border:1px solid #ccc;
	}

#slide_container ul{
	width:2325px;
	position:absolute;
	left:-0px;
	}

#slide_container ul li{
	float:left;
	}

#slide_container ul li a{
	display:block;
	padding:5px;
	}

#slide_container ul li a:hover{
	background:#f9f9f9
	}

#slide_controls{
	position:relative;
	width:348px;
	height:20px;
	margin:5px 0 0 0;
	}

#slide_controls span{
	position:absolute;
	display:block;
	height:20px;
	background: url(../images/sprite_slider_btn.gif) no-repeat 0 0;
	cursor:pointer;
	}

#slide_controls .btn_prev{
	width:21px; left:0px;
	background-position:0 0;
	}
#slide_controls .btn_prev:hover{background-position:0 -20px}

#slide_controls .slide_info{
	width:50px;
	left:21px;
	text-align:center;
	background:none;
	font-size:11px;
	line-height:20px;
	cursor:default;
	}

#slide_controls .btn_next{
	width:21px; left:71px;
	background-position:-21px 0;
	}
#slide_controls .btn_next:hover{background-position:-21px -20px}

#slide_controls .btn_view{
	width:60px; right:0;
	background-position:-42px 0;
	}
#slide_controls .btn_view:hover{background-position:-42px -20px}


/*latest-news
---------------------------------*/

#latest_news{
	padding:0 0 15px 0;
	}

#latest_news .item{
	margin:0 0 15px 0;
	}

#latest_news .item h6{
	font-size:12px;
	line-height:18px;
	color:#333;
	}

#latest_news .item h6 a{
	padding:0 0 0 10px;
	font-size:12px;
	color:#555;
	}

#latest_news .item .teaser{
	font-size:11px;
	line-height:18px;
	}

#latest_news .item .read_more{
	color:#333;
	font-weight:bold;
	}

#latest_news .item .read_more:hover{
	color:#EF0000;
	}


/*=other
---------------------------------*/

.fs_logo{
	width:104px;
	height:24px;
	background: url(../images/fs_logo.jpg) no-repeat 0 0;
	}
	
.fs_logo span{
	display:none;
	}

#filmsafe{
	margin:25px 0 0 0;
	}
	
#filmsafe a{
	display:block;
	padding:5px;
	border:1px solid #ccc;
	}
	
#related_links li{
	margin:0 0 5px 0;
	padding:0 0 0 16px;
	font-size:11px;
	letter-spacing:1px;
	line-height:16px;
	background: url(../images/bullet.gif) no-repeat 0 0;
	}

#related_links li a{
	color:#333;
	text-decoration:underline;
	}

#related_links li a:hover{
	color:#EF0000;
	text-decoration:none;
	}


/* =gallery
-----------------------------------------------------------------------------*/

#gallery{
	overflow:auto;
	padding:15px 0 8px 0;
	border-bottom:8px solid #efefef;
	}

#gallery li{
	float:left;
	margin:0 25px 25px 0;
	}

#gallery li a{
	padding:2px;
	display:block;
	width:94px;
	height:69px;
	border:1px solid #ccc;
	}

#gallery li a:hover{
	border:1px solid #EF0000;
	}

#gallery .end{
	margin-right:0;
	}


/* =archive
-----------------------------------------------------------------------------*/

.archive_list{
	padding:15px 0 8px 0;
	border-bottom:8px solid #efefef;
	}

.archive_list li{
	margin:0 0 15px 0;
	}

.archive_list li h4{
	margin:0 0 10px 0;
	color:#555;
	text-transform:uppercase;
	}
	
.archive_list li h4 a{
	color:#555;
	text-transform:uppercase;
	text-decoration:underline;
	}

.archive_list li h4 a:hover{
	text-decoration:none;
	}

.archive_list li p{
	margin:0 0 10px 0;
	font-size:12px;
	color:#333;
	line-height:16px;
	}
	
	
/* =news
-----------------------------------------------------------------------------*/

#news_body{
	padding:15px 0 8px 0;
	font-size:12px;
	color:#333;
	line-height:16px;
 	border-bottom:8px solid #efefef;
	}

	
/* =foot
-----------------------------------------------------------------------------*/

#foot p{
	color:#909090;
	font-size:10px;
	line-height:20px;
	letter-spacing:1px;
	text-align:center;
	}

#foot a{
	color:#909090;
	}

#foot a:hover{
	color:#000;
	}


/*END------------------------------------------------------------------------*/