html{
	background-color:#252525;
	font-family:'Helvetica Neue', 'Helvetica', 'Arial';
}

body {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	position: relative;
}

h1{
	font-size:28px;
	text-transform:uppercase;
	letter-spacing:4px;
	float:left; 
	color:#fff;
	margin-right:10px;
	margin-left:152px;
}

h2{
	font-size:23px;
	color:#333;
	letter-spacing:2px;
	text-transform:uppercase;
	margin-bottom:10px;
}

#slogan {
	display:inline;
	float:left;
	padding:13px;
	margin-right:5px;
	margin-bottom:0px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
}



#header {
	width:960px;
	margin-top:20px;
	margin-bottom:10px;
	position: relative;
	overflow: hidden;
}

#resume {
	float:right;
	padding:3px 4px 3px 4px;
	background-color:transparent;
	color:#95C12D;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	z-index:50;
}

#header img {
	margin-left:190px;
	margin-top: 0px;
	float: left;
}


#header_underlay {
	width: 100%;
	height:720px;
	background-color:#252525;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}


#nav{
	float:left;
	margin-top:12px;
}
#nav li {
	display:inline;
	font-size:13px;
	color:#000;
	padding:5px;
	margin-right:2px;
}

#container {
	width:960px;
	margin: 0px auto 0px auto;
	position:relative;
}

#project_pane {
	z-index:-1;
	overflow:hidden;
	position:relative;
	height:600px;
	width:810px;	
}

#project_text {
	width:25%;
	height:470px;
	padding:15px;
	background-color:rgba(0,0,0,.6);
	color:#D3D3D3;
}

#project_text p {
	font-size:12px;
	line-height:17px;
}      



#project_text h3{
	color:#fff;
}

#forward_arrow {
	height:35px;
	width:35px;
	background-color:#333;
	float:right;
	position:relative;
	left:50px;
	bottom:24px;
}

#project_selector{
	float:left;
	width:160px;
	text-align:right;
	padding-right:0px; 
	margin-top:40px;
}

#project_selector ul li {
	width:40px;
	height:40px;       
	float:right;
	clear:both;
	display:block;
  margin-bottom:1px; 
  margin-right:1px;
	margin-top:0px;
	cursor:pointer;
	background-color:#444; 
	-webkit-transition:background-color .5s linear;
}

#project_selector ul li:hover {
	background-color:#fff;
}

#project_selector ul{
	float:right;
}

.project_images {
	display:block;
	width:10000px;
	background-color:#fff;
	height:600px;
	position: relative;
}
.project_images img{
	display:inline;
	float:left;
}

.enjoy {
	font-weight:bold;
	font-size:24px;
	color:#95C12D;
	
}

.frame {
	display:inline;
	height:610px;
	width:800px;

}

.frame_contents {
	padding:1.5em;
	float:left;
}

dl {
	font-weight:bold;
	font-size:12px;
	color:#222;
}              
dt {
	color:#CE3B00; 
	font-size:16px; 
	margin-top:1em;
}

dd {
	clear:both;
}                  

#middle {
	width: 800px;
	float: right;
	position: relative;
}

#description {       
	z-index:99;
	padding:10px;
	background-color:rgba(0,0,0,.7);
	color:#FFF;
	position:absolute;
/*	width:50ex; */
  width:200px;
	line-height:18px;
}

#description_title {
	display:block;
	font-weight:bold;
	padding-bottom:9px;
} 

#description_text {
	font-size:11px;
	font-family:'Lucida Grande', SegoeUI, Tahoma;
}

#phone_number {
	font-size:18px;
	float:right; 
	color:#000;
	margin-right:35px;
	margin-left:390px;
	font-weight:bold;
}

#bag-animation {
	position:relative;
	left:20px;
	top:20px;
}