html, body { }
* { text-rendering: optimizeLegibility; }
body{font-size: 62.5%;line-height: 1; color: black; background: black;}

img {border: none;}


/*scaling bg */
#bg-container {
bottom:0;
left:0;
min-width:980px;
overflow:hidden;
position:fixed;
right:0;
top:0;
background: url(../images/ajax-loader.gif) center center no-repeat;
}

#scale {
left:0;
overflow:hidden;
position:absolute;
top:0;
z-index:2;
}

div#scale .bg {
float:left;
z-index:1;
}
/*end scaling bg*/

#loading {display: block; position: fixed; top :6px; right: 14px;}

h1 {display: block; width: 61px; height: 45px; float: left; }
h1 a{width: 61px; height: 45px; text-indent: -9999px; background: url(../images/nav_im.png) 0 2px no-repeat; display: block;}
#header h1 a:hover {background-position:0 -42px;}

a {color: #FFF; text-decoration:none;}
a:hover {color: #CCC}
a:focus, a:visited {color: #BBB;}

h2+p {margin-bottom: 1.2em}

h3, dt {font-family: Georgia, Times New Roman, Times, serif; font-style: oblique; font-size: 1.3em;}
dt {color: #FFF;}
p, li, body, dd {font-family:Courier}

/* Headings */
.heading {
	font-family: 'AntennaBlack', 'Helvetica Black', 'Arial Black', 'Arial', _sans;
	color: #FFF; font-size: 5.0em; text-decoration: none; text-transform: uppercase; text-shadow: rgba(0,0,0,0.3) 0px 0px 5px; 
	margin-bottom: 26px;
	letter-spacing: -5;	
}
.smaller {font-size: 4.8em}
.guns { text-indent: -9999px; display: block; width:665px; height: 101px; background: url(../images/home_guns_for_hire.png) -12px 0 no-repeat;}

/* Nav */
#header .nav_credits {position: absolute; right: 10px; top:0; text-indent: -9999px;}
ul.nav {display: block; width: 680px; margin: 0 auto;}
ul.nav li {display: block; float: left;}
ul.nav li a {text-indent: -9999px;}
ul.nav li a:hover, #header a:hover, ul.nav li a:focus, #header a:focus {background-position:0 -46px;}
ul.nav li a.selected, #header a.selected {background-position:0 -91px;}
a.nav_work {display: block; background: url(../images/nav_work.png); width: 85px; height: 45px;}
a.nav_services {display: block; background: url(../images/nav_services.png); width: 112px; height: 45px;}
a.nav_journal {display: block; background: url(../images/nav_journal.png); width: 103px; height: 45px;}
a.nav_about {display: block; background: url(../images/nav_about.png); width: 111px; height: 45px;}
a.nav_credits {display: block; background: url(../images/nav_photo.png); width: 40px; height: 45px;}
a.nav_contact {display: block; background: url(../images/nav_contact.png); width: 109px; height: 45px; margin-left: 160px;}
.nav-photo-hover{background: url(../images/nav_photo_hover.png); width: 72px; height: 14px; text-indent: -9999px; display: block; position: absolute; right:52px; top: 15px; display: none;}


#header {
    width:100%;
    background: url(../images/nav_bg.png) 0 0 repeat;
    display: block;
    height:45px; 
    z-index: 20 ;
    top:0;
    right: 0;
    position:fixed;
}

.content {
	position: relative;
	display: block;
    margin: 0 auto;
    width: 644px;
    z-index:10;
    overflow:visible;
    padding-top: 80px;
    padding-bottom: 25px;
    margin-bottom: 80px;
    
  }  

.bordercontainer {	
	overflow:hidden;
	position:relative;
	z-index:3;
	min-height:0;
	margin-bottom:12px;
	min-width: 20px;
}

.alphaborder {position:absolute;
	left:0;
	top:0;
	height:999em;
	line-height: 1;
	width:100%;
	background:#000;
	opacity:0.3;
	z-index:4;
}

.whitealphaborder {position:absolute;
	left:0;
	top:0;
	height:999em;
	line-height: 1;
	width:100%;
	background:#FFF;
	opacity:0.3;
	z-index:4;
}

.greybox {
	margin:5px;;
	position:relative;
	z-index:5;
	color:#000;
	background: url(../images/box_bg.png) 0 0 repeat;
	overflow: hidden;
}

.whitebox {
	margin:5px;
	position:relative;
	z-index:5;
	color:#000;
	background-color: #E6E6E6;
	overflow: hidden;
	padding: 15px;	
}


.greybox p, .greybox dl, .greybox cite, .greybox blockquote {line-height: 1.4em; color: #B3B3B3; font-size: 1.3em; 
	position:relative;
	z-index:6;
}

.greybox h3 + p, blockquote+h3, a+p, .greybox p + p , .greybox p + h2, .greybox p + h3 , fieldset, h3+h3, .greybox dl, .greybox cite, .greybox blockquote, h3+ul {margin-top: 1.2em}
.greybox li {font-size: 1.1em;, line-height: 1.2em; color: #B3B3B3; font-size: 1.3em; margin-bottom: 10px;}
.greybox p em {color: #FFF; border-bottom: 1px #FFF solid}
.greybox h3, .greybox h2 {color: #FFF; display: block;}
.greybox dd dt {min-width: 216px; display: block; float: left;}
.greybox dd {margin-bottom: 10px;}
.greybox p a{border-bottom: 1px #FFF solid}
.textbox {padding: 20px; min-width: 50px;}
.service {width:144px; height: 238px; display: block; float: left;}
.service + .service {margin-left:6px;}


/* Buttons */
#content .smallbutton {width: 72px;}
#content .smallbutton a {width: 54px;}
#content .right {float: right}
.twitter .button a {width: 212px}

.greybutton {width: 154px; display: block; float: left; color:#FFF;}
.greybutton + .greybutton {margin-left: 9px;}
.greybutton a, .greybutton p, .greybutton span {width: 136px; height: 13px; display: block; font-size: 1.3em; padding: 12px 2px; border: 2px #FFF solid;}
.greybutton a:hover, .greybutton p:hover, .greybutton span:hover {padding:11px 1px; border:3px #FFF solid; }
.greybutton span {color: #FFF}
.button {text-align: center; text-transform: uppercase;}

/*Homepage */
ul.homepage-service {float: left; display: block; width: 140px; font-size: .9em; margin-top: 25px;}

ul.homepage-service + ul.homepage-service {margin-left:10px;}
.homepage-service li h3 {font-size: 1em; margin-bottom: 1.2em;}
.homepage_image {float: left;}


/*credits page*/
.greybox ul.credits li{ font-size: 1.1em; letter-spacing: 0}

/*work page*/
.work_nav {float: left; width: 163px; margin-left: -168px;}
.work_nav .greybutton + .greybutton {margin-left:0px;}
.project .desc { width: 170px; padding: 15px; display:block; float: left; height: 220px; position: relative;}
.project .desc a {position: absolute; left: 15px; bottom: 15px; border-bottom: 1px solid #FFF; font-size: 1.2em}
.project img {display: block; float: right;}

.white_1px_border {border: 1px #FFF solid; padding: 2px;}

.antenna {text-transform: uppercase; font-family: 'AntennaBlack', 'Helvetica Black', 'Arial Black', 'Arial', _sans; font-style: normal;}
label .antenna {color: #FFF;}
.contact-left {width:253px;display: block; float: left; margin-right: 15px;}
.contact-right {display: block; float: left; width: 370px;}

/* Journal page */
#tumblr {width: 440px; display: block; float: left; margin-left:-34px; min-height: 450px; }
.twitter {width: 230px; display: block; float: right;}
.twitter .twitter-follow { float: right; display:block; text-indent: -9999px; background: url(../images/twitter_icon.gif) 0 0 no-repeat; border: none; width:27px; height: 28px; overflow: visible; border-bottom: none; margin-top: -25px; margin-right: -5px; }
.twitter .twitter-follow:hover {background: url(../images/twitter_icon.gif) 0 -28px no-repeat; border: none; }
.twitter h2 {font-size: 1.8em;}
.twitter li {margin-top: 15px;}

.whitebox h2, .tumblr-loading h2 {font-family: 'Georgia', Georgia; font-size: 1.8em; font-style: oblique; }
.whitebox p, .twitter ul li {font-size: 1.2em; color: #666; line-height: 1.4em;}
.whitebox a {color: #000; border-bottom: 1px #000 solid;}
.whitebox a:hover {color: #666; border-bottom: 1px #666 solid;}

.tumblr-loading {background: #000; color: #FFF; padding:5px; display: block; float: left;}
.tumblr-loading img, .tumblr-loading h2 {display: block; float: left;}
.tumblr h2 {font-size: 3.6em; line-height: 1.2em}
.tumblr h3 {font-size: 2.4em; line-height: 1.2em;}
.tumblr p {padding-top: 1.2em}
.datewrapper {display: block;  margin:5px 0; min-height: 25px; min-width:100px; width: 100%; z-index: 40; line-height: 1.0; float: left;}
.datewrapper a {border: none;}
.datewrapper a:hover {border: none;}
.datewrapper .imagepost {border: none; float: left; }
.datewrapper+h3 {margin-top: 1.3em}
.tumblr .tumblr-post-date {color: #FFF; padding: 5px; background: #333; font-family: 'Georgia', Georgia, serif; font-style: oblique; font-size: 1.3em; display: block; float: left;  clear: both;}
a+.tumblr-post-date{margin-top: -24px;}
.tumblr-quote {padding-bottom: 10px; background: url(../images/tumblr-quote-base.png) bottom right no-repeat;}
.tumblr-quote blockquote { padding:15px; background: #FFF; font-family: 'Georgia', Georgia; font-size: 1.4em; font-style: oblique; color: #000; line-height: 1.2em }
.tumblr-search .whitebox {padding: 0;}
#tumblr-search #q {width: 124px; height: 30px; padding: 5px; float: left; display: block; clear: none; background: none; border:none; font-family:Courier}
#tumblr-search #submit_btn {float: left; display: block; clear: none;}
#tumblr-search fieldset, #tumblr-search fieldset input {margin:0}
 

 
/*Form Stuff*/
.contact-info a {font-size: .8em}
label {display: block; float: left; clear: both; line-height: 1.4em; color: #B3B3B3; font-size: 1.3em; }
label.error { color: #000; padding: 10px 5px 10px 10px; vertical-align: top; background: url(../images/form_error_bg.png) 0 0 no-repeat; margin-top: -18px;}
input, textarea, select {display: block; float: left; clear: both;}
.contact-form select {width:320px;}
.contact-form input, .contact-form select {margin-bottom: 1.4em;}
.contact-form  input, .contact-form textarea {width: 315px;}

textarea {min-height: 60px;}
#submit {margin-bottom: 25px;}
.newsletter {width:200px;}
.hid {display: none;}/*spamtrap*/


/*Slideshows*/
.homepage-hover {margin-top: -180px; margin-left: 250px; font-size: .8em; display: none;}
.project-slideshow{width:634px; height: 350px; z-index: 15; }
.homepage-slideshow{width:634px; height: 310px; z-index: 15; background: url(../images/ajax-loader.gif) center center no-repeat;}
.project-link{display: block; float: right; font-size: 1.3em; position:absolute; top: 15px; right: 15px; border-bottom: 1px solid #FFF;}
.homepage-slideshow li a {float: left;}
.homepage-slideshow li a img {float: left;}
.homepage-slideshow li a span.caption { background: url(../images/30_grey.png) 0 0 repeat; display: block; color: #FFF; margin-top: -43px; font-size: 1em; padding: 15px; width: 604px; float: left;}
.next, .prev {padding:150px 20px 0 20px; height: 200px; width: 272px; color: #FFF; cursor: pointer;}
.next {float: right; background: url(../images/gallery_nav_bg.png) no-repeat 352px 0; text-align: right}
.prev {float: left; background: url(../images/gallery_nav_bg.png) no-repeat -80px 0; text-align: left;}
.controllers {position:relative; margin-top: -350px; height: 350px; top:0px; width: 634px; left: 0px; font-size: 5.2em; z-index: 18; text-shadow: rgba(0,0,0,0.3) 0px 0px 5px;}
.project a {float: right;}
.project .work-hover{margin-top: -150px; margin-left:330px}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}
.lastbutton {clear: right;}
.sydbox {float: left; min-width: 643px;}/* p's on landing pages