* {
    margin: 0;
}
html, body {
height: 100%;
}


body{
	color: white;
	font: 1em/160% georgia, times new roman, serif; 
	height: 100%;
}
		
/* GENERAL STYLES */

a{
color: white;
}
		
#container{
width: 1000px;
}

/* Header */

#header{
padding: 0px;
margin: 0px
}

	#header #nav{
		float: right;
	}
	
	#header #nav li{
		float: left;
		list-style: none;
		padding: 40px 0px 0px 30px;
	}
	
	.current{
		font: bold 1em/1.2em georgia,"times new roman",serif;
		color: #1fbeca;
		font-weight: bold;
	}
	
	#nav li a{
		font: oblique 1em/1.2em georgia,"times new roman",serif;
		text-decoration: none;
		display: block;
	}
	
	#nav li a:hover{
		color: #1fbeca;
	}
	
#about, #jSlider{
height: 300px;
background: rgba(36, 37, 34, .50);
border: 1px solid #959595;
margin-bottom: 20px;
}

/* Main Section */

#main{
margin: 0px auto;
width: 1000px;
display: block;
height: 100%;
}

	#main h2{
		font: oblique bold 2em/1.2em georgia, times new roman, serif;
		color: #4fa6b2;
		padding: 0px 0px 12px 0px;
		text-shadow: 0 1px 1.5px black;
	}

#sub1{
	float: left;
	width: 333px;
	padding-right: 35px;
}

	#main #sub1 span{
		color: #1fbeca;
		font: bold .75em georgia, times new roman, serif;
	}
	
	#main #sub1 p{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
#sub2{
	float: left;
	width: 333px;
	padding-right: 25px;
}

#sub3{
	float: right;
	width: 250px;
}
	
	#sub3 li.hl{
		font: bold small-caps .80em/75% georgia, Times New Roman, serif;
		padding: 3px 0 5px 0;
		color: #1fbeca;
	}
	
	#sub3 li.hh{
		font: .75em/170% georgia, Times New Roman, serif;
		margin-left: 25px;
	}
#sub4{
	float: left;
	width: 600px;
}

#sub5{
	font:.80em/175% georgia, Times New Roman, serif;
	float: right;
	width: 300px;
}
	#sub5 span{
		color: #1fbeca;
		font: bold .75em georgia, times new roman, serif;
	}
	
#sub7 {
	float:left;
	width:500px;
	padding-top: 3em;
}

#sub8{
	float: right;
	width: 500px;
}

.wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push{
height: 2em;
float: left;
width: 1000px;
}

	#shout{
	float: left;
	line-height: 1.05em;
	}
	
	.footer big{
		font: oblique bold 1.75em/1.2em georgia, times new roman, serif;
		color: #89e6f8;
	}
	
	.footer a{
	color: #1fbeca;
	text-decoration: underline;
	}
	
	.footer small{
	font: bold .75em/70%georgia, times new roman, serif;
	}
	
	#add{
	float: right;
	line-height: 1.42em;
	font-style: italic;
	}
	
	#add p{
	line-height: 1.42em;
	font-style: italic;
	font-size: 11px;
	}
	
	/* WORK */
#portfolio {
	width: 1000px;
	margin: 0 auto;
}

	#filter{
	float: right;
	padding-right: 0px;
	font: oblique 1em/1em georgia,"times new roman",serif;
	}
	
	.title{
	color: #1fbeca;
	font-weight: bold;
	}
	
	.portimg { 
		background: rgba(36, 37, 34, .20);
		margin: 0px 20px 20px 0; 
		padding: 12px;
	}
	
	#filter a:hover{
	color: #1fbeca;
	}
	
	#port{	
	float: left;
	width: 650px;
	}
	
	#btp{
	clear: both;
	}
		
	#btp a{
	float:right;
	padding-right: 100px;
	text-decoration: none;
	font: oblique 1em/1em georgia,"times new roman",serif;
	}
	
	#btp a:hover { 
	color: #1fbeca;
	}