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

Theme Name: Katie Yoe - Independent Speech and Language Therapist
Theme URI: 
Description: Speech and Language Therapy website
Version: 1.0
Author: Zara West - http://zarawest.com

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

/****************************************************
				YAHOO CSS RESET
****************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
strong {font-weight:bold; }
em {font-style:italic;}
a img {border:none;} 

/****************************************************
				GENERAL
****************************************************/

body {background: url('images/background.png') repeat-x #fff; color: #555; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; }

.container {width: 960px; margin: 0 auto;}

.aligncenter {display:block; margin:0 auto;}
.alignleft {float:left;}
.alignright {float:right;}

p {line-height: 16px; text-align: justify;}
p, h1, h2, h3, h4, h5, h6 {margin: 0 0 12px 0;}
h1, h2, h3, h4, h5, h6 {font-family: Arial Black, Gadget, sans-serif; text-transform: uppercase; color: #339999}
h1 {font-size: 18px;}
h2 {font-size: 17px;}
h3 {font-size: 15px;}
h4 {font-size: 13px;}

ul {margin: 0 0 12px 0;}
ul li {list-style: disc; margin: 0 0 0 16px;}

a {text-decoration: none; color: #339999;}

.one_half {width: 48%;}
.one_third {width: 30.66%;}
.two_third {width: 65.33%; }
.one_fourth {width: 22%;}
.three_fourth {width: 74%;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth {margin-right: 4%; float: left;}
.last_col {position: relative; margin-right: 0!important; overflow: hidden; }

#logo h1 {background: url('images/logo.png') no-repeat; height: 70px; margin: 15px 0 0 -2px; text-indent: -9999px;}
#logo h2 {text-indent: -9999px;}
#logo h3 {text-indent: -9999px;}

ul.nav {list-style: none; margin: -50px 0 0 0;}
ul.nav li {float: left; margin: 0 30px 0 0px; list-style: none; border-right: 1px solid #eee; padding: 0 30px 0 0;}
ul.nav li a {display: block; text-decoration: none; text-transform: uppercase; color: #eee; font-size: 11px;}
ul.nav li a:hover {color: #cc3300;}

ul.contact {list-style: none; margin: -110px 0 0 688px; text-indent: -9999px; background: url('images/getintouch.png') no-repeat; height: 114px;}

img {background: #efefef; padding: 2px; float: right; margin: 0 0 0 30px; }
.organisations img {float: left; margin: 0 0 20px 0;}

#main {clear: both;}

#services {clear:both; border-top: 1px solid #ccc; padding: 10px 0 0;}

.testimonials {background: url('images/testimonial.png') bottom no-repeat; padding: 0 0 8px 0; margin: 0 0 10px 0;}
.testimonials p {background: #efefef; padding: 14px; font-style:italic;}
span {font-style: normal; color: #cc3300;}
#footer {clear: both;  margin: 10px 0 0; border-top: 1px solid #ccc; padding: 10px 0 0;}
#footer a {text-decoration: none; color: #33999;}
#footer a:hover {color: #cc3300;}

#footer #siteinfo ul li {list-style:none; margin: 0px;}