/* CSS Document */

/* Fixes */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clearboth {
	clear: both;
}

/**/

body {
	font-family: "Trebuchet MS";
	background-color: #fff;
	color: #000;
	font-size: 90%;
}

#wrapper {
	min-width: 890px;
}

* html #wrapper {
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1275 ? "1270px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 850 ? "890px" : "auto"));
}

/*Banner and Navigation*/

#banner {
	clear: both;
}

#navigation {
	padding: 5px 0 0 0;
    float: left;
    width: 100%;
    line-height: normal;
	border-bottom: 2px solid #333;
	background:url("../graphics/banner.png") no-repeat bottom right;	
}

#navigation p {
	margin: 0 0 0 10px;
	padding: 10px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 200%;
}

#navigation ul {
    margin: 0;
    padding: 0 0 0 50px;
    list-style: none;
}

#navigation li {
	float: left;
	background: url("../graphics/tab_right.png") no-repeat right top;
	margin: 0;
	padding: 0;	
}

#navigation a {
    background:url("../graphics/tab_left.png") no-repeat left top;
    padding:5px 15px;
    display:block;
	text-decoration: none;
	color: #333333;	
}

#navigation li a:hover {
	background-image:url("../graphics/tab_left_a.png");
}

#navigation #current{
	background: url("../graphics/tab_right_a.png") right top;

}

#navigation #current a {
    background-image:url("../graphics/tab_left_a.png");
}

/* header and font sizes */

h1 {
	text-align: center;
	font-size: 130%;
	padding: 10px 0;
}

h2 {
	text-align: left;
	font-size: 110%;
	padding: 30px 0 5px 0;
}

h3 {
	text-align: right;
	font-size: 110%;
	padding: 5px 0;
}

h4 {
	font-size: 110%;
	text-align: left;
	color: #333;
	margin: 5px 0;
	padding: 0;
}

h6 {
	font-size: 100%;
	text-align: left;
	color: #333;
	margin: 5px 0;
	padding: 0;
}

.h2right {
	text-align: right;
}

.h2leftmargin {
	margin: 0 0 20px 170px;
	clear: both;
}

#content {
	padding: 0 50px;
	background: url("../graphics/paws.png") no-repeat top right;	
}

/* Main Content & Container */

#content a {
	color: #060;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover, #content a:focus {
	text-decoration: underline;

}

#container {
	margin: 0;
	padding: 0;
}

#container p {
	margin: 0px auto;
	padding: 10px 0px;
}

.container_left {
	float: left;
	margin: 0;
	padding: 0px 20px 60px 0px;
}

.container_right {
	float: right;
	margin: 0;
	padding: 0 0 60px 10px;

}

/* Staff Page */

.staff_left {
	float: left;
	margin:  0;
	padding: 40px 10px 30px 0;
}

.staff_right {
	float: right;
	margin: 0;
	padding: 20px 0 10px 10px;

}

/* Services Page */

.servicesandtimes {
	margin-left: 160px;
}

.services {
	float: left;
	padding: 0 20px;
}

/*
	background: url("../graphics/clock.png") no-repeat bottom right;	
*/

#mrileft {
	float: left;
	width: 160px;
}

#mricentre {
	margin-left: 160px;
	margin-right: 160px;
}

#mriright {
	float: right;
	width: 150px;
}

.mrileftimage {
	padding: 0 10px 40px 0;
}

.mrirightimage {
	padding: 0 0 40px 10px;

}

/* Referrals Page */

#referleft {
	float: left;
	width: 200px;
}

#refercentre {
	margin-left: 200px;
	margin-right: 200px;
}

#referright {
	float: right;
	width: 200px;
}

#surgery {

}

.refercolumn {
	float: left;
}

.refercolumn ul li{
	list-style: none;
}

.refertopimageleft {
	padding: 20px 0 0 0;
}

.refertopimageright {
	padding: 20px 0 0 10px;
}


.toolsimage {
	padding: 100px 0 0 0;
}

/* Links Page */

#container #links ul li {
	padding: 0 0 0 10px;

}

#container #links ul {
	text-decoration: none;
	list-style: none;
}

.linkcolumn {
	width: 33%;
	float: left;
}


/* Contact Page */

#contactform form {
	float: left;
	padding: 10px;
	margin: 0 0 10px 10px;
	border: 1px solid #ccd;
	width: 290px;
}

#contactform ul {
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

#contactform li {
	float: left;
	margin: 0;
	padding: 0;
}

#contactform label {
	float: left;
	clear: both;
	padding: 5px 0 0 0;
	
}

#contactform input {
	float: left;
	clear: both;
	background-color: transparent;
}

#contactform textarea {
	float: left;
	clear: both;
	background-color: transparent;	
}

#contactform fieldset {
	border: 0;
	clear: both;
}

#contactform legend {
	color: #333;
	font-size: 110%;
	margin: 10px 0 5px 0;
	padding: 0;
}

.address {
	float: left;
	margin: 0 10px;
	font-size: 110%;
}

.address img {
	padding: 10px 30px;
}

.mapcolumn {
	float: left;
	margin: 0 0 20px 10px;
	text-align: center;
	font-size: small;
}

/* Form Success */

#success {
	padding: 50px 0;
	text-align: center;
}

#success h2{
	text-align: center;
}

/* Footer */

#footer {
	height: 80px;
	border-top: 2px solid #333;
	font-size: 85%;
	text-align:right;
	clear:both;
	background:url("../graphics/footer.png") no-repeat left top;
}
#footer p {
	padding: 10px 50px 0 0;
}

/* Misc Hacks */

.greencross {
	float: left;
	margin: 0 20px 0 40px;
}

.f110 {
	font-size: 110%;
}