/* apply a natural box layout model to all elements */
/* http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
html { min-width: 960px;}
body {font-family: "museo-slab",serif; font-weight: 500; min-width: 960px; font-size:15px;}
body strong {font-weight:900;}
/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

p {margin-bottom:30px; line-height: 24px;}
a {color: #ff6633; text-decoration: none;}
a:hover {color: #ff6633;}

.wrapper {float:left; width:100%; position: relative;}
.inner {width:960px; margin:0 auto; position: relative;}

.wrapper.header {background-image: url(../../img/top_bg.jpg); background-color: black; background-position: 50% 0;}

a.logo {display: block; width:344px; height:110px; background-image: url(../../img/logo.png); text-indent: -2000px; float:left; margin:80px 0;}
h1.page_leader {float:right; width:540px; margin:60px 0; font-weight:300!important; font-style: italic!important; font-size: 22px!important; color:#333;}
h1.page_leader strong {font-weight:300!important; font-style: italic!important; font-size: 22px!important; color:#fff; font-family: "museo slab"; display: inline; text-transform:none;}

.affiliate, article .bio, article.col, .blog article {
	-webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, .5);
	-moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, .5);
	box-shadow:         0px 0px 8px rgba(50, 50, 50, .5);


}
article.col {background-color: #fff; float:left;width:960px;}
article.col .wide {float:left; width:550px; margin:30px 0 30px 30px;}
article.col aside {float:right; width:300px; margin:130px 30px 30px 0;}
article.col aside .label {margin-bottom:30px;}

article.col aside h2 {font-size:18px; font-weight: 800;}
article ul {list-style-type: disc; margin-left:30px; margin-bottom:30px;}


article h1 {font-family: "atrament-web"; font-weight: 400; font-size: 56px; text-transform: uppercase; margin-bottom:30px;}
article h2 {font-weight:500; font-size:20px; margin-bottom:30px;}
article h3 {line-height: 24px;}
.button {background-color: #ff6633; color:#fff; font-family: "atrament-web"; font-weight: 400; font-size: 28px; text-transform: uppercase; display: inline-block; padding:10px 20px; text-decoration:none;}
.button:hover {background-color:#333; color:#fff;}

nav {border-top:1px solid #0d0d0d;}
nav ul {width:960px; margin:0 auto;}
nav ul li {display: inline-block; float:left;}
nav ul li a {display: block; padding:20px; color:#fff; text-decoration: none; font-family: "proxima-nova",sans-serif; font-weight: 700; text-transform: uppercase;}
nav ul li.here a {background-image:none!important; background-color:#ff6600!important;}
nav ul li a:hover {background-color:none; background-image: url(../../img/grad_80.png); color:#fff;}

.wrapper.stage {background-image: url(../../img/paper.png); background-position: 50% 0; padding:50px 0;}

.videos .label {margin-left:10px; margin-bottom:10px;}
p.video {margin:10px; float:left; width:220px; height:370px;}
p.video a {color:#333333; text-decoration: none; display: block;}
p.video a strong {color:#999999;}
.video strong {font-family: "atrament-web"; font-weight: 400; font-size: 36px; text-transform: uppercase; display: block; line-height:36px;}
p.video img {
	-webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, .5);
	-moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, .5);
	box-shadow:         0px 0px 8px rgba(50, 50, 50, .5);
}

p.video a:hover strong {color:#ff6633;}
p.video a:hover img {
	-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, .8);
	-moz-box-shadow:    0px 0px 2px rgba(50, 50, 50, .8);
	box-shadow:         0px 0px 2px rgba(50, 50, 50, .8);
}
.videos .more_link {position: absolute; right:0; top:0; color:#fff; font-style: italic; color:#666; text-decoration: none;}

li.facebook {display: block; width:32px; height:32px; float:right; padding:0; margin:7px 0 0 0;}
li.facebook a {width:32px; height:32px; background-image: url(../../img/facebook.png)!important; padding:0; margin:0; background-position: 0 0; text-indent: -4000px; display: block; }
li.facebook a:hover {background-position: 0 -32px;}

.wrapper.blog_strip .label {margin-left:10px; margin-bottom:20px;}
.wrapper.blog_strip {background-image: url(../../img/paper_dark.png); padding:30px 0;}
.blog_snip {width:220px; float:left; margin:10px;}
.blog_snip a  {color:#666; text-decoration: none; font-size: 13px;}
.blog_snip h2 a {color:#fff; font-size:16px; margin-bottom:20px!important; display: block;}
.blog_strip .more_link {position: absolute; right:0; top:0; color:#fff; font-style: italic; color:#666; text-decoration: none;}
.blog_strip em {display: block; margin-top:20px; font-size: 11px;}

.blog .label {margin-bottom:20px;}
.blog .wide {float:left; width:700px;}
.blog article {float:left; width:700px; padding:30px; background-color: #fff; margin-bottom:30px; }
.blog aside {float:right; width:230px;}

.blog article h1 {margin-bottom:0; line-height: 56px;}
article .meta {font-family: "proxima-nova",sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom:30px;}

.affiliate {width:960px; padding:30px; background-color: #fff; margin-bottom:30px; float:left;}
.af_logo {float:left; width:250px;}
.af_description {float:left; width:470px; margin-left:30px;}
.af_link {float:right;}

aside .linklist {margin-bottom:30px;}
aside .linklist li a {color:#333; text-decoration: none; font-weight:700; line-height: 24px; color:#666;}

.wrapper.footer {background-image: url(../../img/grunge.jpg); background-position: 50% 0; padding:30px 0 60px 0; border-top:1px solid #333;}
footer .map {width:220px; float:left; margin-right:30px; }
footer .map img {border:10px solid #111;}
footer .address {float:left; width:300px; }
footer .copyright {float:right; text-align: right;}
h3.label { font-family: "proxima-nova",sans-serif; font-weight: 700; text-transform: uppercase;}


.bio {width:960px; padding:30px; background-color:#fff; float:left; margin-bottom:30px;}
.bio h1 {line-height: 56px; margin-bottom:0;}
.bio .wide {float:left; width:700px;}
.bio img {float:right; width:175px;}


.videostage article {padding:30px; background-color: #fff; float:left; width:960px;}
.videostage p.video {margin:10px; float:left; width:280px; height:380px;}




/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #ff6633; color: #fff; text-shadow: none;}
::selection {background: #ff6633; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }








/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
	
		
}