/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/* Colours */

body{ color: #ccc; }
a { color: #ddd; }

/* Typography */

body { font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif; }
ul li { font-size: 12px;  line-height: 1.5; font-style: normal; }
h1 { font-family:"proxima-nova-1","proxima-nova-2",sans-serif; font-weight: 100; font-size: 120px;}
h2 { font-family: "proxima-nova-1","proxima-nova-2",sans-serif;  font-size: 60px; line-height: 50px; font-weight: 100; color: #fff; padding: 25px 0 30px 0;}
h3 { display: block; color: #999; margin: 30px 0px 0px; font-weight: normal; text-transform: uppercase; letter-spacing: .3em; }
a { text-decoration: none; font-weight:normal;}
li a, #gallery-navigation {	font-family: Helvetica,Arial,sans-serif;}
li em { }
a:active { position: relative; top: 1px; }
p .small { text-transform: uppercase; letter-spacing: .3em; line-height: 5px; font-size: 8px; color:#666;}

#intro {
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif; font-size: 45px; line-height: 40px;padding: 30px 30px;
}
#logo {display: block;
	background-image: url(http://redkeg.com/content/logo.png); width: 880px; height: 100px; margin: 0 auto;
}

/* Layout */

body { top:0; text-align: center; background-color:#333; }
div#container {margin: 0px auto 20px auto; width: 880px; height: 100%; text-align: left; background-color: #222; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;box-shadow: rgba(0,0,0,0.2) 0px 1px 4px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; padding: 0 0 20px 0;}


#next a {
	display: block;   background: #313131; font-family: "proxima-nova-1","proxima-nova-2",sans-serif;  font-size: 18px; padding: 20px 20px;
}

#next img {
	width: 220px; height: 120px; margin: -20px 0 0 -20px; /* ugh hack */
}

#next strong {
	font-family: Helvetica,Arial,sans-serif; font-size: 12px; color: #616161;
}

#next .title{
	text-transform: uppercase; letter-spacing: .1em;
}

#next .link {
	padding: 20px 20px;
}

.promo ul, li {
	list-style: none;
	padding: 0 0 0 10px;
}

.promo li a{
	display: inline;
	width: 220px;
	float: left;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif; 
	font-size: 15px;
	margin: 0 0px 10px 0;
}

.boxgrid {  
    width: 220px;  
    height: 120px;  
    margin:0;  
    float:left;  
    overflow: hidden;  
    position: relative;  
    font: 15px/15px "proxima-nova-1","proxima-nova-2",sans-serif light; 
    text-transform: uppercase;
    letter-spacing: .1em;
    background: #cf0b0e;  
}  
.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
}  

.pad {
	padding: 10px 10px;
}

.nojump{ position: relative; top: 0px!important; }



.col { float: left; margin: 0px 0px 0px 20px; padding: 0px 0 0px 0; }
.col .col { margin: 0px; }

.one { width: 60px; }
.two { width: 140px; }
.three { width: 220px; }
.four { width: 300px; }
.five { width: 380px; }
.six { width: 460px; }
.seven { width: 540px; }
.eight { width: 620px; }
.nine { width: 700px; }
.ten { width: 780px; }
.eleven { width: 860px; }
.twelve { width: 940px; }

.push-one { padding-left: 60px; }
.push-two { padding-left: 140px; }
.push-three { padding-left: 220px; }
.push-four { padding-left: 300px; }
.push-five { padding-left: 380px; }
.push-six { padding-left: 460px; }
.push-seven { padding-left: 540px; }
.push-eight { padding-left: 620px; }
.push-nine { padding-left: 700px; }
.push-ten { padding-left: 780px; }
.push-eleven { padding-left: 860px; }

p { margin: 0px 30px 10px 0; border-bottom:1px solid #252525; padding: 0 0 15px 0;}
p a { font-weight: bold; color: #fff; }


hr { display: block; clear: both; margin: 0px 0px 10px; padding: 0px; height: 0px; overflow: hidden; visibility: hidden; }
.col hr { margin: 0px 0px 15px; }

em.three { margin: 0px 0px 0px 0px; }

div#navigation { position: fixed; display:block; text-align:right; filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;}
div#navigation ul { list-style: none; padding: 0px 40px 0px 0px; margin: 0px; }
div#navigation ul li { margin: 0px 0px 6px; }
div#navigation ul li.selected { color: #999; text-indent: -6px; }
div#navigation ul li.selected a { border: 0px; color: #eeeeee; cursor: default; background-color:#444444; padding:5px 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; font-weight:bold; margin-right:-10px;}
div#navigation ul li em { display: block; color: #999; margin: 30px 0px 0px; font-weight: normal; text-transform: uppercase; letter-spacing: .3em;}

a#next-image {font-size: 12px; font-weight: bold; display: inline;padding: 10px; background-color: #333;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;}
a#next-image em, a#previous-image em {
	color: #888;
}
a:hover#next-image em, a:hover#previous-image em, #next a:hover strong {
	color: #fff;
}
a#next-image:hover, #next a:hover, #next em a:hover  {
	background-color: #cf0b0e; color: #ffffff!important;
}
a#previous-image {font-size: 12px; font-weight: bold;display: inline;padding: 10px; background-color: #141414;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;}


div#text {
  font:14px/20px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif light;
}

div#media { clear: both; padding: 10px 0px 0px 0px; }
div.media { margin: 0px 0px 10px; }
div.home div#media { padding: 0px 0px 0px 0px; }
div.description, div#media { padding: 0px 0px 0px 0px; }
span#gallery-count, div#gallery-navigation { display: none; }

div#image-wrapper { overflow: hidden; width: 602px; }
div#image-wrapper div#image-holder { width: 100000000px; }
div#image-wrapper div#image-holder div.image { float: left; width: 602px; padding: 0 0 2px 0; }

p#footer { display: inline; }
p#footer em { display: block; }

div#social {
	font-family:"Helvetica",Arial,sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
	margin: 10px 0 0 0;
}

div#social a{
	border: 0px; color: #666; background-color:#111; padding:5px 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; font-weight:bold; margin-right:-10px;
}

a.atom-rss { margin: 0px 0px 0px 6px; padding: 1px 2px 0px; font-size: 0.93em; letter-spacing: 0.08em; }

/* Javascript-enabled styles */
body.js-enabled span#gallery-count { display: inline; font-size: 10px; float: right; margin-right: 20px;line-height: 10px; color: #444;font-weight: bold;
}
body.js-enabled div#gallery-navigation { display: block; margin: 0 0 30px 0;}
body.js-enabled p#project-count { display: none; }
body.js-enabled div#media div.image { display: none; }
body.js-enabled div#media div.image:first-child { display: block; }