/* CSS Document */

/* Global Layout Styles */

html,body{margin:0;padding:0}


body {
font: 0.9em/1.5em "Trebuchet MS", Verdana, sans-serif;
background: url(../assets/generic/waterbg.jpg) repeat-x top;
color: #293448;
margin-top: 60px;
padding:0;
}

#container {
position:relative;
width: 760px;
margin: 0 auto;
}

#header {
position:relative;
background:url(../assets/generic/blocks.jpg) no-repeat top right;
width: 100%;
height: 75px;
margin:0 0 1em 0;
padding:0;
}

#navigation {
float:right;
margin-top: 50px;
width: 475px;
height: auto;
background: #7b6f7d;
padding: 0.3em 0;
}

#content {
float:right;
width:475px;
margin:0;
padding:0;
}

#contentleft {
float:left;
width:265px;
margin:0;
padding:0;
background:url(../assets/generic/transparent.png) repeat;
}

#content, #contentleft {
padding-bottom: 32767px;
margin-bottom: -32767px;
}

#overflow {
overflow: hidden;
}


#footer {
clear:both;
width: 100%;
height: 4em;
background: #7b6f7d;
margin-top:1em;
}

#minifooter {
clear:both;
width: 100%;
}



/* HEADER Layout Styles */

#header h1 {
float:left;
background:url(../assets/generic/danielsavage.gif) no-repeat;
width: 267px;
height: 53px;
text-indent: -9999px;
margin:0;
padding:0;
}

#header h1 a {
display:block;
width:267px;
height: 53px;
overflow:hidden;
}

/* NAVIGATION Layout Styles */

#navigation ul {
margin:0;
padding:0;
display: inline;
}

#navigation li {
list-style-type: none;
display: inline;
color: #fff;
font-size: 0.8em;
font-weight: bold;
border-right: 1px solid;
padding:0;
margin:0;
} 

#navigation li a {
padding:0 0.5em;
margin:0;
}

#navigation li.last {
border: none;
}

#navigation li a:link, #navigation li a:visited {
color:#fff;
text-decoration:none;
}

#navigation li a:hover, #navigation li a:active {
color:#c2c0ce;
}

/* CONTENT Layout Styles */

#contentleft p {
text-align: justify;
font-size: 0.9em;
padding:0.7em;
margin:0;
}

#content p {
font-size: 0.9em;
text-align: justify;
padding:0.7em 0;
margin:0;
}

#content p.large {
font-size: 1.7em;
}

#content p em {
font-weight:bold;
color: #a77997;
}

#contentleft p.fl {float:left;}

#content a:link, #content a:visited {
color: #643354;
text-decoration:underline;
}

#content a:hover, #content a:active {
color: #a77997;
text-decoration:none;
}

#content h3#homephone {
padding:0;
text-indent: -9999px;
float:left;
display:block;
height: 18px;
width: 100%;
background: url(../assets/titles/telephone.png) no-repeat;
}

#contentleft ul {
margin:0 0 0.8em 0;
padding:0;
float:left;
list-style-type:disc;
}

#contentleft li {
font-size: 0.9em;
list-style-position: outside;
margin-left:30px;
}

#contentleft h3 {
padding:0;
text-indent: -9999px;
height: 342px;
width: 227px;
margin:0.5em 0 0.5em 1.2em;
background: url(../assets/home/home-image.png) no-repeat top center;
}

#contentleft .left {
text-align:left;
}

#contentleft a:link, #contentleft a:visited {
color:#643354;
}

#contentleft a:hover, #contentleft a:active {
color:#fff;
text-decoration:none;
}

/* CONTENT TITLES Layout Styles */

#content h2, #contentleft h2 {
padding:0;
text-indent: -9999px;
float:left;
display:block;
height: 18px;
width: 100%;
margin: 0.8em 0.5em;
}

#content h2 {
margin-left:0;
}

/* lefthand titles */
#contentleft h2#aboutosteopathy {background: url(../assets/titles/about-osteopathy.png) no-repeat;}
#contentleft h2#important {background: url(../assets/titles/important-information.png) no-repeat;}
#contentleft h2#costs {background: url(../assets/titles/costs.png) no-repeat;}
#contentleft h2#common {background: url(../assets/titles/most-common.png) no-repeat;}
#contentleft h2#daniel {background: url(../assets/titles/daniel-savage.png) no-repeat;}

/* main content titles */
#content h2#welcome {background: url(../assets/titles/welcome.png) no-repeat;}
#content h2#whatis {background: url(../assets/titles/what-is-osteopathy.png) no-repeat;}
#content h2#treatment {background: url(../assets/titles/your-treatment.png) no-repeat;}
#content h2#appointments {background: url(../assets/titles/appointments.png) no-repeat;}
#content h2#faq {background: url(../assets/titles/faqs.png) no-repeat;}
#content h2#contact {background: url(../assets/titles/contact.png) no-repeat;}


/* FOOTER Layout Styles */

#footer p {
padding: 0.5em;
margin:0;
color:#fff;
font-size: 0.8em;
}

#footer p.contact {
float:left;
}

#footer p.phone {
float:right;
}

#footer p a:link, #footer p a:visited {
text-decoration:none;
color: #fff;
}

#footer p a:hover, #footer p a:active {
text-decoration:underline;
color: #c2c0ce;
}

#minifooter p {
margin:0.3em 0 2em 0;
padding:0;
color: #293448;
}

#minifooter p a:link, #minifooter p a:visited {
text-decoration:none;
color: #293448;
}

#minifooter p a:hover, #minifooter p a:active {
text-decoration:underline;
color: #7b6f7d;
}

#minifooter p#valid {
font-size: 0.7em;
float:left;
}

#minifooter p#build {
font-size: 0.7em;
float: right;
}

/* Highlight Page Layout Styles - MAIN */

body#about a#aboutnav,
body#treat a#treatmentnav,
body#appoint a#appointnav,
body#frequent a#faqnav,
body#cont a#contactnav
{
color:#c2c0ce;
text-decoration:none;
}