/* Copyright 2006 James M. Nachbar, MD   All Rights Reserved */


ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

a img,:link img,:visited img,fieldset { border:none; }

body { 
	background: #6600cc url("../image/bg-viewport.jpg") top left repeat-x;
	text-align:center; 
	font:14px/20px Arial, Helvetica, sans-serif; 
	color:#685D50; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}

h1,h2,h3,h4 { margin-bottom:8px; }

h1	{ font-size:1.2em; color:#29406A; }
h2	{ font-size:1.1em; color:#5A7EA7; }
h3	{ font-size:1.0em; color:#253D56; }
h4	{ font-size:1.0em; color:#685D50; }

a:link,a:visited	{ color:#264265; text-decoration:underline; }
a:hover,a:active	{ color:#8A1114; text-decoration:underline; }


/* ----- classes ----- */

div.clear	{ 
	clear:both; 
	height:.01em; 
	overflow:hidden; 
	}

#page { 
	background:url("../image/bg-page.jpg") repeat-y; 
	width:740px; 
	margin:0 auto; 
	text-align:left; 
	}
	

div.content {padding-left: 2em; padding-right: 2em; padding-top: 2em}

div#pagebottom { background:url("../image/bg-bottom.jpg"); height: 5px; width: 740px}

div#masthead { background:url("../image/masthead.jpg"); height: 72px; position: relative} 

div#masthead a {width: 740px; height: 72px; position: absolute}

#nav { 
	background: url("../image/nav.jpg") no-repeat; 
	width:740px; 
	height:35px; 
	margin:0px; 
	padding:0px	}



#nav span { display: none; } 

#nav li {height: 35px; display: block; top: -35}

#nav LI {
	DISPLAY: inline; FLOAT: left; LIST-STYLE-TYPE: none
}

#nav-01  {	width:74px}
#nav-02  {	width:103px;}
#nav-03  {	width:74px;}
#nav-04  {	width:186px}
#nav-05  {	width:68px}
#nav-06  {	width:115px}
#nav-07  {	width:120px}

#nav a { height: 35px; display: block; }

#nav-01 a:hover {	background: url(../image/nav.jpg) no-repeat 0px -35px; width:74px}
#nav-02 a:hover {	background: url(../image/nav.jpg) no-repeat -74px -35px; width:103px}
#nav-03 a:hover {	background: url(../image/nav.jpg) no-repeat -177px -35px; width:74px}
#nav-04 a:hover {	background: url(../image/nav.jpg) no-repeat -251px -35px; width:186px}
#nav-05 a:hover {	background: url(../image/nav.jpg) no-repeat -437px -35px; width:68px}
#nav-06 a:hover {	background: url(../image/nav.jpg) no-repeat -505px -35px; width:115px}
#nav-07 a:hover {	background: url(../image/nav.jpg) no-repeat -620px -35px; width:120px}


#nav LI UL {
	visibility:hidden; PADDING-RIGHT: 1px; POSITION: absolute; BACKGROUND-COLOR: #ddaaff
}
#nav LI:hover UL {
	visibility:visible; PADDING-RIGHT: 1px; POSITION: absolute; BACKGROUND-COLOR: #ddaaff
}
#nav LI.clHover UL {
	visibility:visible; PADDING-RIGHT: 1px; POSITION: absolute; BACKGROUND-COLOR: #ddaaff
}

#nav LI UL LI {
	BORDER-RIGHT: #523278 1px solid; BORDER-TOP: #523278 1px; BORDER-LEFT: #523278 1px solid; BORDER-BOTTOM: #523278 1px solid; HEIGHT: 20px
}
#nav LI UL LI A {
	WIDTH: 100%; LINE-HEIGHT: 20px; HEIGHT: 20px
}
#nav LI UL LI A SPAN {
	DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold
}
#nav A:link {
	FONT-SIZE: 1em; COLOR: #523278; TEXT-DECORATION: none
}
#nav A:visited {
	FONT-SIZE: 1em; COLOR: #523278; TEXT-DECORATION: none
}
#nav A:hover {
	FONT-SIZE: 1em; COLOR: #523278; TEXT-DECORATION: none
}
#nav A:active {
	FONT-SIZE: 1em; COLOR: #523278; TEXT-DECORATION: none
}
#nav-03 UL A:hover {
	BORDER-RIGHT: #ddaaff 1px solid; BORDER-TOP: #ddaaff 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ddaaff 1px solid; COLOR: #ddaaff; BORDER-BOTTOM: #ddaaff 1px solid; BACKGROUND-COLOR: #523278; TEXT-DECORATION: none; width:100%;
}

#nav-03 UL {
	WIDTH: 30em
}
#nav-03 LI {
	WIDTH: 30em
}

#nav-04 UL A:hover {
	BORDER-RIGHT: #ddaaff 1px solid; BORDER-TOP: #ddaaff 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ddaaff 1px solid; COLOR: #ddaaff; BORDER-BOTTOM: #ddaaff 1px solid; BACKGROUND-COLOR: #523278; TEXT-DECORATION: none; width:100%;
}

#nav-04 UL {
	WIDTH: 20em
}
#nav-04 LI {
	WIDTH: 20em
}

#nav-05 UL A:hover {
	BORDER-RIGHT: #ddaaff 1px solid; BORDER-TOP: #ddaaff 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ddaaff 1px solid; COLOR: #ddaaff; BORDER-BOTTOM: #ddaaff 1px solid; BACKGROUND-COLOR: #523278; TEXT-DECORATION: none; width:100%;
}

#nav-05 UL {
	WIDTH: 15em
}
#nav-05 LI {
	WIDTH: 15em
}

#footer {
	MARGIN: 0px auto; WIDTH: 800px; TEXT-ALIGN: center
}
#footer P {
	MARGIN-BOTTOM: 10px; COLOR: #ffffff
}
#footer A:link {
	COLOR: #ffffff
}
#footer A:visited {
	COLOR: #ffffff
}
#footer A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#footer A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#footer UL {
	MARGIN-TOP: 10px
}
#footer LI {
	PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 7px; PADDING-BOTTOM: 0px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0px
}
#footer LI.firstlistitem {
	COLOR: #fff; BORDER-STYLE: none}

/* default header: */
div#header {background: url(../image/header-main.jpg) no-repeat; height:360px; width: 740px}

body#index div#header {background: url(../image/header-main.jpg) no-repeat; height:360px; width: 740px}
body#breast div#header {background: url(../image/header-breast.jpg) no-repeat; height:360px; width: 740px}
body#rhino div#header {background: url(../image/header-rhino.jpg) no-repeat; height:360px; width: 740px}
body#PostBabyInfo div#header {background: url(../image/header-PostBabyInfo.jpg) no-repeat; height:360px; width: 740px}
body#postbaby div#header {background: url(../image/header-postbaby.jpg) no-repeat; height:360px; width: 740px}
body#pect div#header {background: url(../image/header-pect.jpg) no-repeat; height:360px; width: 740px}
body#oto div#header {background: url(../image/header-oto.jpg) no-repeat; height:360px; width: 740px}
body#masto div#header {background: url(../image/header-masto.jpg) no-repeat; height:360px; width: 740px}
body#manosqueayudan div#header {background: url(../image/header-manosqueayudan.jpg) no-repeat; height:360px; width: 740px}
body#LipoInfo div#header {background: url(../image/header-LipoInfo.jpg) no-repeat; height:360px; width: 740px}
body#lipo div#header {background: url(../image/header-lipo.jpg) no-repeat; height:360px; width: 740px}
body#face div#header {background: url(../image/header-face.jpg) no-repeat; height:360px; width: 740px}
body#directions div#header {background: url(../image/header-directions.jpg) no-repeat; height:360px; width: 740px}
body#cv div#header {background: url(../image/header-cv.jpg) no-repeat; height:360px; width: 740px}
body#comments div#header {background: url(../image/header-comments.jpg) no-repeat; height:360px; width: 740px}
body#check div#header {background: url(../image/header-check.jpg) no-repeat; height:360px; width: 740px}
body#brred div#header {background: url(../image/header-brred.jpg) no-repeat; height:360px; width: 740px}
body#breastptotic div#header {background: url(../image/header-breastptotic.jpg) no-repeat; height:360px; width: 740px}
body#breastdifficult div#header {background: url(../image/header-breastdifficult.jpg) no-repeat; height:360px; width: 740px}
body#BrAugInfo div#header {background: url(../image/header-BrAugInfo.jpg) no-repeat; height:360px; width: 740px}
body#botox div#header {background: url(../image/header-botox.jpg) no-repeat; height:360px; width: 740px}
body#bleph div#header {background: url(../image/header-bleph.jpg) no-repeat; height:360px; width: 740px}
body#about div#header {background: url(../image/header-about.jpg) no-repeat; height:360px; width: 740px}
body#abd div#header {background: url(../image/header-abd.jpg) no-repeat; height:360px; width: 740px}
body#HowLongDoSalineImplantsLast div#header {background: url(../image/header-howlong1.jpg) no-repeat; height:360px; width: 740px}
body#MoreInterimResultsFromMulti div#header {background: url(../image/header-howlong2.jpg) no-repeat; height:360px; width: 740px}


img.img-left {float: left; margin:2px 10px 10px 0;}
img.img-right {float: right; margin:2px 0px 10px 10px;}

/* center examples */
div.example table {margin: 0 auto}
