/* html tag restyling */
body {
text-align: center;
background: url(bg.gif) repeat-x;

font-family: Arial, "Times New Roman", Sans-serif;
font-size: 1em;
colour: #000000;
}

a {
color: #22749F;
text-decoration: underline;
}

a:hover {
color: #22749F;
text-decoration: none;
}

/* cancel quirks */
h1, h2, h3, h4, h5, h6, form, fieldset {
padding: 0px;
margin: 0px;
}

a img {
border: 0px;
}

img {
padding: 0px;
margin: 0px;
}

body {
margin: 0px;
padding: 0px;
}

/* ids */
#header {
background-color: #22749f;
width: 450px;
height: 50px;
padding: 0px; 
background-image: url(topleft.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
#header span {
	background: url(fairyhill-logo.gif) no-repeat;
	position: absolute;
	width: 275px;
	height: 50px;
	}
#header {
font-size: 0.3em;
}
#accessibility {
position: relative;
top: -50px;
float: right;
width: 290px;
height: 50px;
background-color: #22749f;
background-image: url(topright.jpg);
background-repeat: no-repeat;
background-position: bottom right;
text-align: right;
padding-right: 10px;
}

#accessibility span {
line-height: 50px;
font-size: 0.8em;
color: #FFFFFF;
}	

#accessibility span a {
color: #FFFFFF;
text-decoration: none;
}
#accessibility span a:hover {
color: #FFFFFF;
text-decoration: underline;
}
	
#specialist {
list-style: none;
padding: 0px;
margin-left: 40px;
}
#specialist li {
margin-left: 0px;
padding-left: 0px;
padding-top: 0px;
margin-top: 0px;
}
.specialistbullets {
background-image: URL(tick.gif);
			background-repeat: no-repeat;
				background-position: 18px 36px;
}
.copyright {
font-size: 0.75em;

}

/* main structure */
#container {
			width: 750px;
			
			border: 1px solid #f3f3f3;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
			text-align: left;
		}

		#banner {
			padding: 0px;
			height: 225px;
			margin-bottom: 0px;
		background: url(newheader.jpg) no-repeat;
		background-position: 0px 50px;
		}

		#content {
			padding: 10px;
			margin: 0px;
			background-color: #FFF;

		}
		.side {
			background-image: url(curve.gif);
			background-repeat: no-repeat;
		background-position: 476px 0px;
		}

		#sidebar-a {
			float: right;
			width: 230px;
			margin: 0;
			padding: 10px;
			background-color: #f5f5f5;
		}

		#footer {
			clear: both;
			padding: 0px;
			margin-top: 0px;
			height: 200px;
      background: url(footerbg.gif) repeat-x;
		}
		#copyright {
		width: 750px;
		height: 25px;
		margin: 0px;
		padding: 0px;
		background-color: #f5f5f5;
		}
		
/* font stylee */
#content h2 {
margin-top: 5px;
font-size: 1.1em;
font-weight: normal;

}
#content h3 {
font-size: 0.9em;
font-weight: bold;
margin-bottom: -8px;
}
#content p,#sidebar-a p,.hpbox p {
font-size: 0.75em;
line-height: 1.6em;
}

#sidebar-a h3 {
font-size: 1.1em;
font-weight: normal;
}
#sidebar-a span {
font-size: 0.9em;
}
#sidebar-a li, #content li {
font-size: 0.75em;
line-height: 2em;
}
.hpbox h4,.hpbox span {
font-size: 0.9em;
}
.hpbox h4 {
padding-top: 5px;
}
.underheading { 
margin-top: 5px; 
padding-top: 0px;
}

#copyright .left {
height: 25px;
font-size: 0.7em;
width: 590px;
line-height: 25px;
padding-left: 10px;
float: left;
}
#copyright .right {
display: block;
float: right;
padding-right: 5px;
line-height: 25px;
font-size: 0.7em;
width: 140px;
text-align: right;
}

/* homepage boxees */
.hpbox {
width: 230px;
height: 180px;
padding: 10px;
margin: 0px;
float:left;
overflow: hidden;
}
.hpbox img {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.hpbox p {
padding: 0px;
margin: 0px;
display: block;
clear: both;
}

/* navigation */
#navigation {
display: block;
width: 750px;
height: 25px;
margin: 0px;
margin-top: 150px;
padding: 0px;
background-color: #dcf3ff;
}
#navigation li {
margin: 0px;
padding: 0px;
display: inline;
list-style: none;
float: left;
}

#navigation li a {
		display: block;
		padding: 5px 10px 5px 10px;
		background-color: #dcf3ff;
		text-decoration: none;
		width: auto;
	height: 15px;
		color: #000000;
		font-size: 0.8em;
		border-bottom: 0px solid #EEEEEE;
		text-align: center;
}

html>body #navigation li a {
		
		}

#navigation li a:hover {
background-color: #22749f;
color: #FFFFFF;
border-bottom: 0px solid #FFDD00;
		}
		
.homepage {
width: 83px;
}
.pain {
width: 113px;
}
.conditions {
width: 143px;
}
.explained {
width: 153px;
}
.team {
width: 113px;
}
.contact {
width: 90px;
}

.links {
width: 55px;
}

/* form styles */
fieldset {

border: 0px;
}
legend {
display: none;
}
label {
  display: block;
  line-height: 1.8;
  vertical-align: top;
	width: 120px;
	font-size: 0.8em;
}
form ol {
  margin: 0;
  padding: 0;
}
form li {
list-style: none;
 margin: 0;
 padding: 3px;
}
textarea {
font-family: Arial, Verdana, Sans-serif;
font-size: 0.8em;
line-height: 2em;
}