html {
	font-size: 62.5%;	
}

html,body {
	margin:0;
	padding:0;
}

body {
	font-family: 'futura-pt';
	font-weight: normal;
}

a,a:active,a:visited {
	color: #ff9300;
	text-decoration: none;	
}

p {
	margin: 0 0 12px;
	/*margin: 0 0 1.2rem;*/
}

#content-wrap { 
	position:relative;
	padding: 80px 20px 60px;
	white-space:nowrap;
}/*-+*/
	.title {
		color: #808080 !important;	
	}
 
	h1 {
		margin: 0 0 41px 0;
		margin: 0 0 4.1rem 0;
		padding: 0;
		font-weight: 300;
		font-size: 41px;
		/*font-size: 4.1rem;*/
	}/*-+*/ 
		h1 span {
			display:block;
			margin-left:2px;
			font-size: 12px;
			font-size: 1.2rem;
			text-transform: uppercase;	
		}
	
	#sidebar {
		float:left;
		position:relative;
		margin: 0 30px;
		width: 223px;
		overflow:hidden;
	}/*-+*/
		#sidebar ul {
			position:relative;
			list-style: none;
			margin:0;
			padding:0;
			overflow:hidden;
		}/*-+*/
			#sidebar ul li {
				margin-bottom: 9px;
				margin-bottom: 0.9rem;
				font-size: 16px;
				font-size: 1.6rem;
			}
	 
	#site-content {
		position:relative;
		width: 65%;
		overflow:hidden;
	}/*-+*/
		body.home #site-content {
			width: auto !important;
		}
		#container {
			position:relative;
			overflow:hidden;	
		}
	
		body.projects #sidebar {
			display:inline-block;
			float:none;
			vertical-align:top;	
		}
		body.projects #site-content {
			display: inline-block;
			padding-top: 20px;
			height: 100%;
			font-size: 17px;
			font-size: 1.7rem;
			white-space: normal;
			vertical-align:top;
			overflow:auto;
			overflow-x: hidden;
		}
	
		body.about #site-content {
			padding-top: 20px;	
			font-size: 17px;
			font-size: 1.7rem;
			white-space: normal;
		}/*-+*/
			body.about #site-content .image {
				float:left;	
				margin-right: 15px;
				margin-right: 1.5rem;
			}
		
		body.reel #site-content {
			padding-top: 20px;	
			font-size: 17px;
			font-size: 1.7rem;
			white-space: normal;
		}/*-+*/
			body.about #site-content .image {
				float:left;	
				margin-right: 15px;
				margin-right: 1.5rem;
			}
			
	
		.scroll-pane {
			position: relative;
			/*overflow: hidden;*/
			width: 100%;
			height: auto;
			min-height: 425px;
			max-height: 425px;
		}/*-+*/
			/*.scroll-pane:focus {
				outline: none;
			}*/
			
			.scroll-pane img {
				margin-right: 2px;	
			}
			
			#content {
				width: 30000px;	
			}
			
			.imageSection {
				/*display:inline-block;*/
				float:left;
				padding-right:5px;
				/*overflow:auto;*/
			}/*-+*/
				.imageSection span {
					display: block;
					font-size: 20px;
				}


footer {
	position:relative;
	margin-top: 10px;
	overflow:hidden;
}/*-+*/
	footer .emm {
		position:relative;
		float:left;
		width: 100%;
		overflow:hidden;
	}/*-+*/ 
		footer .emm img, footer p {
			display: block;
			float:left;
			vertical-align: middle;
			border:0;
		}/*-+*/
			footer .emm p {
				margin: 32px 0 0 20px;
				font-size: 14px;
				/*font-size: 1.4rem;*/
				line-height: 24px;
				font-style: italic;
				font-weight: bold;
				letter-spacing: -1px;
			}
	
	footer ul {
		position:absolute;
		right:0; top:0;
		list-style:none;
		margin-top: 0;
		/*width: 415px;*/
		clear:both;
	}/*-+*/
		footer ul li {
			float:left;
			margin-left: 10px;	
			width:35px;
			height:33px; 
			text-align:left;
			background: url("../images/sprite.png") no-repeat 0 0;
		}/*-+*/
			footer ul li.email {
				background-position:0 0;
			}
			
			footer ul li.insta { 
				background-position:-43px 0;
			}
			
			footer ul li.faceb {
				background-position:-85px 0;
			}
			
			footer ul li.pintr {
				background-position:-127px 0;
			}
		
			footer ul li.linkd {
				background-position:-171px 0;
			}
		
			footer ul li a {
				display:block;
				position:relative;
				width: 35px;
				height: 33px;
				text-indent: -99999px;
			}


.projects #site-content .gal_img {
	float:left;
	position:relative;
	overflow: hidden;
	margin: 0 0 10px 10px;
	border:1px solid #ccc;
	padding: 5px;
	padding: 0.5rem;
	height: 106px;
	}/*-+*/
		.projects #site-content .gal_img p {
			font-size: 16px;	
		}
		.projects #site-content .gal_img img {
			display: block;
		} 
		.projects #site-content .gal_img a {
			width: 100%;
			height: 100%;
		}

a { color:#ff9300; text-decoration:none; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear; }
a:hover { color:#444; }
a:active{ outline: none; }
a:focus{ outline: none; -moz-outline-style: none; } 

.over {
	opacity:0;
	filter: alpha(opacity = 0);
	position:absolute;
	top: 0px; left: 0px;
	background:#fff url("../images/over_plus.png") no-repeat right bottom;
	z-index: 20;
}
.over:hover { text-decoration:none; color:#666; }
.over span { font-size:18px; color:#444; display:block; margin:10px 10px 5px 10px;}
.over p { margin:0px 10px; color:#999; }

/**************************************************
*
*	CONTAINER STYLES
*
**************************************************/
#horiz_container_outer {
	position: relative;
	margin:0px;
	width: 100%;
	height: 400px;
	overflow-x: hidden;
	overflow-y: hidden;
	/* margin: 5px auto; */
	/* border: 1px solid rgb(204, 204, 204); */
}

#horiz_container{
	/*width:4040px;*/
	margin:0px;
	padding:0px;
	height:400px;
}

#horiz_container ul {
	margin:0px; padding:0px;
	float:left;
}

#horiz_container_inner{
	margin:0;
	/*padding:5px;
	padding-left:0px;*/
}

#horiz_container li{
	list-style:none;
	display: inline-table;
	margin:0px;
}

#horiz_container li img{
	padding:0px;
	margin:0px;
}