@font-face 
{ 
	font-family: 'HelveticaNeueLT Std Thin'; src:url(HelveticaNeueLTStd-Th.otf);
}

header, nav, section, footer
{ 
	display:block;
	text-align:center;
	margin:0 auto;
	padding:0 auto;
}

header 
{
	widht:1186.145px;
	height:473.843px;
}

header img
{
	width:1186.145px;
	height473.843px;
	position:relative;
	top:20px;
	left:-17px;
}

nav.homeNav
{
	position:relative;
	width:100%;
	padding-bottom:25px;
	top:-15px;
	left:-12px;
}

nav.homeNav ul
{
	list-style:none;
}

nav.homeNav ul li
{
	display:inline-block;
	margin:30px;
}

nav.homeNav ul li a
{
	text-decoration:none;
	font-family:"HelveticaNeueLT Std Thin";
	font-size:60px;
	color:#FFF;
	display:block;
	width:322px;
	height:224px;
	padding-top:75px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.portfolio
{
	background: #AF2025;
}

.bio
{
	background: #404041;
}

.connect
{
	background: #B59430;
}

section
{
	width:100%;
	height:800px;
}

.pageBreaks
{
	width:1080px;
	height:92.399px;
	position:relative;
	top:155px;
}

.bioPageBreaks
{
	width:1080px;
	height:92.399px;
	position:relative;
	top:95px;
}

.bioInfo
{
	position:relative;
	top:130px;
}

nav.port
{
	position:relative;
	width:100%;
	top:220px;
	left:-8px;
}

nav.port ul
{
	list-style:none;
}

nav.port ul li
{
	display:inline-block;
	margin-left:-4px;
}

nav.port ul li img
{
	opacity:1;
	-o-transition:all .5s ease-out, all .5s ease-out;
  	-ms-transition:all .5s ease-out, all .5s ease-out;
  	-moz-transition:all .5s ease-out, all .5s ease-out;
  	-webkit-transition:all .5s ease-out, all .5s ease-out;
}

nav.port ul li a:hover > img
{
	opacity:0;
}

nav.port ul li h1
{
	position:absolute;
	top:-18px;
}

nav.port ul li h1 img
{
	opacity:0;
	-o-transition:all .5s ease-in, all .5s ease-in;
  	-ms-transition:all .5s ease-in, all .5s ease-in;
  	-moz-transition:all .5s ease-in, all .5s ease-in;
  	-webkit-transition:all .5s ease-in, all .5s ease-in;
}

nav.port ul li a:hover > h1 img
{
	opacity:1;
}

nav.sideNav
{
	position:absolute;
	z-index:5;
	left:0;
}

nav.sideNav ul
{
	position:fixed;
	list-style:none;
	margin:0;
	padding:0;
	bottom:45px;
}

nav.sideNav ul li
{
	text-align:left;
	display:none;
}

nav.sideNav ul li.sideLinks
{
	width:60px;
	height:60px;
}

nav.sideNav ul li.sideLinks.rocket
{
	position:relative;
	bottom:25px;
}

#photoWrap
{
    overflow:hidden;
    width:100%;
}

.photoContain
{
	display:inline-block;
	vertical-align:top;
}

#photography img
{
	position:relative;
	top:275px;
	margin-left:-4px;
}

#photography a img 
{
	position:relative;
	top:250px;
	-o-transition:all .6s ease-in, all .6s ease-in;
  	-ms-transition:all .6s ease-in, all .6s ease-in;
  	-moz-transition:all .6s ease-in, all .6s ease-in;
  	-webkit-transition:all .6s ease-in, all .6s ease-in;
}

#photography a:hover > img
{
	opacity:0;
	-o-transition:all .6s ease-out, all .6s ease-out;
  	-ms-transition:all .6s ease-out, all .6s ease-out;
  	-moz-transition:all .6s ease-out, all .6s ease-out;
  	-webkit-transition:all .6s ease-out, all .6s ease-out;
}

#dslrPhoto img.dslrLink
{
	position:relative;
	top:51px;
	left:-560px;
}

#dslrPhoto article
{
	display:inline-block;
	position:absolute;
	margin-top:35px;
	margin-left:-465px;
}

#dslrPhoto article.dslrScroll
{
    width:1049px;
    height:638px;
	overflow:hidden;
}

#dslrPhoto article.dslrScroll ul.dslrImgScroll
{
	display:inline-block;	
	width:23040px;
	height:638px;
	margin:0;
    padding:0;
}

#dslrPhoto article.dslrScroll li
{
	list-style:none;
	float:left;
}

#dslrPhoto article.dslrScroll li img.dslrPhotoGallery
{
	padding-right:231px;
}

#dslrPhoto article.dslrScroll li img.heightExtend1
{
	padding-top:50.5px;
	padding-bottom:50.5px;
}

#dslrPhoto article.dslrScroll li img.heightExtend2
{
	padding-top:32.5px;
	padding-bottom:32.5px;
}

#dslrPhoto article.dslrScroll li img.heightExtend3
{
	padding-top:83.5px;
	padding-bottom:83.5px;
}

#mobilePhoto img.mobilePhotoLink
{
	position:relative;
	top:84px;
	right:-570px;
}

#mobilePhoto article
{
	display:inline-block;
	position:absolute;
	margin-top:70px;
	margin-left:-820px;
}

#mobilePhoto article.mobilePhotoScroll
{
    width:1049px;
    height:638px;
	overflow:hidden;
}

#mobilePhoto article.mobilePhotoScroll ul.mobileImgScroll
{
	display:inline-block;	
	width:23040px;
	height:638px;
	margin:0;
    padding:0;
}

#mobilePhoto article.mobilePhotoScroll li 
{
	list-style:none;
	float:left;
}

#mobilePhoto article.mobilePhotoScroll li img.mobilePhotoGallery
{
	margin-right:231px;
}

#mobilePhoto article.mobilePhotoScroll li img.widthExtend
{
	padding-left:287px;
	padding-right:287px;
}

#mobilePhoto article.mobilePhotoText
{
	position:absolute;
    width:275px;
    height:100px;
	right:85px;
	margin-top:600px;
}

#mobilePhoto article.mobilePhotoText ul.mobilePhotoTextBox
{
	display:inline-block;	
	width:250px;
	height:25px;
	margin:0;
    padding:0;
}

#mobilePhoto article.mobilePhotoText ul.mobilePhotoTextBox li
{
	list-style:none;
	text-align:left;
}

#mobilePhoto article.mobilePhotoText ul.mobilePhotoTextBox li p
{
	font-family:"HelveticaNeueLT Std Thin";
	font-size:30px;
	color:#404041;
}

#uiuxWrap
{
    overflow:hidden;
    width:100%;
}

.uiuxContain
{
	display:inline-block;
	vertical-align:top;
}

#uiux img
{
	position:relative;
	top:275px;
	margin-left:-5px;
}

#uiux a img 
{
	position:relative;
	top:250px;
	-o-transition:all .6s ease-in, all .6s ease-in;
  	-ms-transition:all .6s ease-in, all .6s ease-in;
  	-moz-transition:all .6s ease-in, all .6s ease-in;
  	-webkit-transition:all .6s ease-in, all .6s ease-in;
}

#uiux a:hover > img
{
	opacity:0;
	-o-transition:all .6s ease-out, all .6s ease-out;
  	-ms-transition:all .6s ease-out, all .6s ease-out;
  	-moz-transition:all .6s ease-out, all .6s ease-out;
  	-webkit-transition:all .6s ease-out, all .6s ease-out;
}

#web img.webLink
{
	position:relative;
	top:100px;
	left:-540px;
}

#web article
{
	display:inline-block;
	position:absolute;
	margin-top:120px;
	margin-left:-405px;
}

#web article.webScroll
{
    width:1049px;
    height:540px;
	overflow:hidden;
}

#web article.webScroll ul.webUIUXscroll
{
	display:inline-block;	
	width:5120px;
	height:540px;
	margin:0;
    padding:0;
}

#web article.webScroll li
{
	list-style:none;
	float:left;
}

#web article.webScroll li img.leftRightExtend
{
	padding-left:190px;
}

#web article.webScroll li img.topbotExtend
{
	padding-top:7.5px;
	padding-bottom:7.5px;
}

#mobileUI img.mobileUiLink
{
	position:relative;
	top:100px;
	right:-540px;
}

#mobileUI article
{
	display:inline-block;
	position:absolute;
	margin-top:85px;
	margin-left:-860px;
}

#mobileUI article.mobileUIScroll
{
    width:1049px;
    height:600px;
	overflow:hidden;
}

#mobileUI article.mobileUIScroll ul.mobileUIUXscroll
{
	display:inline-block;	
	width:10240px;
	height:600px;
	margin:0;
    padding:0;
}

#mobileUI article.mobileUIScroll li
{
	list-style:none;
	float:left;
}

#mobileUI article.mobileUIScroll li img.widthFill
{
	padding-left:338.5px;
	padding-right:223px;
}


#cgi img.cgiTextIcon
{
	position:relative;
	top:75px;
	left:-425px;
}

#cgi article
{
	display:inline-block;
	position:absolute;
	margin-top:400px;
	margin-left:-770px;
}

#cgi article.cgiScroll
{
    width:1310px;
    height:305px;
	overflow:hidden;
}

#cgi article.cgiScroll ul.cgi3dScroll
{
	display:inline-block;	
	width:9170px;
	height:305px;
	margin:0;
    padding:0;
}

#cgi article.cgiScroll li
{
	list-style:none;
	float:left;
}


#cgi article.cgiScroll li img.cgiRightpadding
{
	padding-right:30px;
}

#cgi article.cgiScroll li img.heightExtension
{
	padding-top:62.5px;
	padding-bottom:62.5px;
}


#print img.printTextIcon
{
	position:relative;
	top:75px;
	right:-560px;
}

#print article
{
	display:inline-block;
	position:absolute;
	margin-top:75px;
	margin-left:-800px;
}

#print article.printImgScroll
{
    width:1049px;
    height:638px;
	overflow:hidden;
}

#print article.printImgScroll ul.printPosterFlyerScroll
{
	display:inline-block;	
	width:6474px;
	height:638px;
	margin:0;
    padding:0;
}

#print article.printImgScroll li
{
	list-style:none;
	float:left;
}

#print article.printImgScroll li img.printSpec
{
	padding-right:231px;
}

#video img.videoTextIcon
{
	position:relative;
	top:43px;
	left:-43px;
}

#videoarea {
	position:relative;
	top:30px;
	right:123px;
	float:right;
    width:950px;
    height:500px;
    margin:10px;    
    border:1px solid silver;
}

#playlist {
	position:relative;
	top:65px;
	width:100%;
	display:inline-block;
	margin:0;
	padding:0;
}

#playlist li.videoList{
    cursor:pointer;
	list-style:none;
	text-decoration:none;
	display:inline-block;
	padding-right:20px;
	padding-left:20px;
}

#playlist li:hover{
}

#bio
{

}

.bioNote
{
	position:relative;
	top:180px;
	left:330px;
	width:575px;
	height:100px;
	font-family:"HelveticaNeueLT Std Thin";
	font-size:21px;
	color:404041;
	text-align:left;
	text-decoration:none;
}

.resume
{
	text-decoration:none;
}

.profilePic
{
	position:relative;
	top:60px;
	right:-340px;
}

.bioQuote
{
	position:relative;
	top:350px;
	right:-570px;
	width:350px;
	height:25px;
	text-align:center;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:404041;
}

#connect
{
}

#connect article
{
	position:absolute;
	left:145px;
	margin-top:200px;
}

#connect article.connectIcons
{

}

#connect article.connectIcons ul.connectIconsList
{
	width:100%;
}

#connect article.connectIcons li
{
	display:inline-block;	
	list-style:none;
	margin-left:-4px;
}

h2
{
	position:absolute;	
	top:-4px;
}

#connect ul li h2 img
{
	opacity:1;
	-o-transition:all .5s ease-out, all .5s ease-out;
  	-ms-transition:all .5s ease-out, all .5s ease-out;
  	-moz-transition:all .5s ease-out, all .5s ease-out;
  	-webkit-transition:all .5s ease-out, all .5s ease-out;
}

#connect ul li a:hover > h2 img
{
	opacity:0;
}

#connect ul li img
{
	opacity:0;
	-o-transition:all .5s ease-in, all .5s ease-in;
  	-ms-transition:all .5s ease-in, all .5s ease-in;
  	-moz-transition:all .5s ease-in, all .5s ease-in;
  	-webkit-transition:all .5s ease-in, all .5s ease-in;
}

#connect ul li a:hover > img
{
	opacity:1;
}

/*form styles*/
#msform {
	font-family:"HelveticaNeueLT Std Thin";
	width: 1000px;
	margin: 50px auto;
	text-align: center;
	position: relative;
	top:15px;
}
#msform fieldset {
	background: white;
	border: 0 none;
	padding: 20px 30px;
	box-sizing: border-box;
	width: 500px;
	margin: 0 10%;
}
/*inputs*/
#msform input, #msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 350px;
	box-sizing: border-box;
	font-size: 13px;
}
.messageTextArea
{
	width:550px;
	height:255px;
	padding:15px;
	border-radius: 3px;
	margin-bottom: 10px;
	box-sizing: border-box;
	font-size: 13px;
}	
/*buttons*/
#msform .action-button {
	width: 100px;
	font-weight: bold;
	color: black;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
	position:relative;
	top:570px;
	left:-380px;
}
/*headings*/
.fs-title {
	font-size: 18px;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 15px;
	color: #666;
	margin-top: 25px;
	margin-bottom: 25px;
}

.leftForm
{
	position:relative;
	float:left;
	left:-160px;
	top:130px;
}

.rightForm
{
	position:relative;
	float:right;
	right:-175px;
	top:-300px;
}

footer
{
	bottom:20px;
	position:fixed;
	font-family:"HelveticaNeueLT Std Thin";
	font-size:14px;
	color:#404041;
	left:1400px;
}

.clearfix {
	float: none;
	clear: both;
}