@charset "UTF-8";
/* CSS Document */



/******Body and Background Properties *****/

body {background-color:#000000;}
body p {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;}
body a {text-decoration:none; outline:none;}
body img {outline:none; border:none;}
body p,a,h1,h2,h3,h4,h5,h6 {padding:0;}
span.bold {font-weight:bold;}
span.dimmer {color:#666;}

.container {width:1200px; height:800px; margin:auto; padding:0; background-color:none;}


/******* Header *******/

div#header {width:1200px; height:100px; margin:0; padding:0; background-color:none; }
img#hslogo {margin-top:27px; padding:0; position:absolute; opacity:.3;}
div#homelink {width:auto; height:auto; margin:0; padding:0;}
h1#sitetitle {position:absolute; color:#fff; font-size:1em; font-family:"Century Gothic", helvetica, sans-serif; text-transform:uppercase; letter-spacing:.2em; top:35px; margin-left:70px;}
span.bold {font-weight:bold;}
span.normal {font-weight:normal;}
span.lighter {font-weight:lighter;}
ul.nav_horiz {list-style-type:none; margin:0; padding:0;}
.nav_horiz li {display:inline; margin:0; padding:0;}
#topnav {color:#fff; float:right; margin-top:35px; font-family:"Century Gothic", helvetica, sans-serif; text-transform:lowercase; font-size:1em; letter-spacing:.2em;}
#topnav a {color:#808080; -webkit-transition:color 0.2s ease-in;-moz-transition:color 0.2s ease-in;-o-transition:color 0.2s ease-in;transition:color 0.2s ease-in;}

#topnav a:hover {color:#999;}
#topnav a:active {color:#fff;}

a.worklink {font-weight:bold;}
a.infolink {font-weight:lighter;}








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

/******* Home *********/

/******* Backgrounds *********/

#homecontent {background-image:url(../img/bg/14.jpg);}
#reelcontent {background-image:url(../img/bg/11.jpg);}
#projectscontent {background-image:url(../img/bg/bg_projects.jpg);}
#photocontent1 {background-image:url(../img/bg/bg_photography.jpg);}
#photocontent2 {background-image:url(../img/bg/bg_photography2.jpg);}
#photocontent3 {background-image:url(../img/bg/bg_photography3.jpg);}
#photocontent4 {background-image:url(../img/bg/bg_photography4.jpg)}
#aboutcontent {background-image:url(../img/bg/12b.jpg);}
#contactcontent {background-image:url(../img/bg/10.jpg);}
#errorcontent {background-image:url(../img/bg/10.jpg);}
#thankyoucontent {background-image:url(../img/bg/10.jpg);}
#mutecontent {background-image:url(../img/bg/bg_mute2.jpg);}
#alambamentocontent {background-image:url(../img/bg/bg_alambamento.jpg);}
#strangeworldcontent {background-image:url(../img/bg/bg_strangeworld.jpg);}
#infamycontent {background-image:url(../img/bg/bg_infamy.jpg);}
#onceuponcontent {background-image:url(../img/bg/bg_onceupon.jpg);}
#lunabarcontent {background-image:url(../img/bg/bg_lunabar.jpg)}
#nowarcontent {background-image:url(../img/bg/bg_nowar.jpg);}
#nikecontent {background-image:url(../img/bg/bg_nike.jpg);}
#bitchcontent {background-image:url(../img/bg/bg_bitch.jpg);}
#juxtaposecontent {background-image:url(../img/bg/bg_juxtapose.jpg);}
#brotherscontent {background-image:url(../img/bg/bg_brothers.jpg);}
#quitedeepcontent {background-image:url(../img/bg/bg_quitedeep.jpg);}
#ilovemymomcontent{background-image:url(../img/bg/bg_ilovemymom.jpg);}

/******************************************************/

div.content {width:100%; height:618px; margin:0; padding:0; border-top:1px solid #000; border-bottom:1px solid #000}
img#maintitle {position:absolute; z-index:10; margin-top:250px; margin-left:70px;}
div#feed {float:right; width:535px;; height:500px; margin:10px; padding:10px; background-image:url(../img/bgtiles/trans_black_40.png);}
div#latestnews h3 {margin:0; padding:0;}
div#content h1,h2,h3,h4,h5,h6 {font-family:"Century Gothic", helvetica, sans-serif; text-transform:uppercase; color:#CCC; font-weight:normal; letter-spacing:.2em;}

/****** Reel *********/

div#playbox {width:700px; padding:20px 0 0 0; height:auto; margin:35px auto; background-image:url(../img/bgtiles/trans_black_40.png);}
div#altviews {width:640px; height:20px; margin:auto; padding:5px 0 5px 0;}
div#altviews p {margin:4px 0 0 0; padding:0; float:left; color:#ccc; font-family:"Century Gothic", helvetica, sans-serif; font-weight:normal; font-size:.5em; 
text-transform:uppercase; letter-spacing:.2em;}
#altviewlinks {margin:0; margin-left:5px; padding:0; float:left; color:#CCC;}
#altviewlinks li {margin:0 5px 0 5px; padding:0;}
ul#altviewlinks a {font-family:"Helvetica Neue" Helvetica, arial, sans-serif; color:#CCC; margin:0; padding:0; font-size:smaller; -webkit-transition:color 0.2s ease-in;-moz-transition:color 0.2s ease-in;-o-transition:color 0.2s ease-in;transition:color 0.2s ease-in;}
ul#altviewlinks a:hover {color:#999;}
#embedwrap {margin-top:20px; margin:auto; width:640px; height:496px;}



/****** Projects *******/

div#projectwrap {width:1100px; height:530px; background-image:url(../img/bgtiles/trans_black_60.png); margin:20px auto; padding:20px;}
div#projectnav {width:200px; height:500px; margin:0; padding:0; float:left;}
div#projectcontent {width:auto; height:auto; margin:0; padding:0; float:left;}
div.projectdetails {width:300px; height:520px; margin:0; padding:0 0 0 10px; overflow:auto; background-image:url(../img/bgtiles/trans_black_40.png);}
div.projectstilldiv {width:560px; height:30px; margin:auto; padding:0;}
ul.projectstills {list-style-type:none; margin:0; padding:0;}
.projectstills li {display:inline; margin:0 5px 0 0; padding:0;}
div.projectbuttons {width:55px; height:490px; float:left; background:#999; margin:0 7px; padding:0;}

#mute a#mutebutton,
#alambamento a#alambamentobutton,
#strangeworld a#strangeworldbutton,
#infamy a#infamybutton,
#onceupon a#onceuponbutton,
#quitedeep a#quitedeepbutton,
#brothers a#brothersbutton,
#lunabar a#lunabarbutton,
#nowar a#nowarbutton,
#nike a#nikebutton,
#bitch a#bitchbutton,
#juxtapose a#juxtaposebutton,
#ilovemymom a#ilovemymombutton {
	border-right:10px solid #CCC;
	background:#CCC;
	color:#000;
}



h2.proj_section {font-size:1em;}
ul.projectlinks {list-style-type:none; font-family:"Century Gothic", helvetica, sans-serif; color:#CCC; font-size:.8em; margin-bottom:50px;}
.projectlinks a, .projectheader a {color:#CCC; -webkit-transition:color 0.2s ease-in;-moz-transition:color 0.2s ease-in;-o-transition:color 0.2s ease-in;transition:color 0.2s ease-in;}
.projectlinks a:hover, .projectheader a:hover {color:#999;}
.projectlinks_ext {font-family:"Helvetica Neue", helvetica, arial, sans-serif; font-size:14px; color:#CCC;}
div.videobox {width:560px; height:auto; margin:auto; margin-bottom:10px; padding:0;}
div.projectheader {width:560px; height:auto; margin:0; padding:0;}
div.holder2 {width:auto; height:520px; float:right; margin:0;}
div.projecttext {margin:0 0 0 0; padding:0; width:auto; height:120px; overflow:auto;}
div.projecttext a {color:#CCC;}
div.projecttext a:hover {color:#999;}
h2.projecttitle {width:100%; border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:10px;}
p.projectinfo {margin:0; padding:0; font-family:"Century Gothic", helvetica, sans-serif; font-weight:normal; color:#CCC;}
p.projectdescription {padding:0; color:#CCC; font-family:"Helvetica Neue", helvetica, sans-serif; font-weight:normal; font-size:.8em; margin:10px 0 10px 0; line-height:1.2em; letter-spacing:.01em; }
span.roleheading {font-family:"Century Gothic", helvetica, arial, sans-serif; font-size:1em; margin:10px 0 2px 0;color:#CCC}
p.role {font-family:"Helvetica Neue", helvetica, arial, sans-serif; font-size:1em; margin:2px 0 2px 0;color:#CCC}
ul.awardlist {font-family:"Helvetica Neue", helvetica, arial, sans-serif; color:#CCC; font-size:12px; list-style-type:square; margin:0;}
ul.detaillist {font-family:"Century Gothic", helvetica, arial, sans-serif; color:#CCC; font-size:12px; list-style-type:none; margin:10px 0 20px; padding:0;}
.projectdetails p {font-family:"Century Gothic", helvetica, arial, sans-serif; color:#CCC; font-size:12px; margin:10px 0 20px; padding:0; width:250px;}
.projectdetails ul {width:auto;}
ul.detaillist li {margin:2px 0;}
h3.detailheader {font-size:12px; font-weight:normal; margin:0;}


/****** Photography *******/

div#photowrap {width:965px; height:480px; padding:20px 0 0 20px; background-image:url(../img/bgtiles/trans_black_60.png); margin:35px auto}
div.thumbnail {width:100px; height:100px; margin:0 20px 20px 0; float:left; -webkit-box-shadow:2px 2px 7px #111; -moz-box-shadow:2px 2px 7px #111; -o-box-shadow:2px 2px 7px #111;}
ul#othergalleries {list-style-type:none;}
ul#othergalleries a {color:#CCC; font-family:"Century Gothic", helvetica, arial, sans-serif; font-weight:normal; font-size:.8em; -webkit-transition:color 0.2s ease-in;-moz-transition:color 0.2s ease-in;-o-transition:color 0.2s ease-in;transition:color 0.2s ease-in;}
ul#othergalleries a:hover {color:#999;}
ul#othergalleries a:active {color:#fff;}

#hsphotosone a#photo1button,
#hsphotostwo a#photo2button,
#hsphotosthree a#photo3button,
#hsphotosfour a#photo4button {
	border-right:45px solid #CCC;
	background:#CCC;
	color:#000;
}


/******* About ************/

div#aboutbox {width:880px; height:500px; background-image:url(../img/bgtiles/trans_black_60.png); margin:35px auto; padding:50px 0 0 70px;}
div#holder {width:480px; height:450px; position:absolute;}
div#abouttext {width:480px; height:450px; overflow:auto;}
#abouttext p {padding:0 0 20px 0; color:#CCC; font-family:"Century Gothic", helvetica, arial, sans-serif; color:#CCC; font-size:12px; width:430px;}
.aboutpic {float:left; margin:0 0 20px 0; padding:0;}
div#resume {width:auto; height:auto; float:left; margin:0; padding:0;}
#resumelinks {font-family:"Century Gothic", helvetica, arial, sans-serif; list-style-type:none; margin:0; padding:0; float:left; clear:left;}
#resumelinks a {color:CCC; font-size:12pt; -webkit-transition:color 0.2s ease-in;-moz-transition:color 0.2s ease-in;-o-transition:color 0.2s ease-in;transition:color 0.2s ease-in;}
#resumetitle {margin:0 0 10px 0; padding:0;}
#resumelinks a:hover {color:#999;}
#resumelinks li {display:inline;}
#resumetitle {float:left;}
#reslinkhtml {font-size:10pt; padding:0; margin:0; color:#CCC; text-transform:uppercase;}
#reslinkpdf {font-size:10pt; padding:0; margin-top:10px; color:#CCC;}
#picandlinks {margin:0; padding:0; float:right; width:350px; height:450px;}




/******* Contact **********/



#form {color:#CCC; font-family:"Century Gothic", helvetica, sans-serif; width:430px; padding:0; margin:150px 0 0 0; height:350px; float:left;}
#emailaddress {width:700px; height:45px; border-bottom:1px solid #666; margin-top:350px; letter-spacing:.1em;}
#emailaddress p {font-family:"Century Gothic", helvetica, arial, sans-serif; font-size:1em; padding:0; color:#666; float:right;}
#emailaddress a {color:#CCC;}
#emailaddress a:hover {color:#fff;}
div#contactinfo {color:#CCC; font-family:"Century Gothic", helvetica, sans-serif; size:8pt; float:left; margin:335px 0 0 0;} 
div#contactinfo a {color:#999; -webkit-transition:color 0.2s ease-in;-moz-transition:color 0.2s ease-in;-o-transition:color 0.2s ease-in;transition:color 0.2s ease-in;}
div#contactinfo a:hover {color:#fff;}
ul.contactul {float:left; list-style-type:none; margin:0 20px 0 0; padding:0; list-style:none;}
ul#contactmodes{text-align:right;}
ul#contactnumbers {text-align:left;}
.formsubmission {width:700px;}
.message {color:#CCC; font-family:"Century Gothic", helvetica, sans-serif; size:10pt; float:left; margin:150px 0 0 20px;}
div.formsubmission a {color:#999; -webkit-transition:color 0.2s ease-in;-moz-transition:color 0.2s ease-in;-o-transition:color 0.2s ease-in;transition:color 0.2s ease-in;}
div.formsubmission a:hover {color:#fff;}



/******* Footer *******/

div#footer {width:1200px; height:85px; margin:0; padding:0; background-color:999;}
div#connectlinks {width:1200px; height:40px; background:url(../img/connect_bg.gif); background-position:350px 0px; background-repeat:no-repeat; margin-top:20px; padding:0; float:left;}
img.socialnetworkbutton {margin-right:10px; padding:0; float:left;}
.sociallink img {opacity:.4; 
		-webkit-transition:opacity 0.2s ease-in;
		-moz-transition:opacity 0.2s ease-in;
		-o-transition:opcity 0.2s ease-in;
		transition:opacity 0.2s ease-in;}
.sociallink img:hover {opacity:.7}
.sociallink img:active {opacity:1}
.subtext {font-family:"Century Gothic", Helvetica, Arial, Lucida, sans-serif; font-size:.6em;font-weight:normal; color:#000;}
#copyright {float:right; padding:0; margin:0; margin-top:25px; margin-right:5px;}