@charset "UTF-8";
/** 
	Designed & Developed by Paul Jaques
	http://www.pauljaques.net/
	hello@pauljaques.net
**/

/** GLOBAL **/
body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000;
	
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment:fixed;
}
strong{color: #333;}

/** MAIN **/
#body-wrap{
	margin: 20px;
	padding: 0;
}
#container{
	margin: 0;
	padding: 0;
	
	width: 865px;
}
#footer-wrap{
	margin: 60px 0 15px 230px;
	
	clear: both;
	float: left;
	
	display: block;
}

/** LINKS **/
a{
	-o-transition-duration: .20s;
	-o-transition-property: color, background-color;
	
	-webkit-transition-duration: .20s;
	-webkit-transition-property: color;	
}
a:link, a:visited{
	color: #eee;
	font-weight: 900;
	text-decoration: none;
}
	a:hover{color: #333;}

/** TYPOG **/
#profile p, #hire, #returnserve{
	margin: 0;
	
	color: #666;
	font-size: 1.2em;
	line-height: 1.2em;
}
#footer-wrap p{
	margin: 10px 0;
	
	color: #333;
	font-size: 1em;
	font-weight: 900;
	letter-spacing: -.25px;
	text-transform: uppercase;
	line-height: 1.4em;	
}

/** HEADINGS **/
h1{
	margin:0;
	padding: 0;
	
	position:fixed; 
	bottom:15px; 
	left:15px;
}
h2{
	margin: 0 0 3px;

	clear: both;
	
	color: #666;
	font-size: 1.3em;
	font-weight: 900;
	letter-spacing: -.5px;
	text-transform: uppercase;
	
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    
    -webkit-background-clip:border;
    -webkit-background-origin:padding;	
}
	h2 span{
		color: #999;
		font-weight: 900;
	}
h3{
	margin: 0;
	
	position: absolute;
	bottom: 0;
	right: 0;
	
	color: #555;
	font-size: 1.5em;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -.5px;
	line-height: 1.5em;
	
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    
    -webkit-background-clip:border;
    -webkit-background-origin:padding;
}

/** WORK **/
#work{
	margin: 0 0 0 215px;
	padding: 20px;
	
	float: left;
	width: 720px;
}
#jorbs{
	margin: 0;
	padding: 0;
	
	float: left;
	width: 720px;
}
	
	#jorbs li{
		margin: 0 0 100px;
		padding: 0;
		
		position: relative;
		height: 280px;				
	}
		#jorbs li span.hovercraft{
			position: absolute;
			right: 265px;
			bottom: 40px;
			width: 64px;
			height: 64px;
			display: block;
			
			background-image: url(../img/zoom.png);
			background-repeat: no-repeat;
			
			opacity: 0;
		}
	#jorbs h3{
		margin:0 0 14px 25px;
		
		position:static;  
		
		float:left; 
		
		line-height:1em;
	}
	#jorbs li p{
		margin: 0 0 14px;

		float: right;
		width: 230px;
				
		color: #444;
		font-size: 1.4em;
		line-height: 1.4em;
		text-align: left;
		
	    -moz-background-clip:border;
	    -moz-background-inline-policy:continuous;
	    -moz-background-origin:padding;
	    
	    -webkit-background-clip:border;
	    -webkit-background-origin:padding;	
	    }
		
	.awesome{
		margin: 6px 0 0;
		
		float: left;
		width: 240px;
	}
		.awesome li{
			margin: 0 0 5px;

			color: #666;
			font-size: 1em;
			font-weight: 900;
			text-transform: uppercase;
		}
#pieces{
}
	#pieces li{
		margin: 0 0 20px;
		
		border-bottom: 1px solid #555;
	}

/** PROFILE **/
#profile{
	margin: 0;
	padding: 15px;
	
	position: fixed;
	top: 200px;
	left: 15px;
	width: 165px;
	
	background-color: #151515;
	border: 2px solid #181818;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	
	opacity: .80;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	#about, #bzzness{
		margin: 0 0 18px;
		float: left;
	}
	#social li{display: inline;}
	
	#social li a{
		margin: 0 6px 0 0;
		
		float: left;
		width: 32px;
		height: 32px;
		display: block;
		
		text-indent: -9999px;
		background-image: url(../img/social.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	#social li a.last{margin:0;}
	#social li.twitter a{width: 32px; background-position: 0px 0px;}
	#social li.twitter a:hover{background-position: 0px -32px;}
	#social li.facebook a{width: 32px; background-position: -32px 0px;}
	#social li.facebook a:hover{background-position: -32px -32px;}				
	#social li.behance a{width: 32px; background-position: -64px 0px;}
	#social li.behance a:hover{background-position: -64px -32px;}			
	#social li.posterous a{width: 32px; background-position: -96px 0px;}
	#social li.posterous a:hover{background-position: -96px -32px;}				

#hire, #returnserve{
	margin: 0;
	padding: 15px;
	
	position: fixed;
	top: 480px;
	left: 15px;
	width: 165px;
	
	background-color: #151515;
	border: 2px solid #181818;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	
	opacity: .80;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	
}
	#returnserve{
		top: 300px;	
	}

/** PORTFOLIO LAYOUT **/
#portpholiooo{
	margin: 120px 0 0;

	width: 720px;
	height: 404px;
	
	background-image: url(../img/mb.png);		
	background-repeat: no-repeat;
}

.work-nav{
	margin: 0 15px 0 0;
	padding: 0;
	
	float: right;
}
	.work-nav li{
		margin: 0 5px 0 0;
		padding: 0;	
		
		float: left;
	}
		.work-nav li.last{margin:0!important;}
		.work-nav li a{
			width: 12px;
			height: 11px;
			
			display: block;
			
			background-image: url(../img/btn-sld.png);
			background-repeat: no-repeat;
		}

/** I WOULDN'T IF I WAS YOU. OH SNAP! **/