a:focus{
	outline:none;
}

.cs_article img{
	height:380px;
	width:630px;
	background:#000;
}

#about .about {
background-position:0 -34px;
}

#anarkon_overview .project_title {
background-position:-3px -543px;
}

#anarkon_slide .project_number_even {
background-position:8px -478px;
}

#ben {
background:#ccc url(../img/ben.jpg) no-repeat 0 0;
box-shadow:0 0 20px #333;
-webkit-box-shadow:0 0 20px #333;
-moz-box-shadow: 0 0 20px #333;
}

#ben .about_title {
background-position:0 -284px;
}

#better_overview .project_title {
background-position:-3px -316px;
}

#better_slide .project_number_odd {
background-position:0 -273px;
}

#carl {
background:#ccc url(../img/carl.jpg) no-repeat 0 0;
box-shadow:0 0 20px #333;
-webkit-box-shadow:0 0 20px #333;
-moz-box-shadow: 0 0 20px #333;
}

#carl .about_title {
background-position:0 -142px;
}

#contact {
background:#ccc url(../img/contact.png);
height:380px;
box-shadow:0 0 20px #333;
-webkit-box-shadow:0 0 20px #333;
-moz-box-shadow: 0 0 20px #333;
}

.drink_title,.location_title{
	background:transparent url(../img/contact_assets.png) no-repeat scroll -2px -74px;
	float:left;
	height:60px;
	margin-left:-9px;
	margin-top:-9px;
	overflow:visible;
	position:relative;
	width:180px;
	z-index:1;
}

.location_title{
	background-position:-2px -5px;
}

#content {
padding-top:105px;
}

#drink .drink {
background-position:-156px -34px;
}

#fixed {
	left:0;
	position:fixed;
	right:0;
	top:0;
	z-index:5;
}

#footer {
color:#333;
margin-bottom:30px;
margin-top:30px;
text-align:center;
float:left;
}

#header {
height:124px;
width:955px;
}

#home .home_link {
background-position:-316px -34px;
}

#less_overview .project_title {
background-position:-3px -394px;
}

#less_slide .project_number_even {
background-position:7px -342px;
}

#logo {
background:transparent url(../img/logo.png) no-repeat 80px 6px;
position:fixed;
top:0;
width:300px;
height:75px;
}

#menu {
	position:absolute;
	right:0;
	top:0;
	width:300px;
	z-index:5;
}

#mike {
background:#ccc url(../img/mike.jpg) no-repeat 0 0;
box-shadow:0 0 20px #333;
-webkit-box-shadow:0 0 20px #333;
-moz-box-shadow: 0 0 20px #333;
}

#mike .about_title {
background-position:0 -214px;
}

#presidio_overview .project_title {
background-position:-3px -82px;
}

#presidio_slide .project_number_even {
background-position:8px -70px;
}

#quake_overview .project_title {
background-position:-3px -160px;
}

#quake_slide .project_number_odd {
background-position:-1px -138px;
}

#right2_overview .project_title {
background-position:-3px -238px;
}

#right2_slide .project_number_even {
background-position:9px -206px;
}

#soft_overview .project_title {
background-position:-2px -471px;
}

#soft_slide .project_number_odd {
background-position:0 -409px;
}

#studio {
background:#ccc url(../img/studio.jpg) no-repeat 0 0;
box-shadow:0 0 20px #333;
-webkit-box-shadow:0 0 20px #333;
-moz-box-shadow: 0 0 20px #333;
}

#studio .about_title {
background-position:0 -71px;
}

#studio .bio_caption p {
color:#ccc;
font-style:14px;
line-height:20px;
padding:15px 20px 0;
}

#what_we_do {
background:#ccc url(../img/what_we_do_bg.png);
height:380px;
box-shadow:0 0 20px #333;
-webkit-box-shadow:0 0 20px #333;
-moz-box-shadow: 0 0 20px #333;
}

#what_we_do p {
color:#999;
font-size:24px;
font-weight:lighter;
line-height:36px;
padding-top:10px;
}

#work {

}

#work .work {
background-position:-76px -34px;
}

#zoom {
background:transparent url(../img/zoom.png) no-repeat 0 0;
float:right;
height:56px;
margin-right:10px;
margin-top:-16px;
width:50px;
}

#zoom:hover {
background-position:0 -60px;
}

.about {
background:transparent url(../img/menu.png) no-repeat 0 -37px;
}

.about,.work,.drink,.blog,.home_link {
float:left;
height:120px;
list-style:none;
margin-left:0;
text-align:center;
width:75px;
}

.about:hover,#about .about:hover {
background:transparent url(../img/menu.png) no-repeat 0 -6px;
}

.about_title {
background:transparent url(../img/about_titles.png) no-repeat 0 0;
float:left;
height:60px;
margin-left:-9px;
margin-top:-9px;
overflow:visible;
position:relative;
width:180px;
z-index:1;
}

.bio_caption,.location_caption {
background:#ccc url(../img/bio_caption_bg.png);
height:190px;
}

.bio_img {
height:190px;
width:300px;
}

.blog {
background:transparent url(../img/menu.png) no-repeat -236px -37px;
}

.blog:hover {
background:transparent url(../img/menu.png) no-repeat -236px -6px;
}

.blue {
background:#000 url(../img/project_bg.png) no-repeat 0 0;
height:380px;
width:310px;
float:left;
}

.blue p {
margin-bottom:10px;
padding:10px 20px 0;
}

.drink {
background:transparent url(../img/menu.png) no-repeat -156px -37px;
}

.drink:hover,#drink .drink:hover {
background:transparent url(../img/menu.png) no-repeat -156px -6px;
}

.hide {
display:none;
}

.highlight {
color:#ccc;
}

.home_link {
background:transparent url(../img/menu.png) no-repeat -316px -37px;
}

.home_link:hover,#home .home_link:hover {
background:transparent url(../img/menu.png) no-repeat -316px -6px;
}


#location{
	box-shadow:0 0 20px #333;
	-webkit-box-shadow:0 0 20px #333;
	-moz-box-shadow: 0 0 20px #333;
}

.location_caption p {
margin-bottom:-10px;
padding:15px 20px 0;
}

.location_img {
background:#ccc url(../img/location_map.png) no-repeat;
height:190px;
width:300px;
}

.project_even .project_caption,.project_odd .project_caption {
border:1px solid blue;
height:200px;
margin-left:640px;
width:300px;
}

.project_number_even {
background:transparent url(../img/project_numbers.png) no-repeat -6px -2px;
float:right;
height:70px;
margin-right:-22px;
margin-top:-12px;
width:90px;
}

.project_number_odd {
background:transparent url(../img/project_numbers.png) no-repeat -4px -2px;
float:left;
height:70px;
margin-left:-12px;
margin-top:-12px;
width:80px;
}

.project_title {
background:transparent url(../img/project_titles.png) no-repeat -3px -4px;
float:right;
height:62px;
margin-bottom:10px;
margin-right:70px;
margin-top:-12px;
position:relative;
width:250px;
z-index:1;
}

.red {
background:#CCC;
height:380px;
}

.shadow {
float:left;
height:380px;
width:940px;
box-shadow:0 0 20px #333;
-webkit-box-shadow:0 0 20px #333;
-moz-box-shadow: 0 0 20px #333;
}

.slide_show {
background:#ccc;
height:380px;
width:630px;
}

/*.mask{
	float:left;
	height:200%;
	width:100%;
	background:rgba(204, 204, 204, 0.6) none repeat scroll 0 0;
	position:fixed;
}
*/

#work .mask{
	position:relative;
}

.spacer {
float:left;
height:30px;
width:100%;
}

.work {
background:transparent url(../img/menu.png) no-repeat -76px -37px;
}

.work:hover,#work .work:hover {
background:transparent url(../img/menu.png) no-repeat -76px -6px;
}

a {
color:red;
}

a:hover {
color:#fff;
}

body {
background:#ccc;
font-family:Georgia,Serif;
}

p {
color:#ccc;
font-style:14px;
line-height:20px;
padding:25px 20px 0;
}

strong {
color:#666;
font-weight:700;
text-transform:uppercase;
}