@charset "utf-8";
/* CSS Document */


@import url("css_includes/sliding_panels.css");

html {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url(../images/UI/body_background.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #4C3A2E;
}

body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #4C3A2E;
	text-align: left;
	font-weight: 600;
	line-height: 20px;
}


h2 {
	font-style: italic;
	font-size: 30px;
}




.SlidingPanels {
	width: 100%;
	height: 600px;	
}
.SlidingPanelsContent {
	width: 1000px;
	height: 600px;
}
 
.SlidingPanelsContent {
	background-image: url(../images/UI/body_background.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
}

#ride_on_content.SlidingPanels {
	float: left;
}
#ride_on_content .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#ride_on_content .SlidingPanelsContent {
	float: left;
}



.content_frame {
	display: block;
	width: 1000px;
	height: 600px;
	border-top: #E4E4BE solid 1px;
	background-repeat: no-repeat;
}


#what_can_i .content_frame {
	background-image: url(../images/UI/tree.png);
	background-position: 0 0;
}
#reach_out .content_frame {
	background-image: url(../images/UI/horse.png);
	background-position: 670px 393px;
}


#reach_out .content {
	margin: 0;
	padding: 380px 350px 0 0;
	text-align: right;
}

.navigation {
	display: block;
	width: 284px;
	height: 176px;
	position: absolute;
	z-index: 500;
	top: 50px;
	left: 50px;
}

.navigation ul{
	margin: 0;
	list-style: none;
}

.navigation ul li a:link, .navigation ul li a:visited{
	display: block;
	width: 284px;
	height: 44px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.navigation ul li a span{
	display: none;
}


#nav_what_can_i {
	background-image: url(../images/UI/nav_what_can_I_do_for_you.png);
}
#nav_theory {
	background-image: url(../images/UI/nav_theory-Reason.png);
}
#nav_together{
	background-image: url(../images/UI/nav_together.png);
}
#nav_gallery {
	background-image: url(../images/UI/nav_gallery.png);
}
#nav_reach-out {
	background-image: url(../images/UI/nav_Reach-Out.png);
}
#nav_fun-ctional_art {
	background-image: url(../images/UI/nav_FUN-ctional_Art.png);
	background-position: 0 5px;
}
/***************************************

		WHAT CAN I DO FOR YOU
				
****************************************/

#whatcanI_frame {
	height: 300px;
	margin: 250px 0 0 560px;
	padding: 0 0 0 0;
}


/***************************************

		THEORY
				
****************************************/


#theory .content_frame {
	background-image: url(../images/UI/horse_walking.png);
	background-position: 100px 355px;
	background-repeat: no-repeat;
}

#theory_frame {
	height: 520px;
	margin: 300px 0 0 500px;
	padding: 0 0 0 0;

	}

	
	#together_frame {
	height: 520px;
	margin: 230px 0 0 500px;
	padding: 0 0 0 0;
	}
	
	#together .content_frame {
	background-image: url(../images/UI/horse_prancing.png);
	background-position: 100px 380px;
	background-repeat: no-repeat;
}

/***************************************

				GALLERY
				
****************************************/

#gallery_frame {
	height: 520px;
	margin: 20px 0 0 380px;
	padding: 0 0 0 0;
}

	#gallery .content_frame {
	background-image: url(../images/UI/two_horses.png);
	background-position: 100px 350px;
	background-repeat: no-repeat;
}

#gallery_frame ul {
	list-style: none;
	margin: 0;
	text-align: center;
}

#gallery_frame ul li{
	display: inline;
}

#gallery_frame ul li a:link, #gallery_frame ul li a:visited{
	padding: 73px 12px 8px 8px;
	margin: 0 0 0 0;
	line-height: 50px;
	background-image: url(../images/UI/thumbnail_bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#gallery_frame ul li a:hover{
	padding: 68px 18px 18px 2px;
	background-position: 0 -97px;
}

/*
#gallery_frame ul li a:link, #gallery_frame ul li a:visited{
	background-image: url(../images/UI/thumbnail_bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 8px 12px 12px 8px;
	border: none;
	norder: red solid 1px;
}

#gallery_frame a:hover{
	background-position: 0 -97px;
	padding: 2px 18px 18px 2px;
}

#gallery_frame a img{
	border: none;
}
*/

#gallery_frame ul li a img{
	border: none;
}