/*
Stylesheet Name: BROADCAST
Theme URI: http://broadcast.co.nz/
Description: Original style sheet for Broadcast website.
Version: 1.0
Author: Ilai @ bruvCREATIVE
Author URI: http://bruv.co.nz

Palette:
Hover: #??
Heading: #d61622
Dark-Grey: #333333
HR's: #666666


*/


@import url('flyoutmenu.css');

/************ RESET ******************/

@import url('reset.css');


body
{
background:url(../images/main_bg_gradient.gif) repeat-x #fefefe;
}

a
{
text-decoration:none;
color:#5d5d5d;
}

a:hover
{
	color:#d61622;
}


#container
{
width:940px;
margin:0 auto;
height:auto;
}




/************ HEADER ******************/

#header-container
{
width:940px;
height:70px;
}

#broadcast-logo
{
	width:104px;
	height:55px;
	float:left;
	
	
}

#menu-space
{
	margin-top:30px;
	width:830px;
	height:35px;
	float:right;
	
}

#contact-details
{
	position:absolute;
	margin:35px 0 0 500px;
	width:430px;
	height:15px;
	text-align:right;
	
	font:italic 12px Arial, Helvetica, sans-serif;
	color:#999;
	
}

/************ MAIN NAV ******************/


ul#nav{width: 380px; height: 30px; position: relative; margin:0; padding:0; list-style:none; clear:both;}  
#nav li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:10px;}  
#nav li a{background:url(../images/main_nav.png) no-repeat; width:100%; height:100%; display:block;}  
  
/* Equipment Button */  
#nav li.nav_equipment{width:110px; height:30px;}  
#nav li.nav_equipment a{background-position:0px 0px;}  
#nav li.nav_equipment a:hover{background-position:0px -30px;}  
#nav li.nav_equipment a.selected{background-position:0px -60px;}  

/* Crew Button */  
#nav li.nav_crew{width:60px; height:30px;}  
#nav li.nav_crew a{background-position:-120px 0px;}  
#nav li.nav_crew a:hover{background-position:-120px -30px;}  
#nav li.nav_crew a.selected{background-position:-120px -60px;}  

/* Contact Button */  
#nav li.nav_contact{width:90px; height:30px;}  
#nav li.nav_contact a{background-position:-190px 0px;}  
#nav li.nav_contact a:hover{background-position:-190px -30px;}  
#nav li.nav_contact a.selected{background-position:-190px -60px;}  

/* Jobs Button */  
#nav li.nav_jobs{width:70px; height:30px;}  
#nav li.nav_jobs a{background-position:-290px 0px;}  
#nav li.nav_jobs a:hover{background-position:-290px -30px;}  
#nav li.nav_jobs a.selected{background-position:-290px -60px;} 

/************ MAIN NAV OLD ******************/

/*
#nav { width: 445px; height: 30px; position: relative; background: url(../images/main_nav.png); margin: 0; padding: 0; }
#nav li { float: left; }
#nav li a { position: absolute; top:0px; margin: 0; padding: 0; display: block; height: 30px; background: url(../images/main_nav.png) no-repeat; text-indent: -9999px; overflow: hidden; }
*/
/*up state
li#nav_equipment a { left: 0; width: 110px; background-position: 0 0; } 
li#nav_crew a { left: 120px; width: 65px; background-position: -120px 0; } 
li#nav_contact a { left: 195px; width: 120px; background-position: -195px 0; }
li#nav_jobs a { left: 325px; width: 120px; background-position: -325px 0; }*/

/*hover state
li#nav_equipment a:hover { background-position: 0px -29px; }
li#nav_crew a:hover { background-position: -120px -29px; }
li#nav_contact a:hover { background-position: -195px -29px; }
li#nav_jobs a:hover { background-position: -325px -29px; }
*/

/*current state
#body_home li#nav_about a {
background-position: 0 -60px;
}

#body_about li#nav_rentals a {
background-position: -110px -60px;
}

#body_gallery li#nav_crew a {
background-position: -230px -60px;
}

#body_contact li#nav_contact a {
background-position: -330px -60px;
}
*/

/************ COMMON ******************/


#inner-container p
{
letter-spacing:0.03em;
line-height:20px;
}

#home-splash
{
width:100%;
height:380px;
}


#inner-top-image
{
width:100%;
height:169px;
}

#inner-container h1
{
	font-size:20px;
	font-style:italic;
	color:#d61622;
	margin-bottom:15px;
}


#inner-container h2, #inner-container h2 a
{
	font:bold italic 13px Arial, Helvetica, sans-serif;
	color:#d61622;
	margin-bottom:15px;
}

#inner-container h2 a:hover
{
	color:#d61622;
	text-decoration:underline;
}


#main-footer
{
width:100%;
height:30px;
}

#main-footer-links
{
width:40%;
height:30px;

text-align:right;
float:right;
}

#main-footer-links li
{
display:inline;
margin-left:10px;
}

#main-footer-bruv
{
width:40%;
height:30px;


float:left;
}

#main-footer-bruv a
{
	color:#09F;
}

/************ HOMEPAGE ******************/
#home-footer
{
	width:100%;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #666666;
	background:url(../images/home_footer_divider.gif) center no-repeat;
		
}

#home-footer h1
{
font-size:17px;
font-style:italic;
color:#d61622;
}

#home-footer-blurb
{
	margin-top:0px;
	width:48%;
	float:left;

	
	
}
#home-footer-blurb p
{
letter-spacing:0.03em;
line-height:20px;
} 

#home-footer-blurb em
{
letter-spacing:0.03em;
line-height:17px;
font-style:italic;
font-size:11px;
} 

#home-footer-blurb a
{
text-decoration:none;
color:#d61622;
}

#home-footer-blurb a:hover
{
color:#5d5d5d;	
}


#home-footer-news
{
	margin-top:10px;
	width:48%;
	float:right;
	

	
}

#full-newfeed
{
	bottom:0px;
	width:100%;
	text-align:right;
}


#full-newfeed a
{
color:#d61622;
font-weight:bold;
font-style:italic;

}

#full-newfeed a:hover
{
	color:#F00;
}

.image-container
{
display:inline-table;
top:0px;
height:150px;
width:137px;
margin-right:11px;




}

.images-bg
{
	width:123px;
	height:74px;
	background-image:url(../images/newsfeed-thumb-back.png);
	padding:6px 7px;
}



.image-overlay
{
	position:relative;
	top:-75px;
	left:-8px;
	width:135px;
	height:80px;
	z-index:1;
	background-image:url(../images/image-overlay.png);
	margin-bottom:-70px;
}

.video-overlay
{
	position:relative;
	top:-75px;
	left:-8px;
	width:135px;
	height:80px;
	z-index:1;
	background-image:url(../images/video-play-overlay.png);
	margin-bottom:-70px;
}

.filler-overlay
{
	position:relative;
	top:-75px;
	left:-8px;
	width:135px;
	height:80px;
	z-index:1;
	
	margin-bottom:-70px;
}

.image-container small
{
	font-style:italic;
}

.image-container p
{
font-size:11px;	
margin:0px;
}




.image-container:hover
{
	color:#d61622;
}

#home-footer-news h2
{
margin-top:12px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#d61622;
}




.text-emphasis
{
		font:bold italic 12px Arial, Helvetica, sans-serif;
	color:#d61622;
}

.text-styled
{
	font-style:italic;	
}





/************ RENTALS ******************/



/************ CREW ******************/

#inner-container
{
	width:100%;
	margin-top:20px;
	padding-bottom:60px;
	border-bottom:1px solid #666666;
	
	

		
}

#inner-left-menu
{
	margin-top:20px;
	width:210px;
	float:left;
	margin-bottom:60px;
	
}


#inner-content
{
	width:725px;
	float:right;
}

#crew-photo
{
width:140px;
float:left;
margin-top:5px;

}

#crew-bio
{
	margin-top:5px;
	float:right;
	width:580px;
	
}

#crew-bio h2
{
	font:bold italic 12px Arial, Helvetica, sans-serif;
	color:#d61622;
}

.resume-icon li
{
	background:url(../images/resume-icon.png) no-repeat;
	padding-left:20px;
	height:20px;
}

.resume-icon
{
margin:10px 0px 10px 0px;

}

.pdf-icon li
{
	background:url(../images/pdf-icon.png) no-repeat;
	padding-left:20px;
	height:20px;
}

.pdf-icon
{
margin:10px 0px 10px 0px;

}