@charset "ISO-8859-1" ;
/* cosmeticSurgery.css */

/* Color Pallet
  teal:			#0f9a94		menu bg / anchor text
  teal-light:	#5fb0ab		header bg
  teal-light2:	#77beb8		menu bg
  teal-wash:	#6dc2bd		menu:hover bg
  aqua:			#74e6dd		menu text
  cyan-light:	#d5faf7		menu:selected bg / coreFrame bg
  dim-gray:		#696969		menu:selected text
  charcoal:		#333333		footer bg
*/

#toolPanel {display: none;}

body {
	margin: 0;
	padding: 0;
/*	background: black !important;/**/
	background: #666666 !important; /* has to override suite default. */
}
#siteFrame {
	background-color: #77beb8; /*menu bg*/
}
#coreFrame {
	background-color: #d5faf7; /*content bg*/
}
#mainFrame div.mainPanel {
	left: 0em;							 /* Controls content left margin. */
	width: 100%;						 /* Controls content right margin. */
	margin: 0;							 /* Top and Bottom margin for content. */
	padding: 0;
}
a {
	color: #0f9a94;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#siteFrame h3 {
	color: #0f9a94;
	margin: 0 0 2em 2em;
}
h4 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
hr {
	width: 75%; 
	size: 1px; 
	clear: left;
	margin-bottom: 1em; 
	text-align: center;
}
#static.template dl {
	float: left;
	width: 35%;
	margin: 0 0 1em 0;
	padding: 0 0 1em 3em;
}
#menuFrame .pane {
	margin-top: 0;
}
#menuFrame .head {
	background-color: #0f9a94;			 /* Heading background-color for left nav column */
	color: #74e6dd;
	border-top: 2px solid white;
	padding: 0.2em 0;
}
#menuFrame .item,
#menuFrame .item a {
	color: white;
}
/** FONTS ****************************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
}
#cosmeticMenu .cosmeticMenuText {
	font-family: Verdana, Helvetica, sans-serif;
}
#footFrame p {
	font-size: 0.625em;  				 /* 8pt. */
}
#address p,
#address li {
	font-size: 0.75em;					 /* 9pt */
}
#cosmeticMenu .cosmeticMenuText,
#mainFrame div.iwContent h4  {
	font-size: 0.875em;					 /* 11pt */
}
#mainFrame div.iwContent h3  {
	font-size: 1.25em;					 /* 15pt */
}
/*************************************************************************************************/
#cosmeticLogo {
	width: 100%;
	background-color: #5fb0ab;
}
#cosmeticLogo a {
	margin-left: 1em; 
}
#cosmeticLogo #cosmeticSurgeryLogo {
	/*width: 12.8125em;*/ 
	/*height: 6.3125em;*/
	width: 23.62em;
	HEIGHT: 6.25em;
	border: none;
	float: left;
	margin: 1em;
}
#cosmeticLogo #swLogo {
	border:none;
	width: 14.05em; 
	height: 2.56em; 
	float: right;
	margin-top: -2.5em;
	margin-right: 1em;
}
#cosmeticClinicMenu {
	width: 55%; 
	height: 1.25em; 
	float: right;
	margin-top: 6.5em;
	margin-right: 0.5em;
	color: white;
	text-align: right;
	font-weight: bold;
}
#cosmeticClinicMenu a {
	color: white;
	margin: 0 1em;
}
#cosmeticMenu {
	margin: 0;
	height: 2.875em;
	width: 100%;
	background-color: white;
	overflow: hidden;/**/
}
#cosmeticMenu ul {
	list-style: none;
	border: none;
	padding: 0;
	width: 102%;
	margin: 0;
	margin-right: -10px;
}
#cosmeticMenu ul li {
	padding: 0;
	border: none;
	margin: 0;
	display: inline;
}
#cosmeticMenu ul li a {
	text-align: center;
	float: left;
	width: 157px;		/*6 menu items*/
/*	width: 134px;		/*7 menu items*/
	height: 2.875em;
	background-color: #0f9a94;
	color: #74e6dd;
	font-weight: bold;
	border: none;
	line-height: 2.875em;
	margin-left: 2px;
}
#cosmeticMenu .cosmeticMenuText {
	font-weight: bold;
	color: #74e6dd;
}	
#cosmeticMenu ul li.first a {
	border: none;
	margin-left: 0;
}
#cosmeticMenu ul li a:hover {
	text-decoration: none;
	background-color: #6dc2bd; 
}
#cosmeticMenu ul li a.selected,
#cosmeticMenu ul li a.selected:hover {
	background-color: #d5faf7;
}
#cosmeticMenu ul li a.selected .cosmeticMenuText {
	font-weight: bold;
}
#cosmeticMenu ul li a.selected .cosmeticMenuText,
#cosmeticMenu ul li a.selected:hover .cosmeticMenuText {
	color: #696969;
}
#mainTopFlash {
	width: 950px; 
	height: 450px; 
	float: left;
}
#cosmeticBannerImage {
	width: 950px;
	height: 300px;
	float: left;
}
#indexJsp #bannerImage {
	width: 738px;
	height: 220px;
	float: right;
}
#address {
	padding: 1em 0;
	text-align: left;
}
#address p,
#address li {
	color: white;
	margin: 0 1em;
}
#address p a {
	margin-right: -1em;
}
#address ul li,
#address ul li a {
	font-weight: bold;
	line-height: 1.5em;
}
#address ul {
	margin-top: 0.25em;
	margin-left: 0;
	padding-left: 1em;
}
#mainFrame {
	text-align: left;
}
#mainFrame #static.template {
	padding: 2em 0 0 0;
}
#mainFrame div.iwContent p {
	margin: 0 1em 1em 3em;
}
#mainFrame div.iwContent ul {
	margin: 0 1em 1em 5em;/**/
	padding: 0;
}
#mainFrame h4 {
	margin: 0 0 0 2.75em;
}
#mainFrame img.mugShot {
	width: 100px;
	height: 133px;
	margin: 0 1em 0 3em;
	float: left;
	clear: left;
}
#backToTop {
	text-align: right;
}
#backToTop img {
	border: 0; 
	margin: 0 1em 0 0;
}
#footFrame {
	text-align: center;
	color: white;
/*	background-color: #333333;/**/
	background-color: #999999;
	padding: 0.5em 0;
	border-style: none;
}
#footFrame p {
	margin: 0;
}
#mainFrame #gMap {										 
	width: 100%;
}