*{
margin: 0;
padding: 0;
}

body{
background: #0058AF;
color: #444;
font: small Helvetica, Verdana, sans-serif;
position: relative;
}

#container{
margin: 20px auto;
width: 750px;
position: relative;
background: #fff;
padding: 30px 30px 0;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

h1{
margin: 0 0 0 10px;
padding: 0;
}

hr, #banner1_small span, #banner2 span, #banner3 span{
display: none;
}

h2, legend{
font-size: 1.5em;
font-weight: bold;
text-transform: lowercase;
padding: 0 0 0.5em;
color: #77A551;
}

h3{
color: #685F44;
font-size: 1.1em;
margin: 0 0 1em;
}

#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10, #s11, #s12{
margin: 0 0 0 -10px;
padding: 10px 0 0 238px;
min-height: 150px;
background: transparent url("../images/symptoms/id9.jpg") 0 0 no-repeat;
}
#s2{background: transparent url("../images/symptoms/id6.jpg") 0 0 no-repeat;}
#s3{background: transparent url("../images/symptoms/id1.jpg") 0 0 no-repeat;}
#s4{background: transparent url("../images/symptoms/id4.jpg") 0 0 no-repeat;}
#s5{background: transparent url("../images/symptoms/id5.jpg") 0 0 no-repeat;}
#s6{background: transparent url("../images/symptoms/id13.jpg") 0 0 no-repeat;}
#s7{background: transparent url("../images/symptoms/id14.jpg") 0 0 no-repeat;}
#s8{background: transparent url("../images/symptoms/id15.jpg") 0 0 no-repeat;}
#s9{background: transparent url("../images/symptoms/id9.jpg") 0 0 no-repeat;}
#s10{background: transparent url("../images/symptoms/id16.jpg") 0 0 no-repeat;}
#s11{background: transparent url("../images/symptoms/id11.jpg") 0 0 no-repeat;}
#s12{background: transparent url("../images/symptoms/id12.jpg") 0 0 no-repeat;}

a{
color: #77A551;
}

a:visited{
color: #444;
}

a:hover{
color: #FFC31C;
}

p{
margin: 0 0 1.5em;
line-height: 1.4
}

p.access{
display: none;
}

#abouts #content img{
float: right;
margin: -34px -10px 30px 30px;
}

.red{
color: red;
}

#clientss blockquote{
margin: 0 1em 4em;
padding-left: 3em;
background: transparent url("../images/blockquote.png") 0 0 no-repeat;
}

#clientss cite{
color: #0058AF;
}

ul#nav{
list-style: none;
border: none;
width: 85%;
height: 10px;
padding-top: 7px;
padding-bottom: 18px;
}

ul#nav li{
display: block;
float: left;
width: auto;
background: transparent url("../images/pipe.gif") 100% 50% no-repeat;
padding-right: 0.25em;
}

ul#nav li#contact{
background-image: none;
}

ul#nav a{
color: #A39A7F;
font-weight: bold;
font-size: 1.1em;
display: block;
width: auto;
text-decoration: none;
padding: 0.25em 0.5em 0.25em;
}

ul#nav a:hover, ul#nav a:focus, body#indexs #index a, body#symptomss #symptoms a, body#faqss #faqs a, body#contacts #contact a, body#abouts #about a, body#maps #map a, body#clientss #testimonials a{
color: #77A551;
}

#content{
background: #fff url("../images/content_fade.jpg") 0 0 no-repeat;
padding: 30px 20px;
clear: left;
min-height: 300px;
border-top: solid 3px #fff;
}

#content ul{
list-style: url("../images/list.gif");
margin: 0 0 2em 2em;
}

#content ol{
padding-bottom: 1em;
margin-left: 2em;
}

#content li{
padding: 0.25em 0;
}

#footer{
position: relative;
padding: 1em 2em 2em;
clear: both;
border-top: solid 1px #ccc;
}

#top a{
position: relative;
float: right;
text-decoration: none;
margin-bottom: 5px;
display: block;
background: transparent url("../images/top.gif") 0 0 no-repeat;
width: 18px;
height: 20px;
}

#top a:hover, #top a:focus{
background:url("../images/top.gif") 0 -20px no-repeat;
}

/****** contact form ******/

#contact_info br{
clear: left;
}

fieldset{
border: none;
}

legend{
color: #77A551;
}

label, #contact_info input#submit_contact_form{
display: block;
width: 120px;
float: left;
padding: 0 5px 3px 5px;
text-align: right;
background: #77A551 url("../images/label_corner.jpg") 0 0 no-repeat;
margin: 0 0 5px 0;
color: #fff;
font-weight: bold;
}

#contact_info input, #contact_info textarea{
font-size: small;
font-family: Century Gothic, arial, sans-serif;
font-weight: bold;
}

#contact_info input#submit_contact_form{
font-size: 1em;
height: auto;
border: 0;
cursor: pointer;
}

#contact_info input, #contact_info textarea{
border: solid 1px #77A551;
margin-bottom: 5px;
padding: 0 5px 1px 5px;
color: #4B4B3B;
height: auto;
background: #fff url("../images/input_fade.jpg") 0 0 repeat-x;
}

#contact_info textarea{
color: #4B4B3B;
background: #fff url("../images/textarea_fade.jpg") 0 0 repeat-x;
}

#contact_info input:focus, #contact_info textarea:focus{
background: #fff;
background-image: none;
}

label#button{
border: none;
background: none;
}

/****** banners ******/

#banner2, #banner3{
float: left;
}

p#banner2, p#banner3{
margin: 0;
}

p#banner2{
height: 125px;
width: 479px;
margin-left: 15px;
background: transparent url("../images/backpain.jpg") 0 0 no-repeat;
}

p#banner3 a{
display: block;
height: 125px;
width: 241px;
background: transparent url("../images/what_is_osteopathy.jpg") 0 0 no-repeat;
}

#banner3 a:hover, #banner3 a:focus{
background: transparent url("../images/what_is_osteopathy.jpg") 0 -125px no-repeat;
}

#faqs2 em, #top span{
position: absolute;
text-indent:-10000px;
}

table{
border: solid 1px #77A551;
border-right: 0;
border-bottom: 0;
margin: 1em 0 2em;
}

th, td{
border: solid 1px #77A551;
border-top: 0;
border-left: 0;
padding: 0.25em;
background: #fff url("../images/textarea_fade.jpg") 0 0 repeat-x;
}

th{
background-image: none;
background-color: #879C33;
color: #fff;
font-weight: bold;
}

#switcher{
position: absolute;
top: 0;
right: 0;	
}

#indexs #content ul{
margin: 10px 10px 20px 30px;
float: left;
}

#indexs #content ul li{
float: left;
width: 220px;
}

#indexs #content p{
clear: left;
}

a:hover{
overflow: hidden;
}

#blockquotes{
position: relative;
height: 270px;  
width:750px;  
padding: 0;  
margin: 0;
background: #a39a7f url("../images/osteopathy_quotes.jpg") 0 0 no-repeat;
}

#quotes{
position: absolute;
top: 10%;
left: 5%;
color: #fff;
}

#quotes p{
width: 300px;
height: auto;
margin: 0 0 5px;
line-height: 1.1;
color: #fff;
}

#quotes p cite{
font-size: 1.1em;
color: #fff;
}

#quotes p a,
#quotes p a:visited{
font-size: 2.3em;
color: #fff;
text-decoration: none;
}

#quotes p a:hover,
#quotes p a:focus{
text-decoration: underline;
color: #fff;
}

/************************************************** tabs */

.tabbed a, .tabbed a:visited{
position: absolute;
top: -1000px;
padding: 1em;
font-size: 1.2em;
font-weight: bold;
border: solid 5px #000;
background: #fff;
color: #000;
text-decoration: none;
}

.tabbed a:focus, .tabbed a:active{
position: absolute;
top: 20px;
left: 2%;
z-index: 150;
color: #fff;
background: #77A551;
}