/*#home div { border: 1px solid #000; }*/
body {
	background: #99CDFF url(../images/bg-main.jpg) repeat-x;
	margin: 0px; padding: 0px;
	font: 12px Arial; 
	line-height: 160%; 
	color: #666666;
	}
body#home { line-height: 130%; }
#wrapper {
	width: 100%;
	background-image: url(../images/bg-shadow.jpg);
	background-position:center 0px;
	background-repeat: no-repeat;
	margin: 0px; padding: 0px;
	/*border: 1px solid #000;*/
	}
#middle, #header, #content { width: 778px; }
#middle {
	margin: auto;
	background-image: url(../images/bg-content.jpg);
	}
#header {
	height: 105px;
	background: url(../images/tagline-smaller.gif) 390px 55px no-repeat;
	/*border: 1px solid #000;*/
	}
#navigation {
	height: 75px;
	margin: 0px 0px 0px 8px;
	width: 760px;
	clear: both;
	}
#home #navigation {
	height: 211px;
	margin: 0px 0px 0px 8px;
	width: 760px;
	clear: both;
	}
#pagetitle {
	height: 88px;
	width: 760px;
	margin-left: 8px;
	text-indent: -9999px;
	/*border: 1px solid #000;*/ 
	}
#content { 
	}
#left {
	float: left;
	width: 246px;
	padding-left: 20px;
	}
#right {
	width: 445px;
	margin-left: 270px;
	padding-top: 20px;
	}
#footer {
	width:419px;
	padding:100px 0 20px 270px;
	line-height: 130%;
	font: 11px Tahoma;
}
#home #footer {
	padding: 50px 0px 30px 30px;
	/*border: 1px solid #000;*/
}


/* #############  TEXT STYLES  ##############*/

p { 
	margin: 0px 0px 20px 0px; 
	padding: 0px; 
	}
h1 {
	margin: 0px 0px 25px 0px; 
	padding: 0px;
	font: bold 12px Arial; 
	color: #666666;
	}
h2 { /* page subtitles */
	
	}
h3 { /* press release headlines */
	margin: 0px 0px 25px 0px; 
	padding: 0px;
	font: bold 12px Arial; 
	text-align: center;
	text-transform: uppercase;
	color: #666666;
	line-height: 130%;
	}
	
sup { margin: 6px 2px -3px 1px; font-size: 9px; }	
	
.subhead { /* press release subheadlines */
	font-style: italic; 
	text-align: center; 
	line-height: 120%;
}

.caption { font-size: 11px; margin-top: 5px; }

#right li { margin-bottom: 10px; line-height: 130%; }

#tableButtons td { padding-bottom: 8px; }

/* #############  MISC STYLES  ##############*/

.tableReleases td { padding: 0px 10px 15px 0px; }

.borderedheading {
	margin: 30px 0px 15px 0px; 
	padding: 4px 0px 4px 0px; 
	border-top: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	width: 100%;
	line-height: 130%; 
}

#green { padding: 20px; background-color: #75B11B; border: 7px solid #81C61A; }

#green p, #green ul { color: #FFF; }

p.greensmaller { color: #75B11B; font-size: 11px; font-weight: bold; margin: 0px; }

/* #############  LOGO  ##############*/

#logo { 
	height: 105px; 
	width: 156px; 
	margin-left: 30px;
	margin-top: -10px;
	padding: 0px;
	float: left;
	}
* html #logo { margin-left: 15px; }
#logo a {
	display: block;
	height: 105px; width: 208px;
	margin: 0px;
	padding: 00px;
	text-indent: -9999px;
	background: url(../images/logo-smaller.gif) no-repeat;
	}

#printlogo { display: none; }

/* #############  SECONDARY NAV  ##############*/

#secondarynav {
	float: right; 
	width: 207px; height: 28px;
	margin-right: 5px;
	}
#secondarynav a {
	display: block;
	height: 28px; width: 66px;
	text-indent: -9999px;
	float: left;
	font-size: 11px;
	}
a.careers {
	background: url(../images/b_careers.gif) no-repeat;
	}
a.contact {
	background: url(../images/b_contact.gif) no-repeat;
	}
a.news-room {
	background: url(../images/b_news_room.gif) no-repeat;
	width: 70px !important;
	}
/*###################### SUBNAV ######################*/

#subnavwrapper {  
	background: url(../images/subnav-middle.jpg) repeat-y;
	margin: 0px 0px 0px 10px;
	width: 200px;
	/*border: 1px solid #000;*/
	}
#subnavwrapper span {
	background: url(../images/subnav-bottom.jpg) 0 7px no-repeat;
	height: 25px; 
	width: 200px;
	display: block;
}	
#subnavwrapper ul {
	background: url(../images/subnav-top.jpg) 0px -30px no-repeat; 
	/*min-height: 200px;*/
	width: 175px;
	padding: 47px 0 10px 19px;
	margin-bottom: 175px; 
	list-style:none;
	margin: 0px;
	}
* html #subnavwrapper ul {
	/* IE6 treats height the same as standards-compliant browsers treat min-height */
	/*height: 200px;*/
	}
#subnavwrapper ul a {
	color: #81C61A;
	text-decoration:none;
	font-weight: bold;
	padding: 5px 0 5px 20px;
	display: block;
	width: 135px;
	height: auto;
	font-size: 11px;
	background: url(../images/bulletgrey.gif) 0px 9px no-repeat;
	line-height: 110%;
	/*border: 1px solid #000;*/
	}
#subnavwrapper ul a:hover {
	text-decoration:none;
	font-weight: bold; 
	color: #AA0000;
	}

/*###################### SUB-SUBNAV ######################*/

#subnavwrapper ul ul {
	background: none; 
	width: 135px;
	padding: 0px 0px 0px 15px;
	margin-bottom: 175px; 
	list-style:none;
	margin: 0px;
	/*border: 1px solid #000;*/
	}
* html #subnavwrapper ul {
	/* IE6 treats height the same as standards-compliant browsers treat min-height */
	/*height: 200px;*/
	}
#subnavwrapper ul ul a {
	color: #81C61A;
	text-decoration:none;
	font-weight: normal;
	padding: 5px 0px 5px 20px;
	display: block;
	width: 120px;
	height: auto;
	font-size: 11px;
	background: url(../images/dashgrey.gif) 5px 10px no-repeat;
	/*border: 1px solid #000;*/
	}
#subnavwrapper ul ul a:hover {
	text-decoration:none;
	font-weight: normal; 
	color: #AA0000;
	}

/*###################### RELATED ######################*/

#related { 
	padding: 20px 0px 0px 14px;
}

/* ####################### LINKS ####################### */

a:link, a:visited { color: #75B11B; font: 12px Tahoma; line-height: 130%; text-decoration: underline; }
a:active, a:hover { color: #000; font: 12px Tahoma; line-height: 130%; text-decoration: underline; }

.linkBlue, .linkBlue:visited { color: #4A6179; font: 12px Tahoma; line-height: 130%; text-decoration: underline; }
.linkBlue:hover, .linkBlue:active { color: #AA0000; font: 12px Tahoma; line-height: 130%; text-decoration: underline; }

a.linkSmall:link, a.linkSmall:visited { color: #75B11B; font: 11px Tahoma; line-height: 110%; }
a.linkSmall:hover, a.linkSmall:active { color: #000000; }

a.linkSmallGrey:link, a.linkSmallGrey:visited { color: #666666; font: 11px Tahoma; line-height: 130%; text-decoration: none; }
a.linkSmallGrey:hover, a.linkSmallGrey:active { color: #75B11B; text-decoration: underline; }

/* ####################### TOPNAV ####################### */

#navigation { 
	background: url(../images/topnavback.gif) 1px 0px repeat-x; 
	margin-left: 9px;
	width: 759px;
}

#navigation ul {
	list-style:none;
	margin: 0px 0px 0px -39px;
}
* html #navigation ul {
	margin: 0px 0px 0px 1px;
}

#navigation ul li {
	float:left;
	height:74px;
}

#navigation ul li a {
	background-image:url(../images/topnav2.png);
	background-repeat:no-repeat;
	height:74px;
	display:block;
	margin:0px 1px 0px 1px;
	text-indent:-9999px;
	/*border: 1px solid #000;*/
}

#navigation ul li.home a { background-position:-1px 0px; width:66px; }
#navigation ul li.home a:hover { background-position:-1px -84px; }

#navigation ul li.incisionless a { background-position:-66px 0px; width:97px; }
#navigation ul li.incisionless a:hover { background-position:-66px -84px; }

#navigation ul li.endo a { background-position:-163px 0px; width:71px; }
#navigation ul li.endo a:hover { background-position:-163px -84px; }

#navigation ul li.news a { background-position:-234px 0px; width:62px; }
#navigation ul li.news a:hover { background-position:-234px -84px; }

#navigation ul li.about a { background-position:-296px 0px; width:95px; }
#navigation ul li.about a:hover { background-position:-296px -84px; }

#navigation ul li.surgeonloc a { background-position:-390px 0px; width:120px; }
#navigation ul li.surgeonloc a:hover { background-position:-390px -84px; }

#navigation ul li.applications a {  }
#navigation ul li.applications a:hover {  }

#navigation ul li.patients a {  }
#navigation ul li.patients a:hover {  }


/*###################### PAGETITLES ######################*/
#pagetitle h1 { margin: 0px; height: 80px; background-position: 0 -10px; }
h1.title-surgeonloc { background-image: url(../images/t_surgeonloc.jpg); }
h1.title-incisionless { background-image: url(../images/t_incisionless.jpg);  }
h1.title-endo { background-image: url(../images/t_endo.jpg);}
h1.title-applications { background-image: url(../images/t_applications.jpg);}
h1.title-patients { background-image: url(../images/t_patients.jpg); }
h1.title-news { background-image: url(../images/t_news.jpg); }
h1.title-about { background-image: url(../images/t_about.jpg); }
h1.title-careers { background-image: url(../images/t_careers.jpg); }
h1.title-contact { background-image: url(../images/t_contact.jpg); }


/* #############  BLUE BUTTON  ##############*/

.bluebutton { margin-left:auto; margin-right:auto; width: 100px; height: 26px; font: bold 12px Arial; color: #FFF;  margin-bottom: 15px; }
.bluebutton a:link, .bluebutton a:visited { display: block; width: 300px; height: 21px; padding-top: 5px; line-height: 100%; font: bold 13px Arial; color: #FFF; text-decoration: none; }
.bluebutton a.longer:link, .bluebutton a.longer:visited { display: block; width: 390px; height: 21px; padding-top: 5px; line-height: 100%; font: bold 13px Arial; color: #FFF; text-decoration: none; }
.bluebutton td.cell-left { background: url(../images/button-left.gif) no-repeat; width: 20px; padding: 0px 10px 0px 10px; }
.bluebutton td.cell-center { background: url(../images/button-center.gif); white-space: nowrap; padding: 0px 11px 0px 11px; }
.bluebutton td.cell-right { background: url(../images/button-right.gif) no-repeat; width: 20px; padding: 0px 10px 0px 10px; }