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

body {
margin:0;
padding:0;
}
a {
outline:none;
}

#home, #news, #studio, #people, #contact, #gallery, #links, #gear, #frontrow {
background-color: black;
background-image: url(images/LATESTNEWS-PAGE-background.jpg);
background-repeat:no-repeat;

background-position:0 -436px;}


#frontrow h3 {
font-size:30px;text-align:center;padding:0;margin:0}

#frontrow #content p {font-size:14px; margin-bottom:10px;}

#frontrow #content {padding:10px;}
div#wrapper {
width:100%;
}

div#topmenu {
float:right;
}
div#page {
width:1050px;
margin-left:auto;
margin-right:auto;
}

div#header {
position:relative;
margin-top:20px;
margin-left:auto;
margin-right:auto;
float:left;
display:block;
background-color: black;
height:39px;
width:100%;
/*min-width:1150px;*/
z-index:1000;
 }

h1 {
float:left;
text-indent:-9000px;
font-size:0px;
color:black;
background-image:url(images/br-logo.gif);
width:306px;
height:39px;
padding:0;
margin:0;
}

div#xcontent {float:left;
display:block;
width:1054px;
margin-top:80px;
margin-left:auto;
margin-right:auto;
border:8px solid #cfc7b7; /*rgba(255, 255, 255, 0.5);*/
 }
 
div#xcontent2 {float:left;
display:block;
width:1054px;
margin-top:130px;
margin-left:auto;
margin-right:auto;
border:8px solid #cfc7b7;
  margin-bottom:59px;
}
div#image-holder1{
width:184px;
float:left;
display:block;
overflow:hidden;
}
div#image-holder2 {
width:184px;
float:left;display:block;
overflow:hidden;

}

div#image-holder1 img, div#image-holder2 img {
width:184px;height:488px;
}
div#textbox {
background-color:black;
font-size:11px;
	color: white;
	font-family: Helvetica, Arial;
	}

div#main-content{
	position:relative;
	width:686px;
	height:488px;
	/*background-image: url(images/grey-back.png);*/
	background:none repeat scroll 0 0 #2e2e2e;
	float:left;
	font-size:11px;
	color: white;
	font-family: Helvetica, Arial;
}

div#holder{
	position:relative;
 	left: 0px;
	height: 488px;
	top: 0px;
	}

h2 {
	font-family: Helvetica, Arial;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	margin:0;
	padding:0;
	height:24px;
	margin-left:12px;
	margin-top:12px;
}
h3 {
	font-family: Helvetica, Arial;
	color:#af957c;
	font-weight:bold;
	font-size:18px;
	margin:0;
	padding:0;
	height:24px;
	margin-left:12px;
	margin-top:12px;
}

#links #content {
display:block;
width:642px;padding:10px;
float:left; 
}
#content h3 {
margin:0;
}

#links  #content p {
margin:0;color:white;font-size:14px;
}
#content p {
margin:0;color:white;
}
h3 a {
color: #af957c;
text-decoration:none;
}

h3 a:hover {
color: #FFCC33;
text-decoration:none;
}
#content a, #content2 a {
color: #af957c;
text-decoration:none;
}

#content a:hover, #content2 a:hover  {
color: #FFCC33;
text-decoration:none;
}
#studio #content img{
float:none;
margin-right:8px;
margin-bottom:4px;
}
#studio #content .textblock{
display:block;height:105px;
}
#studio #content .textblock p {
line-height:14px;
}
#studio #content .displayblock {
float:left;
display:block;
}
#studio #content2 img{
float:left;
margin-right:8px;
margin-bottom:4px;
}
#studio #content2 .textblock{
display:block;height:105px;
}
#studio #content2 .textblock p {
line-height:14px;
}
#studio #content2 .displayblock {
float:left;
display:block;
}
div#footer {
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:22px;
	/*width:1050px;*/
	width:100%;
	background-color:black;
	height:12px;
	color:white;
	font-family: Helvetica, Arial;
	font-size:12px;
 	padding-top:8px;
	padding-bottom:14px;
}
div#footer2 {
	 text-align:right;
	display:block;
	float:right;
	width:220px;
	margin-right:20px;
}
div#footercontent {
margin-left:20px;
 text-align:left;
display:block;
float:left;
width:800px;
}
div#menu {
float:right;
display:block;
height:39px;
}


ul.topnav { 
text-align:left;

	list-style: none;
	padding: 0 10px;
	margin: 0;
	float: right;
	width:800px;
	font-family: Helvetica, Arial;
	background: #000;
	color:white;
	font-size: 14px;
 }
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;	outline:none;

}
ul.topnav li a:hover{
	background:  no-repeat center top;
	color: #FFCC33;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #000;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 155px;
	background: #000;
	padding-left: 10px;
	outline:none;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222;
}

.holder {
	float: left;
 
}
 
 .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
}
.jScrollPaneDrag {
	position: absolute;
	background: #c0c0c0;
 
	height:28px;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background-color:black;
	background-image:url(up-arrow.gif);
	height: 20px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color:black;
	background-image:url(dn-arrow.gif);
	height: 20px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.scroll-pane {
width:662px;
height:488px;
float:left;
padding-top:8px;
padding-left:12px;
padding-right:12px;
font-size:14px;
color: white;line-height:20px;
font-family: Helvetica, Arial; overflow:auto;
}
#gear .scroll-pane {
width:662px;

height:435px;
float:left;
font-size:14px;
color: white;
font-family: Helvetica, Arial; overflow:auto;
}

#gear .scroll-pane p {
margin-top:0;
margin-bottom:4px;
line-height:14px;
}
#studio .scroll-pane {
height: 479px;
font-size:12px;
line-height:15px;
}
#studio .scroll-pane p {
margin-top:12px;
  }
a.imglink img {
display:block;

border: 1px #A66C43 solid;
}

a.imglink:hover img {
display:block;
border: 1px #FFCC33 solid;
}

.big {
line-height:80px;
width:1050px;
margin-left:auto;
margin-right:auto;
font-size:67px;
letter-spacing:-0.07em;
color: #fff;
text-transform:lowercase;
}


#home .big {font-size:50px;}
#col1 {
background-image:url(images/HOME-PAGE2_08.jpg);
background-repeat:no-repeat;
width:788px;
height:488px;
display:block;float:left;
padding:0px;
margin-left:0px;
}
#col2 {
background-image:url(images/b&wgallerylink.jpg);
background-repeat:no-repeat;
height:488px;
width:241px;
display:block;float:left;
padding:0px;
}
#col3 {

/*background-image:url(images/grey-back.png);*/
width:245px;height:468px;overflow:auto;
display:block;float:left;
padding:10px;
}
#col3 p {
text-align:left;font-size:14px;padding:0;margin:0;	font-family: Helvetica, Arial;
padding-bottom:12px;
}

#col3 h2 {
color: white;text-align:left;padding:0;margin:0;font-size:28px;	font-family: Helvetica, Arial;
padding-bottom:12px;
}

#col3 h3 {
	font-family: Helvetica, Arial;
color: white;text-align:left;padding:0;margin:0;font-size:18px;
}


#col3 a {
color: white;
text-decoration:none;
}

#col3 a:hover {
color:#FFCC33;
text-decoration:none;
}
.headline {
padding:0;margin:0;
 font-size:24px;
}
.people-background {
margin-left:0px;
width:1054px;
height:378px;
background-image: url(images/people/PEOPLE-PAGE-back_07.jpg);
background-repeat:no-repeat;
overflow:hidden;
float:left;
display:block;
 }
.home-background {
	margin-left:0px;
	width:1054px;
	height:488px;
	/*background-image: url(images/homepage_07.jpg);*/
	background-image:url("/images/HOME-PAGE2_07.jpg");
background-repeat:no-repeat;
	overflow:hidden;
	float:left;
	display:block;
	text-align:left; 
}
.home-background p {
font-size:20px;	font-family: Helvetica, Arial;
 margin:0;
color:white;  text-align:left;
}
.home {
	font-size: 28px;
	color: #FFFFFF;
 	margin:0;
}
   .narrowright {padding:10px;text-align:right;font-size:26px;
 
 }
.person-holder165 {
float:left;
width:165px;
height:287px;
margin-top:91px;
}

.person-holder155 {
float:left;
width:155px;
height:287px;
margin-top:91px;
}
.person-holder137 {
float:left;
width:137px;
height:287px;
margin-top:91px;
}
.person-holder129 {
margin-left:-4px;
float:left;
width:129px;
height:287px;
margin-top:91px;
}
.person-holder148 {
float:left;
width:148px;
height:287px;
margin-top:91px;
}
.person-holder168 {
float:left;
width:168px;
height:287px;
margin-top:91px;
}

#contact #content p
{font-size:14px;}

#contact #column1 {
	float:left;
	text-align:left;
	width:257px;font-size:14px;
	display:block;padding:10px;
	font-weight:bold;
	font-family: Helvetica, Arial;
}
#contact #column1 h3 {
	font-size:18px;font-weight:bold;color:white;margin:0;}


#contact #column2 {
	float:right;
	
	width:377px;font-size:14px;
	display:block;padding:10px;
}


.form_element {
	font-weight:bold;
	font-family: Helvetica, Arial;
	color:black;
	font-size:14px;
	border:0;
	margin:0;
	padding:2px;
	background:white;
	width:254px;
	}
	
.form_button {
	font-weight:bold;
	font-family: Helvetica, Arial;
	color:white;
	font-size:14px;
	border:0;
	margin:0;
	padding:2px;
	background:black;
	cursor: pointer;
}
	
	
.thumbnails {
	padding:5px;
}

.thumbnails img {
 border:0;
 margin:0;
 padding:0;
}

div.historyblock {
font-size:18px;
padding:10px;
line-height:20px;
}
div.historyblock h2{
font-size:20px;
color:white;
}
#content div.historyblock p{
margin-bottom:8px;
}


#geartabsbackground {
background-image: url(images/gear_08.png);
background-repeat:no-repeat;
background-position:top left;
 }

#tabs ul{
padding:0;
margin:0;
margin-left:10px;
list-style:none;
}
#tabs ul li{
padding:0;
margin:0;
list-style:none;
}
#tabs a {
color:white;
text-decoration:none;
}
#tabs a:hover {
color:#FFCC33;
text-decoration:none;
}
.studio1tab {
font-size:26px;
color:white;
position:relative;
z-index:1001;
display:block;
float:left;
width:100px;
margin-right:40px;margin-left:10px;
height:44px;}
.studio2tab {
font-size:26px;
color:white;
position:relative;
z-index:1002;
display:block;
float:left; 
width:75px;
 margin-right:40px; height:44px;}

.studio3tab {
font-size:26px;
color:white;
position:relative;
z-index:1000;
display:block;
float:left;width:100px;
width:100px;
margin-right:40px; height:44px;}

.studio4tab {
font-size:26px;
color:white;
position:relative;
z-index:999;
display:block;
float:left; 
width:100px;
margin-right:40px; height:44px;}
.studio5tab {
font-size:26px;
color:white;
position:relative;
z-index:999;
display:block;
float:left; 
width:75px;
margin-right:40px; height:44px;}
.studio6tab {
font-size:26px;
color:white;
position:relative;
z-index:999;
display:block;
float:left; 
width:100px;
 height:44px;}
  
  #tabs-1, #tabs-2,#tabs-3, #tabs-4, #tabs-5, #tabs-6 {
  float:left;
  }
  

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; width:656px;height:419px; }
.ui-tabs .ui-tabs-hide { display: none !important; }
#gear #main-content{
 }
#gear div#image-holder2 {
width:182px;
float:left;display:block;
overflow:hidden;

}
#news #content h3 {clear:both;line-height:100%;margin:0;padding:0;height:100%; }
#news #content p {float: left;font-size:14px;
line-height:140%;}
#news #content .newsblock2 p {float: none;font-size:14px;
line-height:140%;margin-bottom:20px;}
#news #content div.newsimage_holder2,#news #content div.newsimage_holder  {border:2px solid #AF957C;}
#news #content div.newsimage_holder2:hover, #news #content div.newsimage_holder:hover {border:2px solid #ffcc33;}
.newsimage {padding-right:10px;padding-bottom:10px;float:left;}

div.newsimage_holder {height:113px;width:150px; overflow:hidden;float:left;margin:20px 0;}
div.newscopy {margin-top:30px;width:auto;}
div.newsimage_holder2 {height:75px;width:100px; overflow:hidden;float:left;margin:0 20px 0 0;}
div.textholder {width:400px;margin-left:20px;float:left;padding:20px;}
#news div.newsblock h3 {font-size:24px;color:#fff;}


div.textholder h3 strong {font-size:30px;}
#news #content div.linksholder {
	display:block;
	float:left;}
#col3 h3 {padding-bottom:10px;}
#contact #content #column2 p {font-size:10px;}

#home .newstory {
	width:250px;
	display:block;float:left;
	margin-bottom:15px;}


#home .newstory a {
	display:block}


#home .newstory p{
	padding:0;color:#CFC7B7;
	font-size:12px;line-height:14px;}
#home .newstory p.headline{
	color:#CFC7B7;
	font-size:14px;padding:0 0 4px 0;}
	
	
#home .newstory .imgholder {
float:left;
height:50px;
margin:0 6px 6px 0;
overflow:hidden;
width:80px;}

#home .newstory:hover {
border-right:5px solid #ffcc33;
}

#home .newstory p {color:#fff;}

.light-grey {
	color:#404043;
}


div#col1 h2.home a {text-decoration:none; color: #ffcc33;}

#news div.newsblock h3.yellow  {color: #ffcc33;}
#col3 h2.yellow  {color: #ffcc33;margin-bottom:5px;}


#news .textholder2 {
	float:left;
	width:514px;margin-bottom:20px;padding-bottom:20px;
	border-bottom:1px solid #ccc;}
	
.twitter-share-button {float:left;margin-right:10px;cursor:pointer;padding-top:10px;}

#news #content p.links {
	
	padding:12px 0 0 0;
}

#news .news_images {
	clear:both;
	padding-top:20px;}