/** PROJECT PAGE **/


.textdescription{
	display:block;
	float:left;
	margin-left:25px;
	margin-top:-13px;
	font-family: 'Monocle', sans-serif;
	font-size:9px;}
	
#description{
	width:154px;
	line-height:14px;
	display:block;
	float:left;
	margin-left:20px;
	margin-top:5px;}

/*.projtitle_inset{
	margin-left:-22px;}*/



/** PROJECT PAGE **/

/** MOTION **/

#videos{width:900px;
display:block;
margin:0px auto;
margin-top:25px;}

.video {
	border:1px solid;
	display:block;
	margin-top:50px auto;
	float:left;}

.title {
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:200px;
	height:20px;
	margin-top:8px;
	margin-bottom:40px;
	}
	
#violingreen {margin-top:40px;}
	
#PROJtitle_violin{background-image:url(assets/images/projtitle_violingreen.png);}

#PROJtitle_fashionteaser{background-image:url(assets/images/projtitle_fashionteaser.png);}

#PROJtitle_malignant{background-image:url(assets/images/projtitle_malignant.png);}

#PROJtitle_scales{background-image:url(assets/images/projtitle_scales.png);}

#PROJtitle_bffteaser{background-image:url(assets/images/projtitle_bffteaser.png);}

#PROJtitle_iiif{background-image:url(assets/images/projtitle_iiif.png);}

#seeproject {
	width:91px;
	height:8px;
	margin-top:18px;
	margin-left:13px;
	display:block;
	float:left;
	background-image:url(assets/images/seeproject.png);}

/**----------------**/
/** NAVIGATION **/


#container {
	margin:0px auto;
	width:900px;
	height:1000px;}

#nav {
	margin-top:80px;
	margin-bottom:10px;
	width:900px;
	height:80px;
	display:block;
	float:left;}

	
#stroke1{
	display:block;
	float:left;
	width:200px;
	margin-top:40px;
	margin-left:10px;
	height:1px;
	background-color:#000;
}
	
#logo {
	background-image:url(assets/images/logo_02.png);
	background-size:80px 80px;
	background-position:center;
	width:80px;
	height:80px;
	margin:0px auto;
	}
	
#stroke2{
	display:block;
	float:right;
	width:220px;
	margin-top:40px;
	margin-right:5px;
	height:1px;
	background-color:#000;
}

#MAIN_MENU {
	display:block;
	float:left;
	margin-top:36px;
	height:15px;
	width:190px;}

#menu {
	font-family:monocle;
	text-transform:uppercase;
	display:block;
	float:right;
	margin-top:33px;}
	
.menu_style {
	font-family:monocle;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:2px;
	display:block;}

.menu_stylethin {
	font-size:9px;
	letter-spacing:2px;
	display:block;}
	
	
a {color:#000;
	text-decoration:none;}

#hover_color1 {display:block; float:left; margin-right:10px; color:#333;}
a:hover #hover_color1 {color:#0F0;font-family:monocle-bold;}

#hover_color2 {display:block; float:left; margin-right:10px; color:#333;}
a:hover #hover_color2 {color:#0CF;font-family:monocle-bold;}

#hover_color3 {display:block; float:left; margin-right:0px; color:#333;}
a:hover #hover_color3 {color:#F00;font-family:monocle-bold;}

#social_fbook{background-image:url(assets/images/facebook.png);}
#social_vimeo{background-image:url(assets/images/vimeo.png);}
#social_instagram{background-image:url(assets/images/instagram.png);}
#social_behance{background-image:url(assets/images/behance.png);}
#social_linkedin{background-image:url(assets/images/linkedin.png);}
a:hover .s_icon {background-position:top center;}
a .s_icon {
	background-position:bottom center;
	float:right;
	background-size:30px 60px;
	width:30px;
	height:30px;
	margin-left:5px;}
	
#SOCIAL_links {
	display:block;
	float:right;
	margin-top:25px;
	height:35px;
	width:175px;}

	
/** NAVIGATION **/



/** CONTENT **/
/*
@font-face{ 
	font-family: 'Monocle';
	src: url('Monocle.eot');
	src: url('Monocle.eot?#iefix') format('embedded-opentype'),
	     url('Monocle.woff') format('woff'),
	     url('Monocle.ttf') format('truetype'),
	     url('Monocle.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'Monocle-light';
	src: url('Monocle-light.eot');
	src: url('Monocle-light.eot?#iefix') format('embedded-opentype'),
	     url('Monocle-light.woff') format('woff'),
	     url('Monocle-light.ttf') format('truetype'),
	     url('Monocle-light.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'Monocle-Bold';
	src: url('Monocle-Bold.eot');
	src: url('Monocle-Bold.eot?#iefix') format('embedded-opentype'),
	     url('Monocle-Bold.woff') format('woff'),
	     url('Monocle-Bold.ttf') format('truetype'),
	     url('Monocle-Bold.svg#webfont') format('svg');
}

*/
#content_menu{
	width:910px;
	display:block;
	float:left;
	margin:15px auto;
	margin-left:-10px;
	/*border:1px solid;*/
	
	}

#content {
	display:block;
	float:right;
	width:900px;
	margin-top:15px;
	/*border:1px solid;*/}
	

.box {
	width:215px;height:350px;
	display:block;
	/*border:1px solid;*/
	float:left;
	margin-top:15px;
	margin-left:12px;
}



.photo {
	/*background-color:#0F0;*/
	width:215px;height:300px;
	display:block;
	float:left;}


/** CONTENT **/


/** PROJECTS **/

#VIDEOtitle{
	margin-bottom:35px;
	float:left;
	display:block;
	width:250px;
	height:40px;}
	
#PROJECTtitle{
	float:left;
	display:block;
	width:250px;
	height:40px;}
	
.generaltitle{
	text-align:center;
	margin:0px auto;
	letter-spacing:2px;
	font-family:monocle;
	text-transform:uppercase;
	font-size:13px;	}

.projtitle{
	font-family:monocle;
	text-transform:uppercase;
	display:block;
	float:left;
	margin-top:8px;
	font-size:14.5px;}
	
.projSUBtitle{
	display:block;
	float:left;
	margin-left:20px;
	margin-top:-13px;
	font-family:monocle;
	font-size:9px;
	opacity:.4;}
	
#reel {
	background-size:900px 425px;
	width:900px;
	height:425px;
	display:block;
	float:right;
	margin-top:15px;
}

p {text-decoration:none;
font-family:monocle;}

#PROJtitle_reel {
	/*background-image:url(assets/images/projtitle_reel.png);
	background-repeat:no-repeat;
	width:900px;
	height:27px;
	display:block;
	float:left;
	margin-top:8px;
	margin-left:10px;}*/}
	
.proj_title {
	width:250px;
	background-repeat:no-repeat;
	height:27px;
	display:block;
	float:left;
	margin-top:2px;}
	







#PROJphoto_motion {background-image:url(assets/images/proj_motion.png);}

#PROJphoto_newlook {background-image:url(assets/images/proj_newlook.png);}

#PROJphoto_fashion {background-image:url(assets/images/proj_fashion.png);}
	
#PROJphoto_blood {background-image:url(assets/images/proj_blood.png);}
	
#PROJphoto_fashionfurn {background-image:url(assets/images/proj_fashionfurn.png);}

#PROJphoto_bff {background-image:url(assets/images/proj_bff.png);}


#PROJphoto_october {background-image:url(assets/images/proj_october.png);}

#PROJphoto_wine {background-image:url(assets/images/proj_wine.png);}

#PROJphoto_mob {background-image:url(assets/images/proj_mob.png);}


#PROJphoto_untitled{background-image:url(assets/images/proj_untitled.png);}

#PROJphoto_eastlansing{background-image:url(assets/images/proj_eastlansing.png);}
	

#PROJphoto_icons{background-image:url(assets/images/proj_icons.png);}


/** SPLASH COMING SOON PAGE **/
#comingsoon_logo {
	background-image:url(assets/images/comingsoon_logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:186px;
	height:186px;
	display:block;
	margin:0px auto;
	margin-top:200px;
	}
	
#coming_soon {
	background-image:url(assets/images/comingsoon.jpg);
	width:150px;
	height:15px;
	display:block;
	margin:0px auto;
	margin-top:30px;
	}

/**----------------**/

/** MOBILE **/
#mobile_container {
	width:640px;
	margin:0pxauto;
}

#mobile_logo {
	background-image:url(assets/images/logo_02.png);
	background-size:150px 150px;
	background-position:center;
	width:150px;
	height:150px;
	display:block;
	margin:100px auto;
	}



#m_reel{
	width:640px;
	height:55px;
	background-image:url(assets/images/m_reel.png);
	margin:0px auto;
	margin-top:20px;
	display:block;
	
}

#m_resume{
	width:640px;
	height:55px;
	background-image:url(assets/images/m_resume.png);
	margin:0px auto;
	margin-top:20px;
	display:block;
	
}


#m_email{
	width:640px;
	height:55px;
	background-image:url(assets/images/m_email.png);
	margin:0px auto;
	margin-top:20px;
	display:block;
	
}



/**----------------**/