/* -------------------- MAIN TAGS -------------------- */
body
{
	font: 12px/14px Arial;
	color:#FFF;
	margin:0px;
	background-color:#000;
}
a 
{
	font:bold;
	color: #FF0000;
	text-decoration:none;
}
a:hover 
{
	font:bold;
	color: #FF0000;
	text-decoration:underline;
}
.font_smaller
{
	font: 11px/13px Arial;
}
/* -------------------- CLASSES --------------------  */
.main_container
{
	width:790px;
	margin:0 auto;
}
/*-----HEADER-----*/
.header_container
{
	margin-top:30px;
	width:790px;
	height:88px;
	background-image:url(../images/EXOR_Studios_logo.png);
	background-repeat:no-repeat;
}
.header_menu_element_properties
{
	background-position:top;
	height:87px;
	float:right;
}
.header_menu_element_01
{
	background-image:url(../images/menu_small_home.png);
	width:53px;
}
.header_menu_element_02
{
	background-image:url(../images/menu_small_projects.png);
	width:60px;
}
.header_menu_element_03
{
	background-image:url(../images/menu_small_team.png);
	width:53px;
}
.header_menu_element_04
{
	background-image:url(../images/menu_small_contact.png);
	width:51px;
}
.header_menu_element_01:hover , .header_menu_element_02:hover , .header_menu_element_03:hover , .header_menu_element_04:hover
{
	background-position:bottom;
}
.active
{
	background-position:bottom;
}
/*----HOME----*/
.intro_container
{
	width:790px;
	height:424px;
	overflow:hidden;
}
.intro_skip_container
{
	width:790px;
	text-align:center;
}
.intro_link
{
	font:bold;
	color: #FFF;
	text-decoration:underline;
}
.home_content_container
{
	width:476px;
	height:216px;
	padding:80px 148px 110px 166px;
}
.home_content_element_properties
{
	background-position:bottom;
	height:216px;
	float:left;
}
.home_content_element_01
{
	background-image:url(../images/menu_home.png);
	width:110px;
}
.home_content_element_02
{
	background-image:url(../images/menu_projects.png);
	width:136px;
}
.home_content_element_03
{
	background-image:url(../images/menu_team.png);
	width:112px;
}
.home_content_element_04
{
	background-image:url(../images/menu_contact.png);
	width:118px;
}
.home_content_element_01:hover , .home_content_element_02:hover , .home_content_element_03:hover , .home_content_element_04:hover
{
	background-position:top;
}
/*---PROJECTS---*/
.projects_content_container
{
	width:700px;
	padding:0 45px 10px 45px;
}
.projects_header
{
	font:bold 14px/16px Arial;
	height:22px;
	color:#FFF;
}
.projects_header_text
{
	padding:10px 0 25px 0;
}
.projects_screen_scroller_container
{
	width:400px;
	height:324px;
	float:left;
	margin-top:20px;
}
.projects_logo_container
{
	height:88px;
	width:270px;
	float:right;
}
.projects_description_container
{
	width:270px;
	height:195px;
	padding-top:5px;
	float:right;
}
.projects_next_button
{
	background-image:url(../images/project_next_button.png);
	background-position:top;
	width:68px;
	height:85px;
	float:right;
}
.projects_next_button:hover
{
	background-position:bottom;
}
/*-----TEAM----*/
.team_content_container
{
	width:700px;
	padding:0 45px 10px 45px;
}
.team_header
{
	font:bold 14px/16px Arial;
	padding-top:48px;
	height:22px;
	color:#FFF;
	float:left;
}
.team_header_photo
{
	background-image:url(../images/team_group.png);
	background-repeat:no-repeat;
	width:127px;
	height:70px;
	float:right;
}
.team_header_text
{
	padding:10px 0 10px 0;
}
.team_profiles_container
{
	width:610px;
	padding:20px 45px 10px 45px;
}
.team_profile_photo
{
	width:70px;
	height:75px;
	float:left;
}
.team_profile_description
{
	width:530px;
	padding:5px 0 0 10px;
	float:left;
}
.team_stripe_container
{
	padding:15px 0 15px 80px;
	clear:both;
}
/*----CONTACT----*/
.contact_info
{
	width:334px;
	padding-top:25px;
	float:left;
}
.contact_map
{
	background-image:url(../images/contact_map.png);
	background-repeat:no-repeat;
	padding-bottom:30px;
	width:366px;
	height:302px;
	float:right;

}
.contact_profile_description
{
	width:250px;
	padding:20px 0 0 10px;
	float:left;
}
/*---FOOTER---*/
.footer
{
	background-image:url(../images/footer.png);
	background-position:bottom;
	background-repeat:no-repeat;
	clear:both;
	width:790px;
	height:32px;
}
.stripe_left_700
{
	background-image:url(../images/stripe_left_700.jpg);
	width:700px;
	height:2px;
	clear:both;
}
.stripe_left_540
{
	background-image:url(../images/stripe_left_540.jpg);
	width:540px;
	height:2px;
	clear:both;
}
.right
{
	float:right;
}
.left
{
	float:left;
}
.space
{
	clear:both;
	height:35px;
	width:100%;
}
.space_small
{
	clear:both;
	height:20px;
	width:100%;
}
.space_very_small
{
	clear:both;
	height:10px;
	width:100%;
}