/**************************************
	pencil nav
**************************************/



#pencil_nav_container {
height: 18px;
background-color: #1a1a1a;
width: 99%;
text-align: center;
overflow: hidden;
position: absolute;
top: 0;
z-index: 300;
}



#pencil_nav_container #mainnav {
display: block;
font-family: Arial,Helvetica,sans-serif;
height: 18px;
font-size: 11px;
font-weight: bold;
width: 1050px;
margin-left: auto;
margin-right: auto;
}

#pencil_nav_container ul{
margin-top: 0px;
margin-bottom: 20px;
}

#pencil_nav_container #mainnav li {
display:inline;
vertical-align: middle;
float:left;
list-style-type:none;
text-align:center;
}

#pencil_nav_container #mainnav li a {
display:block;
padding-top:3px;
padding-bottom: 2px;
padding-right: 12px;
padding-left: 12px;
text-decoration:none;
background:#242424;
border-right:1px solid #666666;
color:#FFFFFF;
}
#pencil_nav_container #mainnav li.active a {
background:#605F5F;
}
#pencil_nav_container #mainnav a.active, #pencil_nav_container #mainnav li a:hover {
background-color:#830F0F;
}
#pencil_nav_container #mainnav li.red a {
background-color:#c00015;
border-right:1px solid #CC9999;
padding-top:3px;
padding-bottom: 2px;
padding-right: 12px;
padding-left: 12px;
}

#pencil_nav_container #mainnav li.red a:hover {
background-color:#8F5353;
}

#pencil_nav_container #mainnav li.last a {
border:medium none;
}

.pencil_hairline {
line-height: 0px;
border-bottom: 1px solid #CCC;
position: relative;
top: 20px;
width: 100%;
z-index: 300;
}





/********************************
Universal Styles
********************************/

body {
background: #262626 url('images/bodyBG.jpg') repeat-y 50% 0;
font-family: Helvetica, sans-serif;
font-size: 90%;
color: #666666;
text-align: center;
}

a:focus {
outline: none;
}

.toolbar {
background: transparent url('images/toolbarBG.png') no-repeat 0 0;
margin: 0px 0px 10px 190px;
display: none;
}

.toolbar a, .toolbar a:visited {
color: #99ccff;
font-size: 80%;
font-family: Arial;
float: left;
display: inline;
text-decoration: none;
font-weight: bold;
margin: 0px 22px 0px 14px;
}

.clear {
clear: both;
}



/**********************************
Bag
**********************************/

.ndepthBag {
height: 768px;
}

/***********************
Content
***********************/

.header {
background: transparent url('images/lemmonsBG.jpg') no-repeat 50% 0;
height:1795px;
}

.wrapper {
display: block;
width: 700px;
margin: auto;
position:relative;
top:778px;
text-align: left;
}

.content {
margin:auto;
padding: 0 40px;
}

.content p {
margin-bottom: 10px;
font-size: 110%;
line-height:20px;
}

.content h2 {
font-size: 160%;
color: #827457;
font-weight:400;
margin:20px 0 10px;
text-transform:uppercase;
}

.footer{
width: 100%; 
background: #262626 url('images/pageBottom.jpg') no-repeat 50% 0;  
height: 194px; 
position: relative; 
bottom: -776px; 
}


/*************************
Media
*************************/

.ndepthVideo{
position: relative;
}

.right {
float: right;
margin-left: 20px;
}

.matte  {
background-color: #687b8b;
}

.ndepthMedia {
background-color: #687b8b;
padding: 3px;
margin-bottom: 5px;
}

.ndepthMedia .caption {
font-size: 80%;
color: #fffae7;
font-family: Helvetica;
padding-top: 3px;
}

.quote {
background-color: #687b8b;
padding: 3px;
margin-top: 5px;
margin-bottom: 5px;
width: 299px;
}

.quote .caption {
color: #fffae7;
font-family: Helvetica;
font-size:122%;
padding:8px 18px;
text-indent: 4px;
font-weight: 100;
}

.caption2 h3 {
color:#FFFAE7;
font-family:Helvetica;
font-size:122%;
font-weight:100;
padding:8px 18px;
text-indent:4px;
}

.caption2 h4 {
color:#FFFAE7;
display:block;
font-size:94%;
font-weight:100;
padding:0px 0 3px 77px;
}

/***************************
QuoteBox
***************************/

.quoteBox {
background: transparent url('images/quoteboxBG.jpg') no-repeat 0 0;
height: 630px;
position: relative;
left: 1px;
width: 659px;
padding: 70px 0px 0px 15px;
color: white;
}

.quoteBox h3 {
color: white;
font-size: 110%;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 0px;
}

.quoteBox h4 {
display: block;
font-size: 80%;
font-weight: 100;
padding-left: 40px;
margin-bottom: 20px;
padding-bottom: 0px;
}

.b1 {
width: 40px;
height: 61px;
float: right;
padding-left: 5px;
clear: right;
}

.b2 {
width: 207px;
height: 102px;
float: right;
padding-left: 5px;
clear: right;
}

.b3 {
width: 221px;
height: 61px;
float: right;
padding-left: 5px;
clear: right;
}

.b4 {
width: 192px;
height: 46px;
float: right;
padding-left: 5px;
clear: right;
}

.b5 {
width: 289px;
height: 63px;
float: right;
padding-left: 5px;
clear: right;
}

.b6 {
width: 400px;
height: 77px;
float: right;
padding-left: 5px;
clear: right;
}

.b7 {
width: 425px;
height: 87px;
float: right;
padding-left: 5px;
clear: right;
}

.b8 {
width: 444px;
height: 42px;
float: right;
padding-left: 5px;
clear: right;
}

.b9 {
width: 646px;
height: 63px;
float: right;
padding-left: 5px;
clear: right;
}

a.ndepthHome {
display: block;
height:45px;
left:456px;
position:relative;
top:39px;
width:136px;
}