@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color:#605c50;
	font-family: Arial;
	font-size: 13px;
	line-height: 23px;
	color: #FFF;
}

a { color:#666; text-decoration: underline;}

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

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,button {
	margin:0px;
	padding:0px;}
	
h1 { color:#4e77b9; font-size: 14px; font-weight: bold; padding-left: 35px; padding-top: 20px;}

h2 { color: #605c50; font-size: 12px; font-weight: bold; padding-left: 35px; padding-top: 20px;}

#container { width: 1000px;}

#leftcol { width: 398px; float: left;}

#rightcol { width: 602px; float: left;}

#sidetext { width: 398px; margin-top: 30px;}

#sidetext h1 {color: #c5c1b6;}

#sidetext p { padding: 15px 40px 0px 40px; line-height: 25px;}

#sidetext a { color:#fff; text-decoration: underline;}

#sidetext a:hover { color:#fff; text-decoration: none;}

#sidetext2 { width: 398px;}

#righttext {
	width: 602px;
	background-image: url(../images/Slice-03.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 30px;
	padding-bottom: 40px;
}

#righttext p { padding: 10px 40px 0px 40px;}

#maincontent {
	width: 602px;
	background-image: url(../images/inside-03.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#maincontent p { padding: 15px 40px 0px 40px; color:#000; line-height: 25px;}

#maincontent ul { padding: 15px 40px 0px 55px; color:#000; line-height: 20px;}

#surgeoninfo {
	background-image: url(../images/Slice-04.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	float: left;
}

#surgeoninfo p { padding: 5px 40px 3px 40px; color:#000; font-size: 10px;}

#surgeoninfo2 {
	background-image: url(../images/insidebot.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	float: left;
}

#surgeoninfo2 p { padding: 5px 40px 3px 40px; color:#000; font-size: 10px;}






/*   navigation        */

#navcontain { width: 602px; margin: 0px;}

#nav { 
	background: url(../images/nav.jpg) no-repeat; 
	width:602px; 
	height:31px; 
	position:relative;
	z-index: 999;
	font-family: Arial;
	margin: 0px;
	

	}

#nav span { display: none; margin: 0px;}

#nav li, #nav a { height: 31px; display: block; margin: 0px;}

#nav li { float: left; list-style: none; display: inline; }

#nav-01 { width: 133px; left:0px;}
#nav-02 { width: 123px; left:133px; }
#nav-03 { width: 115px; left:258px; }
#nav-04 { width: 113px; left:373px; }
#nav-05 { width: 114px; left:488px; }


#nav-01 a:hover {background: transparent url(../images/nav.jpg) 0px -31px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/nav.jpg) -133px -31px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/nav.jpg) -256px -31px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/nav.jpg) -371px -31px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/nav.jpg) -484px -31px no-repeat;}


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position: absolute;
	left: -9999px;
	background-color:#fff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	border:1px #CCC; 
	z-index: 30;
	text-align: center;

	}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
	

#nav li ul li { 
	height: 22px; /* Height of each drop down nav item */
	}	

#nav li ul li a {
	width: 100%;
	height: 22px;				/* Height of each drop down nav item, should match above */
	line-height: 22px;			/* Height of each drop down nav item again, should match above */
	color:#000;

	}

#nav li ul li a span {
	display: block;
	margin: 0px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	text-decoration: none;

	}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;

}
/* Hover styles for drop down items */
#nav-01 ul a:hover { 
	background-image: none;
	background-color: #605c50;
	color:#fff;}
	
#nav-02 ul a:hover { 
	background-image: none;
	background-color: #605c50;
	color:#fff;
	}
	
#nav-03 ul a:hover { 
	background-image: none;
	background-color: #605c50;
	color:#fff;}
	
#nav-04 ul a:hover { 
	background-image: none;
	background-color: #605c50;
	color:#fff;
	}
	
#nav-05 ul a:hover { 
	background-image: none;
	background-color: #804e33;
	color:#fff;
	}		

/* width of drop down nav - choose width that allows items to display on one line */

#nav-01 ul, #nav-01 li { width:155px; }
#nav-02 ul, #nav-02 li { width:125px; }
#nav-03 ul, #nav-03 li { width:119px; }
#nav-04 ul, #nav-04 li { width:145px; }
#nav-05 ul, #nav-05 li { width:118px; }


#nav li:hover, #nav li.hover {   
    position: static;   
}

/* 2nd tier drop down */
	#nav-03 ul li ul  {
		display:none;
		width:210px;
		margin-left:-210px; /* width of drop down nav +2 */
		margin-top:-23px; /* height of drop down nav item +1 */
		}
		
	#nav-03 ul li:hover ul, #nav-03 ul li.sfhover ul { 
		display:block;
		}
	
	#nav-03 ul li ul li a {
		width:210px;
		height:22px;
		}

	#nav-03 ul li.big, #nav-03 ul li.big a {
		height:70px;
		}
	#nav-03 ul li.big ul li a {
		height:22px;
		}
		
/* 2nd level drop downs -------------------------------------------------------------------- */
#nav li ul ul {
	margin: -22px 0 0 140px;
}		

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}