/* 
Title: BridgerNielson.com
Author: team A design 
www.GoTeamA.com
*/


/* reset
------------------------------------------------------------------*/

* { margin:0; padding:0; list-style:none; text-decoration:none; border:0; outline:none; }

.clearfix:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
 .clearfix { display:block; }
/* End hide from IE Mac */
* html .clearfix { height:1%; }

.hidden { display:none; }
.clear { clear:both; }
.right { float:right; }


/* general structure
------------------------------------------------------------------*/

html, body { height:100%; }

body { background:#1f120a url(../images/wood_bg.jpg) repeat; color:#fff; }

#container {
	position:relative;
	width:960px;
	margin:30px;
	text-align:left;
}


/* general typography
------------------------------------------------------------------*/
body { font-size:100%; font-family:Arial, Helvetica, Verdana, sans-serif; }

#container { font-size:.875em; line-height:1.285em; } /* 14px base font size with 18px line height */

h1 { font-size:2.57em; line-height:1em; text-transform:uppercase; }
h2 { font-size:1.285em; line-height:1.33em; text-transform:uppercase; font-weight:normal; }
h3 { font-size:1em; line-height:1.285em; text-transform:uppercase; }

p { margin:.5em 0 2em; }


/* links
------------------------------------------------------------------*/

a:link { color:#c60; }
a:visited { color:#c60; }
a:hover, a:focus { color:#f90; }
a:active { color:#f90; }

#nav a:link { color:#fff; }
#nav a:visited { color:#fff; }
#nav a:hover, a:focus { color:#f90; }
#nav a:active { color:#f90; }

#nav a.active { color:#f90; }

/* header
------------------------------------------------------------------*/

#header { margin-bottom:50px; }

#header a { color:#fff; }


/* nav
------------------------------------------------------------------*/

#nav { float:left; }
#nav h3 { font-size:14px; font-weight:bold; color:#d1c7b8; }
#nav h3.active, #nav h3.active a { color:#f90; }
#nav ul { margin-bottom:20px; }
#nav li { text-transform:uppercase; }
#nav li.active a { color:#c60; }

#nav h3.secret a { color:#000; }

/* content
------------------------------------------------------------------*/

#content { position:relative; float:right; width:760px; }

#content h2 { font-size:1em; line-height:1.285em; text-transform:uppercase; font-weight:normal; margin-bottom:5px; }

#thumb { position:relative; }
#thumb img { border:none; padding:0; }
.vthumb a { display:block; height:100px; width:75px; overflow:hidden; }
.vthumb a:hover { display:block; text-indent:-75px; }
.hthumb a { display:block; height:100px; width:150px; overflow:hidden; }
.hthumb a:hover { display:block; text-indent:-150px; }

#thumb1 { position:absolute; top:0px; left:0px; }
#thumb2 { position:absolute; top:0px; left:75px; }
#thumb3 { position:absolute; top:0px; left:150px; }
#thumb4 { position:absolute; top:0px; left:225px; }
#thumb5 { position:absolute; top:0px; left:300px; }
#thumb6 { position:absolute; top:0px; left:375px; }
#thumb7 { position:absolute; top:0px; left:450px; }
#thumb8 { position:absolute; top:0px; left:525px; }
#thumb9 { position:absolute; top:0px; left:600px; }
#thumb10 { position:absolute; top:0px; left:675px; }
#thumb11 { position:absolute; top:100px; left:0px; }
#thumb12 { position:absolute; top:100px; left:75px; }
#thumb13 { position:absolute; top:100px; left:150px; }
#thumb14 { position:absolute; top:100px; left:225px; }
#thumb15 { position:absolute; top:100px; left:300px; }
#thumb16 { position:absolute; top:100px; left:375px; }
#thumb17 { position:absolute; top:100px; left:450px; }
#thumb18 { position:absolute; top:100px; left:525px; }
#thumb19 { position:absolute; top:100px; left:600px; }
#thumb20 { position:absolute; top:100px; left:675px; }
#thumb21 { position:absolute; top:200px; left:0px; }
#thumb22 { position:absolute; top:200px; left:75px; }
#thumb23 { position:absolute; top:200px; left:150px; }
#thumb24 { position:absolute; top:200px; left:225px; }
#thumb25 { position:absolute; top:200px; left:300px; }
#thumb26 { position:absolute; top:200px; left:375px; }
#thumb27 { position:absolute; top:200px; left:450px; }
#thumb28 { position:absolute; top:200px; left:525px; }
#thumb29 { position:absolute; top:200px; left:600px; }
#thumb30 { position:absolute; top:200px; left:675px; }
#thumb31 { position:absolute; top:300px; left:0px; }
#thumb32 { position:absolute; top:300px; left:75px; }
#thumb33 { position:absolute; top:300px; left:150px; }
#thumb34 { position:absolute; top:300px; left:225px; }
#thumb35 { position:absolute; top:300px; left:300px; }
#thumb36 { position:absolute; top:300px; left:375px; }
#thumb37 { position:absolute; top:300px; left:450px; }
#thumb38 { position:absolute; top:300px; left:525px; }
#thumb39 { position:absolute; top:300px; left:600px; }
#thumb40 { position:absolute; top:300px; left:675px; }

.still { height:63px; width:105px; }
.still a { display:block; width:105px; overflow:hidden; }
.still a:hover { display:block; text-indent:-105px; }
.still img { border:0; }

.stillvid { height:90px; width:150px; }
.stillvid a { display:block; width:150px; overflow:hidden; }
.stillvid a:hover { display:block; text-indent:-150px; }
.stillvid img { border:0; }

.stillf { height:120px; width:240px; }
.stillf a { display:block; width:240px; overflow:hidden; }
.stillf a:hover { display:block; text-indent:-240px; }
.stillf img { border:0; }

.contact { color: #fff; }
.contact a:link, a:visited { color:#fff; text-decoration: none; }
.contact a:hover, a:active { color:#f93; text-decoration: none; }

.text { color: #963; letter-spacing:1px; }
.text a:link, a:visited { color:#963; }
.text a:hover, a:active { color:#f93; }

#reel { margin-bottom:40px; }
#reel a { display:block; width:420px; overflow:hidden; }
#reel a:hover { display:block; text-indent:-420px; }
#reel img { border:0; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }