/*-----------------------------------------------------------------------
Global
------------------------------------------------------------------------*/

* {margin:0; padding:0;}

body {
 margin:0; padding:0;
 font-family:Arial, Helvetica, sans-serif;
 background:#f4ffe4 url(../images/bg.gif) repeat-y 0 0;
 cursor:default;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

h1 {
 text-indent:-9999px;
 margin:8px;
 display:inline;
 background:transparent url(../images/h1.jpg) no-repeat 0 0;
 float:left;
}

h1 a {width:482px; height:84px; display:block;}

h2 {font-size:24px; color:#5c743d;}
h3 {font-size:16px; margin:15px 0 0 0; color:#993300;}
h4 {font-size:12px; font-weight:bold; margin:15px 0 0 0; color:#333;}

img {border:10px solid #d5edb3; margin:20px;} 

a {text-decoration:none; outline:none;}

span {font-size:11px; color:#5c743d; font-style:italic;}

fieldset {border:0 none;}
legend {display:none;}
textarea {overflow:auto;}

p {
 font-size:12px; 
 color:#666; 
 margin:15px 0 0 0;
 line-height:18px;
}

/*-----------------------------------------------------------------------
Form
------------------------------------------------------------------------*/

form p input, p textarea {
 border:5px solid #d5edb3; 
 background:#fff !important;
 padding:3px;
}

/*-----------------------------------------------------------------------
Classes
------------------------------------------------------------------------*/

.left {float:left;}
.right {float:right;}
.required {font:12px Tahoma; color:#993300;}
.new {font-style:normal; font-weight:bold; font-size:12px;}

/*-----------------------------------------------------------------------
Template
------------------------------------------------------------------------*/

#container {
 width:100%;
 min-width:850px;
 overflow:hidden;
 min-height:100%;
 height:100%;
}

#content {
 width:587px;
 padding:25px;
 margin:53px 0 0 0;
 float:left;
}

/*-----------------------------------------------------------------------
Content
------------------------------------------------------------------------*/

#content ul {padding:20px 20px 5px 20px;}
#content li {font-size:12px; padding:2px 0; color:#99cc66;}
#content li span {font-size:12px; font-style:normal;color:#333;}

#content a {font-size:12px; color:#5c743d; text-decoration:underline;}
#content a:hover {color:#99cc66;}

/*-----------------------------------------------------------------------
Header
------------------------------------------------------------------------*/

#header {
 width:100%; 
 min-width:850px;
 height:131px;
 position:relative;
 background:transparent url(../images/header-bg.gif) repeat-x 0 0;
}

#header ul {
 list-style:none; 
 float:right; 
 background:#5c743d;
 padding:0 10px;
 position:absolute;
 right:15px;
 bottom:30px;
}

#header ul li {float:left;}

#header ul li a {
 font-size:12px; 
 font-weight:bold;
 display:block;
 padding:10px;
 color:#f4ffe4;
}

#header ul li a:hover {color:#99cc66;}

body.photo #header ul li#photo a, 
body.video #header ul li#video a {color:#99cc66; cursor:default;}

/*-----------------------------------------------------------------------
Navigation
------------------------------------------------------------------------*/

#navigation {
 width:193px;
 height:100%;
 list-style:none;
 padding:63px 10px 0 10px;
 background:#5c743d;
 float:left;
}

#navigation li {
 width:193px;
 border-bottom:1px solid #f4ffe4;
 float:left; clear:both;
}

#navigation li.first {border-top:1px solid #f4ffe4;}

#navigation li a {
 width:173px;
 font:bold 12px Arial, Helvetica, sans-serif;
 padding:10px;
 display:block;
 color:#f4ffe4;
 float:left;
}

#navigation li a:hover {color:#99cc66;}

body.home #navigation li#home a,
body.news #navigation li#news a,
body.about #navigation li#about a,
body.equine #navigation li#equine a,
body.shiatsu #navigation li#shiatsu a,
body.rates #navigation li#rates a,
body.education #navigation li#education a,
body.links #navigation li#links a,
body.workshops #navigation li#workshops a,
body.testimonials #navigation li#testimonials a,
body.contact #navigation li#contact a {background:#99cc66; color:#993300; cursor:default;}