* 		{ margin:0; padding:0;}
body 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	background:#FFF url('../images/bkgd-top.png') repeat-x 0 0;
	padding:10px 0;
}

img				{ border:none;} 

p, .list, td	{ color:#666; line-height:1.5em; font-size:1em;}
p				{ margin-bottom:1.1em; }

blockquote		{ font-size:1.5em; margin-left:60px; border-left:1px solid #666; padding-left:15px; }
blockquote p	{ color:#545454}

.list			{ margin:0 0 1.2em 1.5em; }
.list li 		{ padding:.2em 0;}
.list ul,
.list ol		{ margin-left:2em;}

a					{ color:#5d308b;}
a:hover				{ text-decoration:none;}
a:visited			{ color:#8056ac;}


h1							{ width:330px; height:67px; background:url('../images/name.png') no-repeat 0 0; display:block; text-indent:-999em; }
h1 span						{ text-indent:-999em; display:block; width:330px; height:67px; position:absolute; cursor:pointer; left:0; top:0; }
h2							{ font-size:1.2em; color:#545454; font-weight:normal; margin:0 0 .75em 0;  }


/* ---------------------------- */
/* Minor Classes */
/* ---------------------------- */
.txt-small			{ font-size:0.8em;}
.txt-medium			{ font-size:1.2em;}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.txt-uppercase		{ text-transform:uppercase; }

.txt-darkGrey		{ color:#666}
.txt-black			{ color:#000}


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container					{ margin:0 auto; width:750px; position:relative; text-align:left; background-color:#FFF; padding:0 25px; }
#header						{ position:relative; margin-bottom:40px; padding-top:34px; }
#content					{ margin-top:25px; }
#top-box					{ border:1px solid #cdcdcd; background:url('../images/main-image.jpg') no-repeat top right; padding:15px 250px 15px 20px; }
#top-box p					{ font-size:1.2em; color:#989898; margin-bottom:0;}
#footer						{ padding-top:10px; border-top:5px solid #9b9b9b; margin-top:25px; position:relative; height:45px;}
#footer p					{ font-size:.8em; margin-right:240px;  }
#footer a.supplied-by		{ display:block; width:203px; height:27px; background:url('../images/logos/logo-footer.png') no-repeat 0 0; text-indent:-999em; position:absolute; right:0; top:11px;}


/* Home */
/* ---------------------------- */
#hospital-col,
#document-col					{ background:#cccccc url('../images/bkgd-col.png') repeat-x 0 0; width:321px; float:left; padding:15px 20px 0 20px; min-height:225px; height:auto !important; height:225px; }
#hospital-col					{ float:left; margin-right:28px; }
#document-col					{ float:left;}

ul.content-list					{ border-bottom:1px solid #FFF; margin-bottom:15px}
ul.content-list li				{ list-style:none; color:#545454; border-top:1px solid #FFF; clear:both; padding:3px 0; }
ul.content-list	li a,
ul.content-list	li a:visited	{ color:#545454; text-decoration:none; display:block; padding:7px 5px;}
ul.content-list	li a:hover		{ background-color:#b5b5b5; color:#FFF}

#hospital-col ul li				{ }
#hospital-col ul li img			{ /*float:left; margin-right:18px */ margin-bottom:5px; border:1px solid #989898;}

#document-col ul li	a			{ background-image:url('../images/pdf-icon-small.gif'); background-repeat:no-repeat; background-position:5px center;  min-height:25px; height:auto !important; height:25px; padding-left:35px; position:relative; }
#document-col ul li	a span		{ margin-top:5px; display:block;  }


/* About */
/* ---------------------------- */
#col-left						{ padding:0 260px 0 20px; position:relative;}
img.surgeon-pic					{ position:absolute; right:0; border:1px solid #cdcdcd;}



/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form									{ background:#cccccc url('../images/bkgd-col.png') repeat-x 0 0; padding:25px; }
form fieldset							{ border:none; border-top:1px solid #545454; margin-bottom:20px; padding-top:10px; }
form fieldset legend					{ color:#545454; font-size:1.2em; font-weight:bold; padding-right:10px; }
form fieldset ul li						{ list-style:none; clear:both; vertical-align:middle; margin-bottom:7px; position:relative; }
form fieldset ul li	span.star			{ position:absolute; font-size:1.4em; font-weight:bold; left:155px; color:#000}
form fieldset ul label					{ color:#545454; display:block; float:left; width:155px; margin-right:15px; }
form fieldset.checkboxes ul label		{ width:370px; line-height:1.1em }
form fieldset.textarea ul label			{ display:inherit; float:none; width:inherit }

form select,
form input,
form textarea							{ font-family: Arial, Helvetica, sans-serif; color:#000; font-size:.9em; padding:2px 2px 2px 2px; border:1px solid #999; width:244px; }
form textarea							{ height:100px;}
form select								{ width:259px;}
form option								{ padding:0 4px;}
form li.salutation select				{ width:110px;}

form input.submit						{ font-size:1.3em; font-weight:bold; margin-left:168px; width:92px; height:36px; border:none; text-align:center}


div.validation-advice					{ color:#FFF; background-color:red; margin-left:170px; padding:3px 7px; font-style:italic; font-size:.8em;}
input.validation-failed,
textarea.validation-failed 				{ border:1px solid red;}



/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
ul#nav		 					{ position:absolute; right:0; top:0; display:block; }
ul#nav li 						{ list-style:none; float:left; position:relative; margin-left:2px;  }
ul#nav li a,
ul#nav li a:visited				{ text-decoration:none; display:block; background-position:0 -99px; background-repeat:no-repeat; height:99px; text-indent:-999em;}
ul#nav li.home a				{ background-image:url('../images/nav/home.png'); width:68px;}
ul#nav li.about a				{ background-image:url('../images/nav/about.png'); width:74px;}
ul#nav li.contact a				{ background-image:url('../images/nav/contact.png'); width:113px;}
ul#nav li a:hover,
ul#nav li.active a				{ background-position:0 0;}



/* Footer-nav */
/* ---------------------------- */
#footer-nav						{ text-align:left; font-size:.8em; padding-bottom:35px; color:#263f60; z-index:9999999; position:absolute; top:60px; margin-left:35px }
#footer-nav ul li				{ list-style:none; float:left; padding-right:10px; border-left:1px solid #263f60; padding-left:10px;}
#footer-nav ul li.first			{ padding-left:0; border-left:none;}
#footer-nav ul li a				{ text-decoration:none; color:#263f60}
#footer-nav ul li a:hover		{ color:#FFF}


/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */