/* CSS Document */
/* Contents:
	Sitewide Styles
	Header Layout
	Navigation
	Content Layout
	Footer Layout
	Individual Page Formatting
	Text Formatting
*/

/* Sitewide Styles
--------------------------------------------------------------------------------------- */

body {
	background-color: #FFFFFF;
	background-image: url(images/body_bg.jpg);
	background-repeat:repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 12px;
	margin: 30px 0px 0px 0px;
	color: #666666;
	}
 	
#page {
	margin:0px auto;
	width: 700px;
	background-color: #ffffff;
	border: 1px solid #8d9799;
	}
	
#pagewrapper {
	margin:0px auto;
	width: 702px;
	}
	
/* Header Layout
--------------------------------------------------------------------------------------- */
h1 {
	font-weight: normal;
	color: #5fc3db;
	letter-spacing: 2px;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 12px;
	}
	
#header, #navbg {
	clear: both;
	}

#header { 
	background-image: url(images/layout_header.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 700px;
	height: 60px;
	}


/* Navigation
--------------------------------------------------------------------------------------- */

#navbg {
	width: 700px;
	height: 25px;
	padding-top: 5px;
	border-bottom: 1px solid #8d9799;
	display: block;
	background-image:url(images/layout_nav.jpg);
	background-repeat:no-repeat;
	}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}

#nav {
padding-left: 50px;
}

#nav a {
	display: block;
	width: 80px;
	padding: 3px 0px 3px 0px;
	text-align: center;
}

#nav li { /* all list items */
	float: left;
	width: 80px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #eef2f2;
	width: 80px;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

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

.mainlink {
	border-right: 1px solid #5fc3db;
	}
	
.subnava, .subnavb {
	background-image: url(images/subnav_bg_2.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #8d9799;	
	}

.subnava {
	border-top: 1px solid #8d9799;
	}

#navclear {
	clear: left;
	height: -1px;
	}

	
/* Content Layout
--------------------------------------------------------------------------------------- */



#columnlogo, #maincontent, #contenta, #contentb { 
	float: left;
	text-align: left;
	line-height: 18px;
	}
	
#columnlogo {
	width: 120px;
	}
	
#maincontent {
	width: 560px;
	padding: 20px 20px 0px 0px;
	}
	
#contenta {
	width: 290px;
	padding: 20px 20px 0px 0px;
	}
	
#contentb {
	width: 250px;
	padding: 20px 20px 0px 0px;
	}

/* footer Layout
--------------------------------------------------------------------------------------- */
	
#footer, #bottom, #credits {
	clear: both;
	}
	
#footer {
	width: 680px;
	height: 42px;
	background-image:url(images/layout_footer_01.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #5fc3db;
	text-align:right;
	padding: 58px 20px 0px 0px;
	}
	
#bottom { 
	width: 700px;
	padding: 10px 1px 20px 1px;
	height: 40px;
	background-image: url(images/layout_footer_02.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	color: #8d9799;
	}


/* Individual Page formatting
--------------------------------------------------------------------------------------- */

#indexflash {
	width: 558px;
	height: 190px;
	background-image:url(images/index_flash.jpg);
	border-right: 1px solid #8d9799;	
	border-top: 1px solid #8d9799;
	border-left: 1px solid #8d9799;
	}

#indexhome {
	background-image: url(images/index_bg.jpg);
	background-repeat: no-repeat;
	background-color: #4ea9bf;
	border-right: 1px solid #8d9799;	
	border-bottom: 1px solid #8d9799;
	border-left: 1px solid #8d9799;
	color: #FFFFFF;
	width: 305px;
	padding: 60px 34px 24px 219px;
	text-align:justify;
	}

#indexsurgical, #indexnon {
	border-top: 1px solid #8d9799;
	border-right: 1px solid #8d9799;
	border-bottom: 0px solid #8d9799;
	border-left: 1px solid #8d9799;
	line-height: 22px;
	}
	
#indexsurgical {
	background-image: url(images/surgical_index.jpg);
	padding: 40px 258px 10px 30px;
	width: 270px;
	height: 210px;
	}
	
#indexnon {
	background-image: url(images/nonsurgical_index.jpg);
	padding: 30px 268px 10px 30px;
	width: 260px;
	height: 220px;
	
	}

#anchorwrapper, #indexbottom { 
	width: 538px;
	padding: 10px;
	background-color: #4ea9bf;
	background-image: url(images/blue_bg.jpg);
	background-repeat: repeat-x;
	}


#anchorwrapper {
	border: 1px solid #8d9799;	
	}
	
#indexbottom {
	border-top: 0px solid #8d9799;
	border-right: 1px solid #8d9799;
	border-bottom: 1px solid #8d9799;
	border-left: 1px solid #8d9799;
	}
	
	
.anchorlista, .anchorlistb, .anchorlistc {
	list-style-type: square;
	margin: 0px;
	color: #dcf0f5;
	float: left;
	display: inline;
	}
	
.anchorlista {
	padding-left: 20px;
	}
	
.anchorlistb {
	padding-left: 40px;
	}
	
.anchorlistc {
	padding-left: 40px;
	}
	
.boxdark { 
	width: auto;
	background-image: url(images/blue_bg.jpg);
	background-repeat: repeat-x;
	background-color: #4ea9bf;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #8d9799;	
	color: #FFFFFF;
	}
	
.boxlight, .expertisefloat { 
	background-image: url(images/light_bg.jpg);
	background-repeat: repeat-x;
	background-color: #edf1f2;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #8d9799;	
	}
	
.boxlight {
	width: auto;
	}

.expertisefloat { 
	margin: 0px 10px 10px 0px;
	float: left;
	height: 210px;
	display: inline;
	}
	
.bscslist { 
	list-style-type: square;
	}
	
.portfolioimage {
	width: 175px;
	padding: 5px 10px 5px 0px;
	display: inline;
	float: left;
	}
	
.portfoliowrapper {
	}
	
.portfoliotitle { 
	width: auto;
	padding: 3px;
	background-color: #4ea9bf;
	background-image: url(images/blue_bg_small.jpg);
	background-repeat: repeat-x;
	display: block;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	border: 1px solid #8d9799;	
	margin: 5px 0px 5px 0px;
	}

.container {
	}
	
	


	

/* Text Formatting
--------------------------------------------------------------------------------------- */
a:link {
	color: #5fc3db;
	text-decoration: none;
}
a:active {
	color: #4ea9bf;
	text-decoration: underline;
}
a:visited {
	color: #5fc3db;
	text-decoration: none;
}
a:hover {
	color: #4ea9bf;
	text-decoration: underline;
 }
 
a.navbuttons:link {
	color: #8d9799;
	text-decoration: none;
	}
a.navbuttons:active {
	color: #5fc3db;
	text-decoration: underline;
	}
a.navbuttons:visited {
	color: #8d9799;
	text-decoration: none;
	}
a.navbuttons:hover {
	color: #5fc3db;
	text-decoration: underline;
	}
	
.portfoliotitle a:link, .boxdark a:link, .anchorlista a:link, .anchorlistb a:link, .anchorlistc a:link {
	color: #ffffff;
	text-decoration: none;
	}
.portfoliotitle a:active, .boxdark a:active, .anchorlista a:active, .anchorlistb a:active, .anchorlistc a:active {
	color: #dcf0f5;
	text-decoration: underline;
	}
.portfoliotitle a:visited, .boxdark a:visited, .anchorlista a:visited, .anchorlistb a:visited, .anchorlistc a:visited {
	color: #ffffff;
	text-decoration: none;
	}
.portfoliotitle a:hover, .boxdark a:hover, .anchorlista a:hover, .anchorlistb a:hover, .anchorlistc a:hover {
	color: #dcf0f5;
	text-decoration: underline;
	}
 
.hide {
	display: none;
	}
	
h1, h2, h3, h4, h5, .subtitle, .largetitle {
	color: #5fc3db;
	font-weight:bold;
	}

h2 {
	font-size: 16px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}
	
h3 {
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	}
	
h4 { 
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	}
	
h5 { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.subtitle, h4, h5 {
	font-size: 12px;
	}
	
.largetitle {
	font-size: 14px;
	}
		
	
.negtitle {
	color: #dcf0f5;
	font-size: 14px;
	font-weight:bold;
	}
	
.darktitle {
	font-weight:bold;
	}
	
.smalltext {
	font-size: 10px;
	line-height: normal;
	}
	
.divider {
	text-align: right;
	border-bottom: 1px solid #8d9799;
	}
	
.portfoliodivider {
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #8d9799;
	}
	
.smalltitle {
	color: #5fc3db;
	}