@charset "utf-8";
/* CSS Document */
body {background-color:#000000; color:#bfcac9; letter-spacing:0.02em;}
#maincontent, #nav {background-color:#500707; }
#main, #nav{border-bottom: solid 2px #000;}
h1, h2, h3, h4, h5, h6 {color:#bfcac9;}
hr.blank, hr.space {font-size:0; line-height:0;height:2px;background:#000;color:#000; margin:0; padding:0;}

/*---Button Styling---*/
div.greybutton a{display:block;height:60px; width:234px; background: transparent url(../images/buttons.gif) left 0 no-repeat;}
div.greybutton a:hover{background-position: left -60px;}
div.greybutton a span{display:block;padding:18px 0 18px 48px;}

a.movie span{background: transparent url(../images/video-x-generic.gif) 14px center no-repeat;}
a.doc span{background:transparent url(../images/x-office-document.gif) 14px center no-repeat;}

/*-----Centered Nav-----------*/
#nav ul
	{
		text-align: center;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 0;
		margin: 0;
		/* cancels gap caused by top padding in Opera 7.54 */
		color:#666;
		width: 100%;
		line-height:1.5em;
		/* fixes Firefox 0.9.3 */
	}
	
	#nav ul li
	{
		display: inline;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 9px;
		/* matches link padding except for left and right */
		padding-top: 9px;
		
	}
	
	#nav ul li a
	{
		font-size:1.1667em;
		line-height:1.1257em;
		padding-left: 10px;
		padding-right:10px;
		padding-bottom: 9px;
		padding-top: 9px;
		color:#bfcac9;
		text-decoration: none;
	}
	#nav ul li a span { /*border-right:1px solid #fff;*/}
	#nav ul li a:hover {text-decoration:underline; background-color:#8d423b;}
	#nav li {}
	#nav li.first{background:none;}
/* End Centered Nav */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}*/

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 32px;
}

.sIFR-hasFlash div#main h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 38px;
}

.sIFR-hasFlash dl.sifr_replace dt{
	visibility:hidden;
	letter-spacing:-9px;
	line-height:1.5em;
	font-size:2.5em;
	margin-bottom:0;
}
.sIFR-replaced{margin-top:0;margin-bottom:0;}

/*----typography-----*/
#nav, h1, h2, h3, h4, h5, h6 {text-transform:lowercase;}


/*----section styling----*/
#maincontent{background: #500707 url(../images/welcome_bg.gif) right bottom no-repeat;}
#footer{text-align:right; font-style:italic;}
#ft_banner{height:121px; background: url(../images/btm_banner.jpg) left top no-repeat;}
dl.sifr_replace dd{font-style:italic; text-align:right;margin-top:0;}
#logo {text-align:center;}
div.pad10{padding:10px;}
div.pad18{padding:18px;}

div#gallery div.thm_site{height:98px; width:130px; float:left;}
div#gallery div.thm_site a img{height:96px;width:128px;border:1px solid #000;}
div#gallery div.thm_site a{display:block;}
div#gallery div.thm_site a:hover img{border:1px solid #fff;}





/*-----PAGE LOGIC-----*/
div#welcome #maincontent{background-image:url(../images/welcome_bg.gif)}
div#commercial #maincontent{background-image:url(../images/comm_bg.gif)}
div#longformat #maincontent{background-image:url(../images/long_bg.gif)}
div#multimedia #maincontent{background-image:url(../images/mult_bg.gif)}
div#marketing #maincontent{background-image:url(../images/market_bg.gif)}
div#events #maincontent{background-image:url(../images/live_bg.gif)}
div#clients #maincontent{background-image:url(../images/clients_bg.gif)}
div#about #maincontent{background-image:url(../images/about_bg.gif)}

div#welcome li#welcome a {background-color:#8d423b;}
div#commercial li#commercial a {background-color:#8d423b;}
div#longformat li#longformat a {background-color:#8d423b;}
div#multimedia li#multimedia a {background-color:#8d423b;}
div#marketing li#marketing a {background-color:#8d423b;}
div#events li#events a {background-color:#8d423b;}
div#clients li#clients a {background-color:#8d423b;}
div#about li#about a {background-color:#8d423b;}

div#welcome li#welcome a:hover {text-decoration:none;}
div#commercial li#commercial a:hover {text-decoration:none;}
div#longformat li#longformat a:hover {text-decoration:none;}
div#multimedia li#multimedia a:hover {text-decoration:none;}
div#marketing li#marketing a:hover {text-decoration:none;}
div#events li#events a:hover {text-decoration:none;}
div#clients li#clients a:hover {text-decoration:none;}
div#about li#about a:hover {text-decoration:none;}