body{
  font-family: "proxima-nova",sans-serif !important;
}

.mainTab-item a, subTab a{
	font-family: "proxima-nova",sans-serif !important;
	line-height: 1.2em !important;
	padding: 11px !important;
}

.clear{
	clear: both;	
}

.odoe_section_title{
	font-size: 30px !important;
	font-style: normal;
	font-weight: 300;
	margin-bottom: 15px;
	line-height: normal;
}

/*---PROFILE PAGE START---*/
.subnavline{
	border-bottom: 1px solid #8eb950;
	border-top: 1px solid #8eb950;
}

/*profile page video iframe */

#loadODOEVideos{
	height: 600px;
}

#loadODOEVideos iframe{
	 overflow-x: hidden; overflow-y: scroll 
}

.profileCoverArea-bio h2{
	font-size:  32px !important;
}

.profileCoverArea-bio p{
	font-size: 18px !important
}

.profileCoverArea-avatar .avatar-90{
	width: 120px !important;
}
/*---PROFILE PAGE END---*/



/*---GROUP PAGE START---*/
.banner-socialActions{
	margin-bottom: 6px !important;
}

.groupHeader-groupName{
	font-size:  32px !important;
}

.aboutGroupSection p{
	font-size: 18px;
}

.span16 .smallMatrix .matrix-itemFluid{
	width:20% !important;
}

.groupHub-groupTitle > span {
    font-size: 14px !important;
    max-height: 3em !important;
}

@media (max-width: 600px) { 
	.span16 .smallMatrix .matrix-itemFluid{
		width:33% !important;
	}
}

@media (max-width: 400px) { 
	.span16 .smallMatrix .matrix-itemFluid{
		width:50% !important;
	}
	.groupHub-groupTitle > span {
    font-size: 11px;
    max-height: 3em;
	}
}
/*---GROUP PAGE END---*/


/*---HOME PAGE START---*/

.page-home .central-content .content-header{
	padding: 0 !important;
}

.page-home .central-content .content-body .section-html{
	padding-top: 0 !important;
}


img[usemap] {
border: none !important;
height: auto !important;
max-width: 100% !important;
width: auto !important;
}

.page-home .content-name{
	display: none;	
}

a.sprite {
width: 49%;
height: 0;
padding-bottom: 22.35%;
background-image: url("https://s3.amazonaws.com/tententen/odoe_fall_2013/images/odoe_home_grid_sprite.jpg");
background-size: 400%;
display:block;
margin: 0 0 1.5% 0;
float: left;
}

div.sprite:hover {
background-size: 400%;
}

#hmbtn_films{
background-position: 0 0;
margin-right: 1.5%;
}

#hmbtn_films:hover{
background-position: 0 100%;
}

#hmbtn_community{
background-position: 33.333333333% 0;
}

#hmbtn_community:hover{
background-position: 33.3333333333% 100%;	
}

#hmbtn_about{
background-position: 66.6666666666% 0;
margin-right: 1.5%;
}

#hmbtn_about:hover{
background-position: 66.6666666666% 100%;		
}

#hmbtn_services{
background-position: 99.9999999999% 0;		
}

#hmbtn_services:hover{
background-position: 99.9999999999% 100%;	
}

#homeBtnWrap {
	max-width: 960px;
	width: 100%;
}

#home_headline{
	font-size: 3em;
	font-style: normal;
	font-weight: 200;
	text-align: center;
	margin-bottom: 5px;
	line-height: normal;
}

#home_message{
	font-size: 18px;
	font-style: normal;
	font-weight: 200;
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 25px;
	line-height: normal;
}

#logofarm_wrap{
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 10px 0;	
}
/*---HOME PAGE END---*/



/*---ABOUT PAGE START---*/
.page-about .content-name{
	display: none;
}


#odoe_info_page_wrap{
	width: 100%;
	max-width: 960px;
	/* margin: -58px auto 0; */
	margin: 0 auto;
	background-color: #fff;	
}

.header_bar_wrap{
	margin-bottom: 10px;
	/* width: 931px; */
	width: 100%;
}

.header_bar_text{
	text-transform: uppercase;
	font-size: 30px !important;
	font-style: normal;
	font-weight: 300;
	background-color: #8EB950;
	padding: 5px 10px;
	text-shadow: 1px 1px #aedc7c;
	line-height: normal;
;
}

.header_image{
	max-width: 960px !important;
	width: 100%;
	height: 100%;
	display: block;
	/* height: 175px !important */
}

ul#info_nav_list{
 list-style: none;
 margin: 0;
 padding: 0;
 margin-bottom: 10px;
}


ul#info_nav_list li{
	float: left;
	width: 14.2857143%;

}

ul#info_nav_list li a{
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #e1e1e1;
	border-right: 1px solid #EDEDED;
	text-transform: uppercase;
	background-image: url("../images/odoe_nav_grd_back.png");
	background-position: top;
}

ul#info_nav_list li a:hover{
	background-color: #d1d1d1;
	background-position: bottom;
}


.info_switcher_panel{
	background-color: #e1e1e1;
	border-bottom: 1px solid #8eb950;
	border-top: 1px solid #8eb950;
	padding: 15px;
}

.info_panel_content p{
	font-size: 16px !important;
	line-height: 1.25em;
	margin-bottom: 15px !important;
	margin-top: 10px !important;	
}

.info_panel_content p span{
	font-style: normal;
	font-weight: 300;
}

.info_greeting{
	display: block;
	font-size: 16px !important;
	margin-bottom: 3px !important;
}

.info_name{
	display: block;
	font-size: 30px !important;
	margin-bottom: 5px !important;	
}

.info_title{
	display: block;
	font size: 16px !important;
	text-transform: uppercase;
}

.princ_sub_section{
	padding: 5px 0;
	border-bottom: 1px solid #EDEDED;
}

.princ_sub_section p{
	font-size: 18px;
}

.princ_sub_section p span{
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	color: #8eb950;
}

#princ_sect_first{
	padding-top: 0 !important;
}

#princ_sect_first p{
}

#princ_sect_last{
	border-bottom: none !important;	
}

#contact_label{
	float: left;
	margin-right: 15px;
}

#info_contact_panel{
	min-height: 350px;	
}

#info_contact_panel p{
	font-size: 20px !important;
}

@media (max-width: 600px) { 
	ul#info_nav_list li{
		float: none;
		width: 100%;
	}

	ul#info_nav_list li a{
		border-right: none;
		border-bottom: 1px solid #EDEDED;
		margin-bottom: 5px;
	}
	
	#contact_label{
		float: none;
	}
}
/*---ABOUT PAGE END---*/

/*---PRODUCITON SERVICES PAGE START---*/

 .page-services .content-name{
	 display: none;
 }
 
#prod_serv_panel{
	line-height:  normal !important;
}

#prod_serv_panel p{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 15px;
}

#prod_serv_contact{
	padding: 10px 0;
	font-size: 25px;
	font-style: normal;
	font-weight: 200;
	border-top: 1px solid #90c458;
	border-bottom: 1px solid #90c458;
}

#prod_serv_bullets{
	text-align: center;
	background-color: #eee;
	padding: 15px 0;
	font-size: 33px;
	font-style: normal;
	font-weight: 200;
	margin-bottom: 20px;
}

#prod_serv_bullets span{
	color: #90c458;
}

.prod_section_title{
	font-size: 25px !important;
	font-style: normal;
	font-weight: 200;
	color: #90c458;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.prod_serv_sub_section p{
	font-size: 19px !important;
	text-transform: uppercase;
	font-style: normal !important;
	font-weight: 300 !important;
}

.prod_serv_sub_section{
	border-top: 1px solid #fcfcfc;
	border-bottom: 1px solid #e5e5e5;
	padding-top: 15px;
}

.prod_serv_sub_section p span{
	color: #90c458;	
}

#prod_serv_proj_list{
	padding: 5px 15px;
	background-color: #eee;
	border-top: 1px solid #90c458;
	border-bottom: 1px solid #90c458;
}

.prod_serv_last{
	border-bottom: none !important;	
}

.prod_serv_first{
	border-top: none !important;	
}

/*---PRODUCITON SERVICES PAGE END---*/


/*---FILM & VIDEO PAGE START---*/
.page-films .content-name{
	display: none;
}

#fv_panel_wrap{
	width: 100%;
	background-color: #e1e1e1;
	padding: 15px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	margin-bottom: 30px;
	line-height: normal !important;
}

.fv_switcher_panel{
	/* height: 335px */;
}

.fv_embed{
	/*
float: left;*/
	margin-bottom: 15px;
}

.fv_content{
	/*float: left;
	width: 320px;
	height: 310px;
	position: relative;*/
}

.fv_content p{
	font-size: 16px;
}

.fv_content_title{
	font-size: 25px !important;
	font-style: normal;
	font-weight: 300;
	/* line-height: 1em; */
	display: block;
	margin-bottom: 10px;
}

#fv_line{
	width: 100%;
	margin-left: -15px;
}

.fv_nav_alpha{
	margin-left: 0 !important;
}

.fv_nav_omega{
	margin-right: 0 !important;
}

#fv_nav_wrap{
	/* padding-top: 15px; */
	margin-bottom: 15px;
}

#fv_nav_wrap ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#fv_nav_wrap ul li{
	list-style: none;
	float: left;
	margin-right: 1.6%;
	width: 23.8%;
	margin-left:  0 !important;
	margin-bottom: 0 !important;
	
}

.fv_nav_btn_first{
	padding-top: 14px !important;
	padding-bottom: 18px !important;
	/* height: 36px !important; */
}

#fv_nav_wrap ul li a, #fv_vid_arc_btn{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #e1e1e1;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border: 1px solid #f1f1f1;
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	/* line-height: 1em !important; */
	 text-shadow: 1px 1px #c7c7c7;
	 padding: 6px 0 8px 0;
}

#fv_nav_wrap ul li a:hover, #fv_vid_arc_btn:hover{
	background-color: #b1b1b1;	
}

#fv_vid_arc_wrap{
	height: 375px;
	background-image: url(https://s3.amazonaws.com/tententen/odoe_fall_2013/images/odoe_vid_arch_graphic.png);
	background-position: top right;
	background-repeat: no-repeat;
}

#fv_vid_arc_left_col{
	width: 290px;	
}

#fv_vid_arc_btn{
	width: 250px !important;
}

.share_menu{
	/*
position: absolute;
	bottom: 0;
*/
}

.share_menu ul{
	list-style: none !important;
	padding: 0;
	margin: 0;
}

.share_menu ul li{
	float: left;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.share_menu ul li a{
	display: block;
	background-color: #4d4d4d;
	margin-right: 5px;
	padding: 5px 10px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.share_menu ul li a:hover{
	background-color: #555555;	
}

@media (max-width: 600px) { 
	#fv_nav_wrap ul li{
	margin-right: 0%;
	width: 100%;
	}
	
	#fv_nav_wrap ul li a{
	margin-bottom: 5px;
	}
	
	.share_menu ul li{
	float: none;
	}
	
	.share_menu ul li a{
		display: block;
		background-color: #4d4d4d;
		width: 100%;
		margin-bottom: 5px;
		padding: 5px 10px;
		-moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    -khtml-border-radius: 4px;
	    border-radius: 4px;
	}
}

/*---FILM & VIDEO PAGE END---*/



/*---DONATE PAGE START---*/
#store_wrap .vid_container{
	float: left;
	width: 63%;
	margin-right: 10px;
	margin-bottom: 15px;
}


.store_btn{
	float: left;
}

.store_btn a{
	display: block;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
}

#store_formstack{
	padding-top: 15px
}

#store_formstack p{
	font-size: 1.5em;
}

#store_wrap{
	padding:0 10px;
}

@media (max-width: 600px) { 
	#store_wrap .vid_container{
	width: 100%;
	margin-bottom: 15px;
	}
	
	#store_wrap{
	padding:0;
	}

}


/*---DONATE PAGE END---*/