html,body{
	font-family: UniversLight;
	font-size:16px;
	background-image:url("../img/background-light.jpg");
	margin:0;
}
.bold{
	font-family:UniversBold;
}
#headWrap{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
}
#header{
	min-width:920px;
	background:transparent url("../img/background-dark.png");
	height:59px;
	padding:15px 30px;
}
#zigzagHead{
	min-width:980px;
	height:31px;
	margin-top:-1px;
	background:transparent url("../img/background-header.png");
}
#logo{
	float:left;
	width:327px;
	height:68px;
	background:transparent url("../img/name.png");
}
a{
	color:inherit;
	text-decoration:none;
}
.clear{
	clear:both;
	float:none;
}
.noDisplay{
	display:none;
}
.left{
	float:left;
}
.right{
	float:right;
}
#modalContainer{
	background-color:#000;
	position:absolute;
	display:none;
	z-index:9000;
	top:0;
	left:0;
	opacity:0.9;
	filter: alpha(opacity=90);
	width:100%;
}
#dialog{
	position:absolute;
	width:360px;
	left:50%;
	margin-left: -200px;
	display:none;
	z-index:9999;
	padding:20px;
	background-color:#FFF6DF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px dashed #333;
}
#dialog #dText{
	margin-top:20px;
}
#dialog #close{
	cursor:pointer;
	margin-top:30px;
	padding:10px 12px 5px 12px;
	font-family:UniversCn;
	text-transform:uppercase;
	font-size:21px;
	text-align:center;
	color:#fff;
	float:left;
	-webkit-box-shadow: #000 1px 1px 5px;
	-moz-box-shadow: #000 1px 1px 5px;
  	box-shadow: #000 1px 1px 5px;
	text-shadow: #000 1px 1px 1px;
	background-color:#be1c1c;
}
#dialog #close:hover{background-color:#e22e2e;}

/***** NAV BAR ******/
#header ul#nav{
	margin:20px 0px 0px 0px;
	padding:0px;
	text-transform:uppercase;
	color:#999;
	font-family: UniversLight;
	font-size:21px;
	float:right;
}
#header ul#nav li{
	list-style:none;
	display:inline;
	padding:10px 4px 5px 4px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-right:5px;
}
#header ul#nav li a{
	color:inherit;
	padding:10px 4px 5px 4px;
}
#header ul#nav li#sel{
	color:#fff;
	background-color:#191919;
	-webkit-box-shadow: 1px 1px 0px rgba(255,255,255,0.2), -1px -1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 0px rgba(255,255,255,0.2), -1px -1px 0px rgba(0,0,0,0.2);
  	box-shadow: 1px 1px 0px rgba(255,255,255,0.2), -1px -1px 0px rgba(0,0,0,0.2);
}
#header ul#nav li:hover{
	color:#fff;
}

/***** CONTENT *******/
#content{
	min-width:920px;
	margin:150px 30px 100px 30px;
	min-height:550px;
}
#content #bigText{
	font-family:ChunkFive;
	font-size:48px;
	text-shadow: #fff 1px 1px 1px;
}
#content #subText{
	font-family:RockSalt;
	font-size:16px;
	margin-top:-17px;
	margin-left:5px;
	color:#666;
}
#content #projects{
	margin-top:40px;
}
#content .rightSide{
	width:710px;
	float:left;
	border-left:1px solid #999;
	min-height:250px;
	padding-top:15px;
	position:relative;
}
#content .rightSide .proj img{
	margin-bottom:30px;
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
	width:690px;
	margin-left:20px;
}
#content .rightSide img.half{
	width:335px;
	margin-left:18px;
}
#content .rightSide img.third{
	width:216px;
	margin-left:18px;
}
#content .rightSide img.fourth{
	width:159px;
	margin-left:15px;
}
#content .rightSide .imgDescripTitle{
	font-family:ChunkFive;
	font-size:24px;
	color:#666;
	text-align:center;
	margin-bottom:3px;
	margin-top:-20px;
}
#content .rightSide .imgDescrip{
	text-align:center;
	width:625px;
	margin:0 auto;
	padding-bottom:40px;
}
#content .rightSide #title{
	font-family:ChunkFive;
	color:#333;
	font-size:24px;
	margin-left:20px;
}
#content .rightSide .description{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	width:690px;
	margin-bottom:30px;
	margin-left:20px;
}
#content .rightSide .description p{
	margin:0;
	margin-bottom:10px;
}
#content .rightSide .projInfo {
	margin-left:80px;
	padding-bottom:40px;
}
#content .rightSide .projInfo .button{
	font-family:ChunkFive;
	font-size:32px;
	color:#58595B;
	background:transparent url("../img/grey.png");
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:left;
	cursor:pointer;
}
#content .rightSide .projInfo .button:hover{
	color:#333;
	-webkit-box-shadow: 0px 0px 5px #333;
	-moz-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333;
}
#content .rightSide .projInfo .button a{
	color:inherit;
	padding:15px 30px 10px 30px;
	display:block;
}
#content .rightSide .projInfo .button a:hover{
	text-decoration:none;
}
#content .rightSide .proj a, #dialog a{
	color: #be1c1c;
}
#content .rightSide .proj a:hover, #dialog a:hover{
	text-decoration:underline;
}
#content .rightSide .projInfo .info{
	margin-left:50px;
	float:left;
}
#content .rightSide .projInfo .info .leftCol{
	float:left;
	font-family:UniversBold;
	margin-bottom:3px;
	margin-right:10px;
}
#content .rightSide .projInfo .info .rightCol{
	margin-bottom:3px;
	float:left;
	color:#444;
	width:215px;
}
#content .rightSide .thumbnail img{
	border: 5px solid #fff;
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
	width:117px;
}
#content .thumbnail{
	float:left;
	margin-left:15px;
	margin-bottom:20px;
	cursor:pointer;
	height:103px;
}
#content .thumbnail .title{
	margin-top:-25px;
	padding:5px;
	width:117px;
	height:10px;
	background:transparent url("../img/white.png");
	position:relative;
	font-size:12px;
	display:none;
}
#content .thumbnail img:hover{
	-webkit-box-shadow: 0px 0px 20px #666;
	-moz-box-shadow: 0px 0px 20px #666;
	box-shadow: 0px 0px 20px #666;
}
#content .projectFilter{
	float:left;
	text-transform:uppercase;
	width:185px;
}
#content .projectFilter #subheader{
	font-size:26px;
	font-family:UniversCn;
	letter-spacing:-1px;
	padding-left:15px;
	padding-top:15px;
}
#content .projectFilter ul#types{
	padding:0px;
	margin-top:5px;
	border-bottom:1px solid #999;
}
#content .projectFilter ul#types li{
	list-style:none;
	padding:10px 0px 5px 20px;
	border-top:1px solid #999;
	cursor:pointer;
}
#content .projectFilter ul#types li:hover{
	color:#be1c1c;
}
#content .projectFilter ul#types li.sel{
	background-color:#ddd;
	color:#be1c1c;
}
#content .projectFilter #moreSide{
	display:none;
}
#content .projectFilter ul#morework {
	padding:0px;
	margin-left:7px;
}
#content .projectFilter ul#morework li{
	list-style:none;
	float:left;
	cursor:pointer;
	margin-left:8px;
	margin-bottom:5px;
}
#content .projectFilter ul#morework li img{
	width:65px;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
}
#content .projectFilter ul#morework li img:hover{
	-webkit-box-shadow: 0px 0px 10px #333;
	-moz-box-shadow: 0px 0px 10px #333;
	box-shadow: 0px 0px 10px #333;
}

/****** HOME PAGE ******/
#splash{
	padding-top:30px;
	width:730px;
	margin:0 auto;
	text-transform:uppercase;
	text-shadow: #fff 1px 1px 2px;
}
#splash a:hover{
	color:#be1c1c;
}
#hl1{
	font-family:Univers;
	font-size:25px;
	text-align:center;
}
#hl2{
	font-family:ChunkFive;
	font-size:84.5px;
	line-height:80px;
	text-align:center;
}
#hl3{
	font-family:ChunkFive;
	font-size:177.5px;
	line-height:170px;
	text-align:center;
}
#hl4{
	font-family:Univers;
	font-size:17px;
	margin-top:-15px;
	padding-bottom:30px;
	border-bottom:2px dotted #000;
	margin-bottom:30px;
	text-align:center;
}
#splash #left{
	float:left;
	margin-left:10px;
}
#splash #right{
	float:right;
	margin-right:10px;
}
#hl5{
	font-family:Univers;
	font-size:19.5px;
	letter-spacing:2px;
}
#hl6{
	font-family:Univers;
	font-size:19px;
	letter-spacing:1px;
	line-height:30px;
}
#hl7{
	font-family:ChunkFive;
	font-size:62px;
	line-height:58px;
}
#hl8{
	font-family:Univers;
	font-size:18px;
	letter-spacing:2px;
	line-height:18px;
}
#hl81{
	font-family:ChunkFive;
	font-size:65px;
	letter-spacing:1px;
	line-height:70px;
}
#hl82{
	font-family:ChunkFive;
	font-size:62px;
	line-height:40px;
}
#hl9{
	font-family:Univers;
	font-size:24.5px;
}
#hl10{
	font-family:ChunkFive;
	font-size:61px;
	line-height:65px;
	letter-spacing:2px;
}
#hl11{
	font-family:Univers;
	font-size:18px;
	line-height:40px;
	margin-top:-15px;
}
#hl12{
	font-family:ChunkFive;
	font-size:73px;
	line-height:55px;
}
#hl13{
	font-family:ChunkFive;
	font-size:36px;
	letter-spacing:1px;
	line-height:45px;
}
#hl14{
	font-family:Univers;
	font-size:17px;
	letter-spacing:-1px;
}

/****** FOOTER *******/
#backToTop{
	font-family:RockSalt;
	font-size:14px;
	text-align:right;
	padding-right:20px;
	margin-bottom:-20px;
	min-width:960px;
}
#backToTop a{color:#000;}
#backToTop a:hover{color:#666;}
#backToTop img{
	margin-left:10px;
	border:none;
}
#zigzagFoot{
	min-width:980px;
	margin-bottom:-1px;
	height:31px;
	background:transparent url("../img/background-footer.png");
}
#footer{
	min-width:920px;
	background:transparent url("../img/background-dark.png");
	color:#fff;
	padding:30px;
}
#footer .title{
	font-size:26px;
	font-family:ChunkFive;
	text-shadow: #000 1px 1px 1px;
	margin-bottom:10px;
}
#footer #form{
	float:left;
	width:345px;
}
#footer #form input.actualfields, #footer #form textarea{
	width:320px;
	height:30px;
	margin-bottom:10px;
	background-color: #FFF6DF;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	padding:0px 10px;
	font-size:14px;
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
	border:1px solid #000;
	color:#000;
	font-family: "Lucida Grande";
}
#footer #form textarea{
	min-width:320px;
	max-width:320px;
	height:110px;
	padding:10px;
	margin-bottom:5px;
	font-family: "Lucida Grande";
	font-size:14px;
	color:#000;
}
input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #000;
}
#submit{
	cursor:pointer;
	margin-top:10px;
	margin-right:4px;
	padding:10px 12px 7px 12px;
	font-family:UniversCn;
	text-transform:uppercase;
	font-size:21px;
	float:right;
	text-align:center;
	background-image:url("../img/background-dark.png");
	color:#FFF6DF;
	border:1px dashed #FFF6DF;
	-webkit-box-shadow: #000 1px 1px 20px;
	-moz-box-shadow: #000 1px 1px 20px;
  	box-shadow: #000 1px 1px 20px;
	text-shadow: #000 1px 1px 1px;
}
ul.footerFormError{
	margin:46px 0px 0px 270px;
	padding:0;
}
ul.footerFormError li{
	margin-top:-18px;
	list-style:none;
	background:transparent url("../img/invalid.png");
	height:60px;
	width:118px;
	z-index:100;
	position:relative;
	filter: alpha(opacity=0);
	opacity: 0;
}
#footer #aboutme{
	float:left;
	width:550px;
	margin-left:25px;
}
#footer #legalshit{
	font-size:14px;
	margin-top:30px;
	color:#777;
}
#footer p.aboutFt{
	margin-top:-2px;
	color:#FFF6DF;
	line-height:20px;
}
#footer p.aboutFt a{
	color:#FFFA97;
}
#footer p.aboutFt a:hover{
	text-decoration:underline;
}
ul#socialMediaIcons{
	margin:0;
	padding:0;
	float:left;
	margin:10px 0px;
}
ul#socialMediaIcons li{
	margin-right:3px;
	width:50px;
	height:50px;
	display:block;
	list-style:none;
	float:left;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
ul#socialMediaIcons li:hover{
	filter: alpha(opacity=100);
	opacity: 1;
}
ul#socialMediaIcons li#facebook{background-image:url("../img/socialmedia/facebook1.png");}
ul#socialMediaIcons li#twitter{background-image:url("../img/socialmedia/twitter1.png");}
ul#socialMediaIcons li#lastfm{background-image:url("../img/socialmedia/lastfm1.png");}
ul#socialMediaIcons li#linkedin{background-image:url("../img/socialmedia/linkedin1.png");}


/****** ABOUT ********/
#aboutLeft a, #aboutRight a, .strong{
	font-family:UniversBold;
	color:#be1c1c;
}
#aboutLeft a:hover, #aboutRight a:hover{text-decoration:underline;}
#aboutHeader{
	margin-bottom:40px;
}
#aboutLeft{
	width:250px;
	float:left;
	margin-right:40px;
}
#aboutRight{
	float:left;
	width:600px;
}
#aboutRight .subtitle, #dialog #dHeader{
	font-family:ChunkFive;
	font-size:24px;
	color:#444;
}
#aboutRight p{
	margin:10px 0px 30px 0px;
	line-height:22px;
}
#aboutLeft p{
	margin:5px 0px 20px 0px;
	font-size:14px;
	margin-left:20px;
}
#aboutLeft .subtitle{
	font-family:ChunkFive;
	font-size:18px;
	color:#444;
	margin-left:20px;
}
#content .photo{
	border:10px solid white;
	-webkit-box-shadow: #999 0px 0px 20px;
	-moz-box-shadow: #999 0px 0px 20px;
  	box-shadow: #999 0px 0px 20px;
}
#content #me img{
	height:225px;
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
}
#content #me{
	height:225px;
	float:left;
	z-index:100;
	position:relative;
	margin-left:-190px;
	margin-bottom:50px;
}
#content #back{
	width:170px;
	height:225px;
	background-color:white;
	margin-left:20px;
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	float:left;
}

/****** FONTS ********/
@font-face{
	font-family: "Univers";
	src: url('fonts/universltstd.eot');
	src: url('fonts/universltstd.eot?#iefix') format('embedded-opentype'),
		 url('fonts/UniversLTStd.otf') format('opentype');
}
@font-face{
	font-family: "UniversCn";
	src: url('fonts/universltstd-cn.eot');
	src: url('fonts/universltstd-cn.eot?') format('embedded-opentype'),
		 url('fonts/UniversLTStd-Cn.otf') format('opentype');
}
@font-face{
	font-family: "UniversLight";
	src: url('fonts/universltstd-lightcn.eot');
	src: url('fonts/universltstd-lightcn.eot?') format('embedded-opentype'),
		 url('fonts/UniversLTStd-LightCn.otf') format('opentype');
}
@font-face{
	font-family: "UniversBold";
	src: url('fonts/universltstd-bold.eot');
	src: url('fonts/universltstd-bold.eot?') format('embedded-opentype'),
		 url('fonts/UniversLTStd-Bold.otf') format('opentype');
}
@font-face{
	font-family: "ChunkFive";
	src: url('fonts/chunkfive.eot');
	src: url('fonts/chunkfive.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Chunkfive.otf') format('opentype');
}
@font-face{
	font-family: "RockSalt";
	src: url('fonts/rocksalt.eot');
	src: url('fonts/rocksalt.eot?') format('embedded-opentype'),
		 url('fonts/RockSalt.ttf') format('truetype');
}
@font-face{
	font-family: "Goudy";
	src: url('fonts/goudy_bookletter_1911.eot');
	src: url('fonts/goudy_bookletter_1911.eot?') format('embedded-opentype'),
		 url('fonts/goudy_bookletter_1911.otf') format('opentype');
}