@charset "utf-8";

* {margin:0;padding:0;} 


/* -- MAIN
================================================================================== */

body, html{
	height:100%;
	margin:0px;
	padding:0px;
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	font-size:14px;
	color:#fff;
	margin:0;
	padding:0;
	height:100%;
	background-color:#000;
	background:#000 url('../images/bgs/home.jpg') no-repeat;
	background-attachment:fixed;	
	}

h1{
	text-indent:-999px;
	float:left;
}

h1,h2,h3{
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:38px;
	margin:0 0 20px 0;
}

h4,h5,h6{
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0 0 20px 0;
}
	

p{
	padding: 0 0 20px 0;
}

hr {
	border:none;
	border-top:8px solid #55534c;
	margin:0 0 20px 0;}

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

a:hover {
	color:#ff9600;
	}

ul {
	list-style:inside;
	margin:0 0 20px 0;}

ul li {
	line-height:24px;}

/* -- CLASSES
================================================================================== */

.siteWidth{
	width:100%;
}

.left {
	float:left;
	}

.right {
	float:right;
	}

.clear {
	clear:both;}
	
.selected{
	font-weight:bold;
}

.media{
	display:none;
	width:640px;
	height:385px;
	background-color:#000;
}



/* -- STRUCTURE
================================================================================== */

#container {
	margin:0;
	width:100%;
	height:100%;
	}

	#header {
		width:100%;
		height:27px;
		color:#fff;
		background: #000;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;		
		}
		
		#twitterTip, #facebookTip{
			display:none;
			background:transparent url(/images/tooltip/black_arrow.png); 
			font-size:12px; 
			height:70px; 
			width:160px; 
			padding:25px; 
			color:#fff;
		}
		
		#headerContent {
			font-family:Verdana, Geneva, sans-serif;			
			width:543px;
			margin: 0 0 0 112px;
			padding: 6px 0 0 0;
			font-size:10px;
			color:#b8b7b7;
			}		
	
	#holder {
		width:543px;
		min-height:100%;		
		margin: 0 0 0 112px;
		float:left;
		background-image:url('../images/bgs/content.png');
		background-repeat:no-repeat;
		position:absolute;
		top:0px;
		}
		
		#HolderContent {
			width:497px;
			min-height:100%;
			margin: 200px 23px 0 10px;
			padding: 10px 12px 140px 12px;			
			}
			
			#HolderContent p img {
				float:left;
				margin: 0 10px 15px 0;
				border:8px solid #55534c;}
		

	
/* -- NAVIGATION
================================================================================== */

#nav {
	width:543px;
	height:176px;
	background-image:url('../images/bgs/nav.png');
	position:fixed;
	bottom:0;
	left:112px;
	font-size:14px;
	overflow:hidden;
	z-index:998;
	}	
	
	#nav #menu{
		position:absolute;
		width:1200px;
	}

	#nav ul {
		list-style:none;
		padding: 0 12px 0 0;			
		margin: 130px 0 0 22px;
		}
	
	#nav ul li {
		margin: 0;
		padding:0;
		float:left;
		}
		
		#nav ul li a{
			outline:none;
			}			
		
		#nav ul li a#leftbutton {
			font-weight:bold;
			padding: 5px 8px 5px 8px;			
			}	
			
			*+html #nav ul li a#leftbutton {
				font-weight:bold;
				padding: 5px 8px 5px 8px;			
				}				
			
		#nav ul li a#rightbutton {
			font-weight:bold;
			margin: 0 25px 0 0;			
			padding: 5px 8px 5px 8px;				
			}
			
			*+html #nav ul li a#rightbutton {
				font-weight:bold;
				margin: 0 30px 0 0;			
				padding: 5px 8px 5px 8px;				
				}			
	
		#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {
			direction:block;
			color:#cb293a;			
			background:#ededed;
			margin: 0 6px 0 0;
			padding: 10px 16px 10px 16px;
			float:left;		
		}
		
			*+html #nav ul li a:link, *+html  #nav ul li a:active, *+html #nav ul li a:visited {
				direction:block;
				color:#cb293a;			
				background:#ededed;
				margin: 0 6px 0 0;
				padding: 5px 13px 5px 13px;
				float:left;		
			}		
		
		#nav ul li a:hover {
			color:#ededed;
			background:#cb293a;
			text-decoration:none;
			}		


/* -- NEWS LIST 
================================================================================== */

ul#news{
	list-style:none;
}

	ul#news h3 {
		color:#da2c3e;
		font-size:20px;
	}
	
	ul#news h4{
		color:#da2c3e;
		font-size:13px;
		margin: 0 0 5px 0;
	}
	
	ul#news a:link, ul#news a:visited, ul#news a:active{
		color:#da2c3e;
	}	
	
	ul#news a:hover{
		color:#ff9600;
	}		
	
	ul#news p{
		margin:0;
	}		
	
		ul#news li{
			width:497px;
			margin: 0 0 27px 0;
		}
			
			ul#news li img{
				border:8px solid #263132;
				margin: 0 5px 0 0;
			}	
			
			ul#news li img:hover{
				border:8px solid #55534c;
			}
			
/* -- NEWS ITEM 
================================================================================== */

	
#news img {
	border:8px solid #55534c;
}	

#news h3 {
	font-size:18px;
	margin:0;
}	

#newsArticle h3 {
	font-size:36px;
	margin:0;}
	

/* -- PROJECTS
================================================================================== */

ul#show li{
	list-style:none;
	margin: 0 0 26px 0;
}

.projects img{
	border:8px solid #55534c;
}	

.showItem{
	border:8px solid #263132;	
	width:481px;
	height:195px;
	position:relative;
	overflow:hidden;
}

	.showItem:hover{
		border:8px solid #55534c;	
	}
	
	.showItem a{
		color:#FFF;
		text-decoration:none;
	}

	.showItem .details{
		color:#FFF;
		width:461px;
		height:49px;
		padding: 5px 10px 0 10px;
		background: transparent url('../images/projects/details.png') repeat-y;
		position:absolute;
		top: 195px;
		cursor: pointer; 
		cursor: hand;
	}

		.showItem .details h3{
			color:#FFF;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:20px;
			margin:0;
		}
		
		.showItem .details h4{
			color:#FFF;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:16px;
			margin:0;
		}
		
		.showItem .details .readmore{
			color:#da2c3e;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:12px;
			position:absolute;
			bottom: 5px;
			right: 10px;
		}

	.showItem img{
		border:none;
		position:absolute;
		top:0;
		bottom:0;
	}
	
#production img {
	border:8px solid #55534c;
}	

#gallery{
	width:497px;
	height:302px;
	background: #55534c;
}