
/******* MAIN STYLES & GENERAL LAYOUT **********/

/* ~Body
-----------------------------------*/
	
	body {
		font-family:Georgia, Times New Roman, Serif;
		font-size: 62.5%;
		background: #DEDDDD url("../images/layout/background.gif") repeat-y center;
		background-position-x:center;
		margin:0;
		padding:0;
		text-align: center;
		color:#484848;
		height:100%;
		}

/* 

/* ~divs
-----------------------------------*/

	div {
		border:0px solid #0f0;
		}


	div.hr {
		height:2px;
		margin:0;
		padding:0;
		background:#FFF url(../images/hr.gif) repeat-x;
		}

	.disabled {
		display:none;
	}

	div.spacer {
		clear:both;
		}

	.preload {
		display:none;
	}
	
	#top-header {
		width:100%;
		background: url("../images/layout/page-background.gif") repeat-x;
		text-align:center;
	}

	#inside-header {
		text-align:left;
		width:780px;
		margin:0 auto;
		height:69px;
		position:relative;
	}
	
	#home-header {
		width:100%;
		height:167px;
		position:relative;
		background: url("../images/content/banner-home.jpg") repeat-x center;
		display:none;
	}
	
	#home #home-header {
		display:block;
	}
	
	#home-logo {
		position:absolute;
		top:-220px;
		right:0px;
	}
	
	#home #logo {
		display:none;
	}
	
		#inside-header img {
			position:relative;
			left:3px;
			top:14px;
			border-width:0;
		}

	#page-container {
		width:778px;

		margin:0 auto;
		}
		
	/*** Banner Images ***/
	
		#demo-and-discussion 	#page-container	{background-image:url(../images/banner4.jpg);}
		#equine-facilitated-learning 	#page-container	{background-image:url(../images/banner-alexander-technique.jpg);}
		#equine-podiatry 	#page-container	{background-image:url(../images/banner-equine-podiatry.jpg);}
		#grass-and-full-liveries 	#page-container	{background-image:url(../images/banner-working-students.jpg);}
		#horse-rehabilitation 	#page-container	{background-image:url(../images/banner-events.jpg);}
		#one-to-one-teaching 	#page-container	{background-image:url(../images/banner3.jpg);}
		#workshops 	#page-container	{background-image:url(../images/banner-workshops.jpg);}
		#horses-for-sale 	#page-container	{background-image:url(../images/banner-horses-for-sale.jpg);}
		#events 	#page-container	{background-image:url(../images/banner-events.jpg);}
		#contact 	#page-container	{background-image:url(../images/banner-contact.jpg);}
		#working-students 	#page-container	{background-image:url(../images/banner-working-students.jpg);}
	
	
	
	
	/*** EOF ***/


	#content {
		width:780px;
		padding:19px 0px 0px 0px;
		text-align:left;
		z-index:20;
		position:relative;
		}
		
	#navigation {
		width:160px;
		float:left;
		

	}

	#primary {
		float:left;
		width:552px;
		position:relative;
		left:40px;
		margin-bottom:19px;
		z-index:1;
		}
		
	#logo {
		position:absolute;
		top:-60px;
		right:0px;
		
		
	}

	.box {
		height:125px;
		border-color:#000;
		
		}
		
	.box p {
		font-family: verdana,arial;
		color:#fff;
		line-height:100%;
		margin:5px 0 5px 0;
		padding:0;
		
	}
	
	.box a {
		font-family: verdana,arial;
		color:#fff;

		margin:5px 0 5px 0;
		padding:0;
		
	}
	
	.box h4 {
		font-family: georgia;
		color:#000;
		margin-bottom:10px;
		
		
	}


	#boxes {
		background:transparent url(../images/boxes-background.jpg) no-repeat;
		width:778px;
		height:129px;

		}

	#box1, #box3, #box2 {
		height:75px;
		text-align:left;
		}

	#box1 {
		width:205px;
		float:left;
		position:relative;
		top:35px;
		left:23px;
		}

	#box3 {
		float:left;
		width:203px;
		position:relative;
		top:35px;
		left:106px;
		}

	#box2 {
		float:left;
		width:245px;
		position:relative;
		top:35px;
		left:62px;
		}

	#footer {
		position:relative;
		top:30px;
		width:770px;
		height:62px;
		text-align:left;
		margin-left:7px;

		}


     /* _____Header______ */


	#header img  {
		border-width:0;
		}

	#header #navigation ul li a img {
		margin:0;
		padding:0;
		border-width:0;
		}

	#header .right img {
		margin:22px 23px 0 0;
		z-index:100;
		}

	#header .left {
		height:63px;
		width:300px;
		}

	#header .right {
		z-index:110;
		}

	#header #navigation {
		clear:both;
		position:absolute;
		top:66px;
		margin-left:18px;
		height:30px;
		width:627px;
		z-index:0;
		padding:0;
		}
		
	ul.navigation {
		margin:0 0 0 7px;
		padding:0;
	}

	ul.navigation li {
		list-style:none;
		margin:0 0 12px 0;
		padding:0;
	}
	
	ul.navigation li a{
		color:#fff;
		font-size:1.6em;
		text-decoration:none;
	}

	ul.navigation li ul li a{
		font-size:1.2em;
		
	}
	
	ul.navigation li ul {
		margin:8px 0 18px 10px;
		padding:0;
	}

	ul.navigation li ul li {
		margin:4px 0 4px 0px;
	}

	*html #header #navigation {
		height:30px;
		}


	#header h2  {
		margin:8px 0 0 15px;
		}

	#header #navigation ul li {
		display:inline;
		list-style-type:none;
		margin:0;
		padding:0;
		border: 0px solid #0f0;
		}

	#header #navigation ul {
		margin:0 0 0 0;
		padding:0;
		width:627px;
		height:30px;
		}


	#header a {
		padding:0;
		margin:0;
		border:0px solid #00f;
		}

	#header a:hover, #home #home-link {
		color:#fff;
		}

	#icon1 {
		position:relative;
		left:409px;
		top:0px;
		}

	.pixel {
		z-index:0;
	}

	/* __ Home __ */

	a#home-link {
		background:transparent url(../images/button-home.gif) no-repeat ;
		}

	a#home-link:hover,#home a#home-link {
		background:url(../images/button-home-o.gif) no-repeat;
		}

	/* __ Services __ */

	a#services-link {
		background:url(../images/button-services.gif) no-repeat;
		}

	a#services-link:hover,#services a#services-link {
		background:url(../images/button-services-o.gif) no-repeat;
		}

	/* __ Workshops __ */

	a#workshops-link {
		background:url(../images/button-workshops.gif) no-repeat;
		}

	a#workshops-link:hover,#workshops a#workshops-link {
		background:url(../images/button-workshops-o.gif) no-repeat;
		}

	/* __ working-students __ */

	a#working-students-link {
		background:url(../images/button-working-students.gif) no-repeat;
		}

	a#working-students-link:hover,#working-students a#working-students-link {
		background:url(../images/button-working-students-o.gif) no-repeat;
		}

	/* __ horses-for-sale __ */

	a#horses-for-sale-link {
		background:url(../images/button-horses-for-sale.gif) no-repeat;
		}

	a#horses-for-sale-link:hover,#horses-for-sale a#horses-for-sale-link {
		background:url(../images/button-horses-for-sale-o.gif) no-repeat;
		}
		
	/* __ events __ */

	a#events-link {
		background:url(../images/button-events.gif) no-repeat;
		}

	a#events-link:hover,#events a#events-link {
		background:url(../images/button-events-o.gif) no-repeat;
		}
		

	/* __ contact __ */

	a#contact-link {
		background:url(../images/button-contact.gif) no-repeat;
		}

	a#contact-link:hover,#contact a#contact-link {
		background:url(../images/button-contact-o.gif) no-repeat;
		}



     /* _____Content______ */

	#content img {
		float:right;
		margin-right:15px;
		
		}



     /* _____Footer______ */

	#footer h5, #footer h5 a {
		text-decoration:none;
		color:#000;
		font-size:1em;
		font-weight:normal;
		}

	#footer .left {
		padding-top:28px;
		}


	#footer h5 {
		margin:0;
		display:inline;
		}


/* Main HTML Elements
-----------------------------------*/

	.left {
		float:left;
		}

	.right {
		float:right;
		}

	h1 {
		padding-left:15px;
		font-size:1.8em;
		line-height:150%;
		font-weight:normal;
		background: url('../images/red.gif') repeat-y top left;
		}

	h2 {

		}

	h3 {
		font:normal normal 2em/100% georgia,serif;
		color:#000;
		margin:0 0 20px 0;
		padding:0;
		}

	h4 {
		font:bold normal 1.4em/100% georgia,serif;
		color:#000;
		margin:0 0 20px 0;
		padding:0;

		}




	h5  {
		font-size:1em;
		font-family:Verdana, sans-serif;
		font-weight:normal;
		}

	p,#content li {
		font-size:1.2em;
		margin:0 0 20px 0;
		}

	#content p a {
		text-decoration:none;
		color:#990000;
		}





/******* PAGE SPECIFIC STYLES & LAYOUT **********/

     /* _____Home______ */

	#home #content {
		

		}


     /* _____Page 2______ */
