/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2005. Used with Permission.                             
  May not be duplicated or reproduced.

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1en; font-family: Georgia; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

span {display:none;}

/* global elements
 * ------------------------------------------------------------------------- */

body { 
	background: #1CC9EC url(images/bg_body.jpg) top left repeat-x; 
	/*  background: #1CC9EC url(http://www.balharboursurgery.com/images/xmas_bg.jpg) top left repeat-x; */
	text-align:center; 
	font:12px/18px "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	color:#0B859E; 
	}

#frame {
	width: 950px;
	margin: 0 auto;
}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}

h1,h2,h3 { margin-bottom:8px; }

h1	{ font-size:15px; color:#0B859E; }
h2	{ font-size:14px; color:#019EBE; }
h3	{ font-size:12px; color:#0B859E; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#0B859E; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#019EBE; text-decoration:underline; outline:none; }

/* global classes
 * ------------------------------------------------------------------------- */

div.clear	{ clear:both; height:.01em; overflow:hidden; }

img.img-left { float:left; margin:2px 12px 12px 0; }
img.img-right { float: right; margin: 2px 0 12px 12px; }
img.promo-img { padding:0 0 0 47px; }
	 
p.top { text-align:right; display:block;}
p.phone { padding-left: 126px; display:block; margin-top: 140px; color: #fff; font-family: Arial; font-size: 13px; letter-spacing: 5px; }

.req {font-size:10px;} 
.org { color:#FFCC00; }
.hr-style { padding-left:50px; }

/* main framework
 * ------------------------------------------------------------------------- */

/*# { background:url(images/bg_wrap.jpg) repeat-y; width:779px; margin:0 auto; text-align:left;}
#sub-wrap { background:url(images/bg_sub_wrap.jpg) repeat-y; width:779px; margin:0 auto; text-align:left;}*/
#wrap { background:url(images/bg_wrap.jpg) repeat-y; width:779px; margin:0; text-align:left;}
#sub-wrap { background:url(images/bg_sub_wrap.jpg) repeat-y; width:779px; margin:0; text-align:left; overflow:hidden; }
#masthead { float: left; position:relative; background:url(images/header_graphic_esp.jpg) left top no-repeat; width:779px; height:308px;}
#masthead-btn { position:absolute; width:300px; height:308px; top:0px; left:0px;}/* home link within header */

#column-left { width:261px; float:left; z-index: 0;}
		#column-left p {margin:5px 45px 5px 54px;} 
		#column-left img.feature {margin-left:37px;}
		#column-left-calltogallery { background:url("images/call_to_gallery_2.jpg"); position:relative; width:148px; height:48px; margin-left:50px; margin-top:25px; }
	#column-left-calltogallery a {
		position:absolute;
		left:0px;top:0px;
		width:148px;
		height:48px; 
	 }
	#column-left-calltogallery a span {
		display:none;
		}			
		
	#toll-free { background:url(images/toll-free-btn.gif); width:261px; height:59px; }
	#title-quickcontact { background:url(images/title_quickcontact.jpg) 0px 21px no-repeat; height:94px; border: 0px solid;}
	#title-Financing { background:url(images/title_Financing.jpg) left top no-repeat; height:74px;}
	#title-quickcontact2 { background:url(images/title_quickcontact2.jpg) left top no-repeat; position: relative; left: 8px; height:71px; z-index: 0;}
	#title-feature-case { background:url(images/title_feature_case.jpg) left top no-repeat; height:70px;}
	#title-feature-case02 { background:url(images/title_feature_case02.jpg) left top no-repeat; height:70px;}
	#title-consultation { background:url(images/title_consultation2.jpg) left top no-repeat; height:68px;}
	#title-consultation-main { background:url(images/title_consultation_index.jpg) left top no-repeat; height:68px;}

#column-right { width:518px; float:left;}
		#column-right h1.intro {padding-top:70px; padding-left:45px; }
		#column-right h1.intro02 {padding-top:117px;}
		#column-right p.intro {padding:5px 61px 10px 200px;}
		#column-right p.intro03 {padding-top: 110px; }
		#column-right p { padding:5px 51px 5px 52px;}
		#column-right ul.maingallery li { padding: 0 51px 0 52px; }
		#column-right h1, #column-right h2, #column-right h3  {padding:5px 51px 5px 49px;}
	#top-container { background:url(images/bg_welcome.jpg) left top repeat-y;}
	 #title-welcome { background:url(images/title_welcome.jpg) left top no-repeat;} 
	
	#calltogallery {
		position:relative;
		left:327px;
		width:148px;
		top:44px;
		height:48px;
	}
	#calltogallery a {
		position:absolute;
		left:0px;top:0px;
		width:148px;
		height:48px; 
	 }
	#calltogallery a span {
		display:none;
		}	
		
	#callto3d {
		position:relative;
		left:314px;
		width:148px;
		top:42px;
		height:30px;
		bottom: 0px;
	}
	#callto3d a {
		position:absolute;
		left:0px;top:0px;
		width:148px;
		height:30px; 
	 }
	#callto3d a span {
		display:none;
		}	
	
	
	



	.column-right-footer { background:url(images/column_right_footer.jpg); height:22px;}
	#btm-comtainer { background:url(images/bg_welcome.jpg) left top repeat-y;}
	#title-featured-procedures { background:url(images/title_featured_procedures.jpg); height:107px;}
	#title-winter {
		width: 518px; 
		height:660px;
		float: left;
		margin-bottom: 0px;
		border: 0px;
		background:url(http://www.balharboursurgery.com/images/title_winter.jpg) no-repeat;
		color: #006da2;
		}
#title-spring {
	width: 518px; 
	height:762px;
	float: left;
	margin-bottom: 0px;
	border: 0px;
	background:url(http://www.cirugia-plastica-miami.com//images/title_spring.jpg) no-repeat;
	color: #006da2;
}		
	
	
	/* procedures framework */
	#procedures-container-top { background:url(images/bg_procedures.jpg) repeat-y; width:518px; margin:0; overflow:hidden;}
	#container-facial { width:258px; float:left;}
		#container-facial h3 {padding-left:45px;}
		#container-facial ul { margin-left:55px;}
		#container-facial ul li { background:transparent url(images/list_style.jpg) 0px 6px no-repeat; padding-left:8px;}
	#title-facial { background:url(images/img_facial_procedures.jpg); height:144px;}
	/* breast list */
	#container-breast { width:260px; float:left;}
		#container-breast h3 {padding-left:20px;}
		#container-breast ul { padding-left:26px;}
		#container-breast ul li { background:transparent url(images/list_style.jpg) 0px 6px no-repeat; padding-left:8px;}
	#title-breast { background:url(images/img_breast_procedures.jpg); height:147px;}
	/* body list */
	#procedures-container-btm { background:url(images/bg_procedures.jpg) repeat-y; width:518px; overflow:hidden;}
	#container-body { width:258px; float:left;}
		#container-body h3 {padding-left:45px;}
		#container-body ul { padding-left:55px;}
		#container-body ul li { background:transparent url(images/list_style.jpg) 0px 6px no-repeat; padding-left:8px;}
	#title-body { background:url(images/img_body_procedures.jpg); height:144px;}
	/* skin list */
	#container-skin { width:260px; float:left;}
		#container-skin h3 {padding-left:20px;}
		#container-skin ul { padding-left:26px;}
		#container-skin ul li { background:transparent url(images/list_style.jpg) 0px 6px no-repeat; padding-left:8px;}
	#title-skin { background:url(images/img_skin_procedures.jpg); height:144px;}

#page-footer { background:url(images/page_footer.jpg) no-repeat; width:779px; height:35px; clear:both; overflow:hidden;}
	 

/* inside sub pages framework
 * ------------------------------------------------------------------------- */
 
	#sub-toll-free { background:url(images/sub-toll-free-btn.gif); width:261px; height:59px; }
	
	/* right column */
		#column-right ul.sub { padding-left:55px; padding-right:51px;}
		#column-right ul.sub li { background:transparent url(images/list_style.jpg) 0px 6px no-repeat; padding-left:8px;}
	#title-our-practice { background:url(images/title_our_practice.jpg) left top no-repeat;}
	#title-meet_the_staff { background:url(images/title_meet_the_staff.jpg) left top no-repeat;}
	#title-online_consultation { background:url(images/title_online_consultation.jpg) left top no-repeat;}
	#title-financing { background:url(images/title_financing.jpg) left top no-repeat;}
	#title-in-the-media { background:url(images/title_in_the_media.jpg) left top no-repeat;}
	#patienteducation { background:url(http://balharboursurgery.com/images/patienteducation.jpg) left top no-repeat;}
	#title-lipaugmentation { background:url(images/title_lipaugmentation.jpg) left top no-repeat;}
	#title-downloads { background:url(images/title_downloads.jpg) left top no-repeat;}
	#title-email-alerts { background:url(images/title_email_alerts.jpg) left top no-repeat;}
	#title-vacation { background:url(images/title_visitors.jpg) left top no-repeat;}
	#title-location { background:url(images/title_location.jpg) left top no-repeat;}
	#title-skin-procedures { background:url(images/title_skin_procedures.jpg) left top no-repeat;}
	#title-face-procedures { background:url(images/title_face_procedures.jpg) left top no-repeat;}
	#title-breast-procedures { background:url(images/title_breast_procedures.jpg) left top no-repeat;}
	#title-body-procedures { background:url(images/title_body_procedures.jpg) left top no-repeat;}
	#title-gallery { background:url(images/title_gallery.jpg) left top no-repeat;}
	#title-contact { background:url(images/title_contact.jpg) left top no-repeat;}
	#title-video-testimonials { background:url(images/title_video_testimonials.jpg) left top no-repeat;}	
	/* landing pages */
		#column-right h1.landing-intro {padding:320px 61px 10px 52px;}
		#column-right p.landing-intro {padding:100px 61px 10px 55px;}
	#title-facelift { background:url(images/title_facelift.jpg) left top no-repeat;}
	#title-nose { background:url(images/title_nose_surgery.jpg) no-repeat left top;}
	#title-eyelid { background:url(images/title_eye_surgery.jpg) no-repeat left top;}
	#title-facial-procedures { background:url(images/title_facial_procedures.jpg) no-repeat left top;}
	#title-breast-augmentation { background:url(images/title_breast_aug.jpg) no-repeat left top;}
	#title-other-breast { background:url(images/title_breast_procedures.jpg) no-repeat left top;}
	#title-tummy-tuck { background:url(images/title_tummy_tuck.jpg) no-repeat left top;}
	#title-liposuction { background:url(images/title_liposuction.jpg) no-repeat left top;}
	#title-botox { background:url(images/title_botox.jpg) no-repeat left top;}
	#title-laser-services { background:url(images/title_skin_procedures.jpg) no-repeat left top;}
	#title-sitemap { background:url(images/title_sitemap.jpg) no-repeat left top; padding-top: 110px; }
	#title-thankyou { background:url(images/title_thankyou.jpg) no-repeat left top;}
	#title-testimonials { background:url(images/title_testimonials.jpg) left top no-repeat;}

	/* gallery container */
	.gallery { padding-left:35px; }
	
	/* special container */
	.wrap-special { width:425px; padding:70px 0px 10px 45px; }
	.wrap-special02 { width:425px; padding:10px 0px 10px 45px; }
	.wrap-special03 { width:425px; padding:87px 0px 10px 45px; }
	.wrap-special04 { width:425px; padding:87px 0px 10px 45px; }
	.container-special { background:url(images/bg_special_offer.jpg) left top repeat-y; width:425px; }
	.container-special p { padding:2px 10px 2px 20px; color:#fff; }
	.title-special-offer { background:url(images/title_special_offer.jpg); height:34px;}
	.special-footer { background:url(images/special_offer_footer.jpg); height:38px;}
	
	/* new special container */
	#column-right 
	.container-special2 p { margin: 0px; padding: 0px 30px 15px 19px; color:#ffffff;}
	.container-special2 { 
			background:url(images/specialofferheader.jpg) #f1126b top left no-repeat; 
			width:422px;
			padding: 0px;
			}
			
	.specialheader2 {
			background:url(images/specialofferfooter.jpg) bottom left no-repeat;
			width: 422px;
			color: #fff;
			padding-top: 125px;
			padding-bottom: 75px;
			}
	.white {
			color: #ffffff }
	.specialheader2 strong {
			color: #ffff99 }
	#media  { width:460px; padding:0px 0px 0px 0px; overflow: none }
			
	#media-left { width:266px; padding:10px 0px 0px 45px; float: left;}
			
	#media-right { width:135px; padding:14px 0px 0px 5px; float: left;}
	
.scrollcontent {
	float: left;
	width: 135px; 
	height: 700px; 
	overflow: auto; 
	background-color: #3c3c3c;
}

.scrollcontent p {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #0098db;
	font-weight: bold;
}

.scrollcontent img {
	padding-top: 5px;
}

.mag_titles {	
	font-family: "Arial", helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	float: left;
	text-align: center;	
}
	.video { 
			width:260px;
			padding-left: 0px;
			}
	.magazines{ 
			
			width:120px;
			padding: 0px;
			}

#sub-page-footer { background:url(images/sub_page_footer.jpg) no-repeat; width:779px; height:57px; clear:both; overflow:hidden;}

.pager {padding-left: 5px;}
.pager li {display:inline;color: black;font-size: 14px; font-weight: bold; } 
.pager li a {color: #06F;}

/*Top menu*/
#nav-top { display: inline; position: absolute; left: 300px; top: 30px; z-index: 5;  width:770px;}
#nav-top li { float: left; }

#nav-home a { width: 42px; height: 15px; display: block; 
background: url(images/nav-home.gif) no-repeat 0 0; }

#nav-contact li {  }
#nav-contact a { width: 89px; height: 15px; margin-left: 15px; display: block; background:url(images/nav-contact.gif) no-repeat 0 0; }

#nav-espanol li { }
#nav-espanol a{ width:84px; height:15px; margin-left: 15px; display:block; background:url(images/nav-espanol.gif) no-repeat 0 0; }

#nav-emailfriend li { }
#nav-emailfriend a{ width:104px; height:15px; margin-left: 15px; display:block; background:url(images/nav-emailfriend.gif) no-repeat 0 0; }

#nav-addfavorite li { }
#nav-addfavorite a{ width:125px; height:15px; margin-left: 15px; display:block; background:url(images/nav-addfavorite.gif) no-repeat 0 0; }



#topnav-style {
	width: 439px;
	float: right;
	padding-right: 15px;
	padding-top: 0px;
}

#topnav-style ul li {
	display: inline; 
	padding-left: 12px;
	padding-right: 10px;
	font-family: Tahoma; 
	font-weight: bold; 
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	letter-spacing: .05em;
}

#topnav-style ul li a {
	color: #89afef;
	text-decoration: none;
}

#topnav-style ul li a:hover {
	color: white;
	text-decoration: underline;
}


/* Horozontal MAIN NAVIGATION Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background: url(images/nav.jpg) no-repeat; 
	width:779px; 
	height:41px; 
	margin:0; 
	padding:0;
	position: relative;
	float:left;
	}

#nav span { display: none; }

#nav li, #nav a { height: 41px; display: block; border: 0px solid;}

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

#nav-01 { width: 132px; margin-left: 11px;}
#nav-02 { width: 71px; margin-left: 1px; }
#nav-03 { width: 75px; margin-left: 0px; }
#nav-04 { width: 83px; margin-left: 0px; }
#nav-05 { width: 67px; margin-left: 0px; }
#nav-06 { width: 97px; margin-left: 1px; }
#nav-07 { width: 117px; margin-left: 1px; }
#nav-08 { width: 111px; margin-left: 1px; }


#nav-01 a:hover {background: transparent url(images/nav.jpg)  -11px -41px no-repeat;}
#nav-02 a:hover {background: transparent url(images/nav.jpg) -144px -41px no-repeat;}
#nav-03 a:hover {background: transparent url(images/nav.jpg) -215px -41px no-repeat;}
#nav-04 a:hover {background: transparent url(images/nav.jpg) -290px -41px no-repeat;}
#nav-05 a:hover {background: transparent url(images/nav.jpg) -373px -41px no-repeat;}
#nav-06 a:hover {background: transparent url(images/nav.jpg) -441px -41px no-repeat;}
#nav-07 a:hover {background: transparent url(images/nav.jpg) -539px -41px no-repeat;}
#nav-08 a:hover {background: transparent url(images/nav.jpg) -657px -41px no-repeat;}

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
#nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #7ECEDE;
	z-index: 2;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { height: 20px; z-index: 2; }	/* Height of each drop down nav item */

#nav li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down nav item, should match above */
	line-height: 20px;
	z-index: 2;			/* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display: block;
	padding-left: 5px;
	}

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

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

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover { 
	background-image: none;
	background-color: #07A7C9;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width: 170px; }
#nav-02 ul, #nav-02 li { width: 230px; }		
#nav-03 ul, #nav-03 li { width: 199px; }		
#nav-04 ul, #nav-04 li { width: 190px; }
#nav-05 ul, #nav-05 li { width: 205px; }		
#nav-06 ul, #nav-06 li { width: 150px; }
#nav-07 ul, #nav-07 li { width: 150px; }		


/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */
#nav-vert-index {
	background: url(images/ptt-buttons-index.jpg) no-repeat left top;					
	width: 261px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 122px;		/* Height of entire image */
	margin: 0;
	padding: 0;
	z-index: 0;
	}

#nav-vert-index li span { display: none; }

#nav-vert-index li {
	float: left;
	list-style: none; 
	}

#nav-vert-index li, #nav-vert-index a { 
	height: 58px;			/* Each button must have the same height, define it here */
	display: block;  
	}

/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
* html #nav-vert-index li { height:1%  }
/* End */

/* Increments of each button height defined above */
#nav-vert-index-01 { top:   0px }
#nav-vert-index-02 { top:  58px }

/* width set here should be same width set in #nav */
#nav-vert-index-01, #nav-vert-index-02 { left: 0px; width: 261px; }

/* Changed values should match "top" numbers specified above */
#nav-vert-index-01 a:hover { background: transparent url(images/ptt-buttons-index.jpg) -261px    -0px no-repeat; }
#nav-vert-index-02 a:hover { background: transparent url(images/ptt-buttons-index.jpg) -261px  -58px no-repeat; }

/* Sweet procedures navz
/*------------------------------------------------------------------------- */


#procedures-nav { 
	background: url(images/procedures_nav01.jpg) no-repeat; 
	width:518px; 
	height:126px; 
	margin:0; 
	padding:0;
	}

#procedures-nav span { display: none; }

#procedures-nav li, #procedures-nav a { height: 126px; display: block; }

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

#procedures-nav-01 { width: 190px; margin-left: 46px;}
#procedures-nav-02 { width: 190px;}

#procedures-nav-01 a:hover {background: transparent url(images/procedures_nav01.jpg) -46px -126px no-repeat;}
#procedures-nav-02 a:hover {background: transparent url(images/procedures_nav01.jpg) -276px -126px no-repeat;}


/*FORM gallery*/
.galsignimg{
	margin:0;
	border:none;
	display:block;
}
#galsignmain{
	width:442px;
	margin:0 auto;
	padding:0px 0px;
	overflow:hidden;
	background: #ffffff;
}
.galsigngallery{
	margin:0;
	padding:0;
	overflow:hidden;
	width:100%;
}
.galsigngallery li{
	float:left;
	margin:0 3px 3px 0;
	list-style:none;
}
.galsigngallery a{
	float:left;
	width:218px;
	height:167px;
	padding:0px;
	position:relative;
	overflow:hidden;
}
.galsigngallery span{
	position:absolute;
	top:0;
	left:0;
	margin:0 0 0 0;
	width:218px;
	height:167px;
	display:block;
	text-indent:-99999px;
	background:url(../images/1.png) no-repeat;
}

/*Testimonials gallery*/
.testiimg{
	margin:0;
	border:none;
	display:block;
}
#testimain{
	width:450px;
	margin:0 auto;
	padding:0px 0px;
	overflow:hidden;
}
.testivideogallery{
	margin:0;
	padding:0;
	overflow:hidden;
	width:100%;
}
.testivideogallery li{
	float:left;
	margin: 0 0 19px 0;
	list-style:none;
}
.testivideogallery a{
	text-decoration: none; 
	font-weight: bold; 
	font-size: 11px;	
	float:left;
	width:205px;
	height:123px;
	padding:9px;
	position:relative;
	overflow:hidden;
	background:url(../images/videotestigallery.gif) no-repeat;
}
.videotestinumber {
	margin-left:2px; 
	margin-top: 3px; 
	color:#black; 
	width: 205px; 
	border: 0px solid; 
}
.testivideogallery span{
	position:absolute;
	top:50%;
	left:50%;
	margin:-19px 0 0 -19px;
	width:38px;
	height:38px;
	display:block;
	text-indent:-99999px;
	background:url(../images/plus.png) no-repeat;
}
.testivideogallery a:hover{background-position:0 100%;}
.testivideogallery a:hover span{background:url(../images/plus-active.png) no-repeat;}


.testigallery{
	margin:0;
	padding:0;
	overflow:hidden;
	width:100%;
}
.testigallery li{
	float:left;
	margin:0 29px 19px 0;
	list-style:none;
}
.testigallery li a.link{
	float:left;
	width:103px;
	height:154px;
	padding:9px;
	position:relative;
	overflow:hidden;
	background:url(../images/gallery.gif) no-repeat;
}

}
.testigallery li a.link:hover{background-position:0 100%;}




/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
#procedures-nav li ul {
	position: absolute;
	left: -9999px;
	
	background-color: #7ECEDE;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

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

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

#procedures-nav li ul li a span {
	display: block;
	padding-left: 5px;
	}

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

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

/* Hover styles for drop down items */
#procedures-nav-01 ul a:hover, 
#procedures-nav-02 ul a:hover { 
	background-image: none;
	background-color: #07A7C9; 
	}

/* width of drop down nav - choose width that allows items to display on one line */
#procedures-nav-01 ul, #procedures-nav-01 li { width: 190px; }		
#procedures-nav-02 ul, #procedures-nav-02 li { width: 190px; }
#procedures-nav-02 ul { margin-left:40px; }


/* Procedures Second Nav
/*------------------------------------------------------------------------------- */

#procedures-nav02 { 
	background: url(images/procedures_nav02.jpg) no-repeat; 
	width:518px; 
	height:144px; 
	margin:0; 
	padding:0;
	}

#procedures-nav02 span { display: none; }

#procedures-nav02 li, #procedures-nav02 a { height: 144px; display: block; }

#procedures-nav02 li { float: left; list-style: none; _display: inline; }

#procedures-nav02-01 { width: 190px; margin-left: 46px;}
#procedures-nav02-02 { width: 190px;}

#procedures-nav02-01 a:hover {background: transparent url(images/procedures_nav02.jpg) -46px -144px no-repeat;}
#procedures-nav02-02 a:hover {background: transparent url(images/procedures_nav02.jpg) -276px -144px no-repeat;}


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
#procedures-nav02 li ul {
	position: absolute;
	left: -9999px;
	
	background-color: #7ECEDE;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#procedures-nav02 li ul li { height: 20px; }	/* Height of each drop down nav item */

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

#procedures-nav02 li ul li a span {
	display: block;
	padding-left: 5px;
	}

/* Drop down link styles */
#procedures-nav02 a:link, #procedures-nav02 a:visited, #procedures-nav02 a:hover, #procedures-nav02 a:active {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	}

#procedures-nav02 li:hover ul, #procedures-nav02 li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#procedures-nav02-01 ul a:hover, 
#procedures-nav02-02 ul a:hover { 
	background-image: none;
	background-color: #07A7C9; 
	}

/* width of drop down nav - choose width that allows items to display on one line */
#procedures-nav02-01 ul, #procedures-nav02-01 li { width: 190px; }		
#procedures-nav02-02 ul, #procedures-nav02-02 li { width: 190px; }
#procedures-nav02-02 ul { margin-left:40px; }/* Margin the second ul over */


/* Footer
 * ------------------------------------------------------------------------- */
 
#footer { 
	width:760px; 
	text-align:center; 
	margin:0 auto; 
}
#footer p { 
	font-family: "Times New Roman", Arial, sans-serif;
	font-size: 14px;
	text-decoration:none; 
	color:#fff; 
}
#footer a:link, #footer a:visited {
	font-family: "Times New Roman", Arial, sans-serif;
	font-size: 14px; 
	text-decoration:none; 
	font-weight:bold; 
	color:#fff; 
}
#footer a:hover, #footer a:active { 
	font-family: "Times New Roman", Arial, sans-serif;
	font-size: 14px;
	text-decoration:underline; 
	color:#fff; 
}

#footer ul { 
	margin-bottom:5px; 
}
#footer li {
	font-family: "Times New Roman", Arial, sans-serif;
	font-size: 14px; 
	padding: 0 5px 0 7px; 
	display:inline; 
	border-left: 1px solid #fff; 
}
#footer li.first { 
	border: none; 
}


/* Quick Contact Form
 * ------------------------------------------------------------------------- */

form { width:160px; padding:5px 0 17px 54px;}
	
form p	{ font-size:10px; }

form br { line-height:0; /* defaults vertical spacing between fields */}
	
input, textarea, select { 
	background-color:#fff; 
	border:1px solid #019EBE;
	color:#019EBE;
	width:160px; 
	height:18px; 
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px;
	}

#newform input,#newform textarea,#newform select { 
	background-color:#d4eefc; 
	border:1px solid #8ad1f8;
	color:#407cb5;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family: tahoma; 
	font-size:11px;
	}

textarea { height:70px; overflow:auto; }




input.submit, input.submit-contact-main, input.submit-contact-gallery { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 0 0 242px; }
input.submit-contact-gallery { margin:20px 0 0 242px; }

input.submit-image { 
	background: url(images/btn_submit.jpg); 
	width:63px; 
	height:15px; 
	border:none; 
	cursor:pointer; 
	}

#contact_business { display: none; } /* do not remove */ 

/* Main Contact Form
 * ------------------------------------------------------------------------- */
 
#contact-main { padding:20px 0 10px 10px; }
	
#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label textarea { height:100px; }
	
	
#boxes-holder { width: 160px; position: relative; top: 7px; z-index: 15; }
	
/* TESTIMONIALS */

.box-testi { width: 160px; position: relative; height: 160px; background: url(images/mymommy.jpg) no-repeat 0 0; }

.box-testi-cont { width: 140px; height: 44px; position: relative; top: 106px; left: 13px;}
.box-testi-cont p { font-family: tahoma; font-size: 11px; line-height: 13px; color: #FFFFFF;}
.box-testi-cont fa:hover, .box-testi-cont a:visited {color: #FFFFFF;}
.box-testi-cont a:active, .box-testi-cont a:link {color: #FFFFFF;}
.box-testi img { position: absolute; left: 123px; top: 83px;}


/* NIP TALK */

.box-talk { width: 160px; position: relative; top: 5px; height: 210px; background: url(images/talk_bg.jpg) no-repeat 0 0; }

.box-talk img#logo { position: absolute; left: 6px; top: 8px;}
.box-talk img#hand { position: absolute; left: 126px; top: 175px;}

.box-talk-cont { width: 125px; height: 44px; position: absolute; top: 97px; left: 13px;}
.box-talk-cont p { margin-bottom: 4px; font-family: tahoma; color: #c4c4c4; font-size: 11px; line-height: 13px; }
.box-talk-cont a:active, .box-talk-cont a:hover, .box-talk-cont a:visited, .box-talk-cont a:link {font-family: tahoma; font-size: 11px; color: #ff0030;}



/* IN THE MEDIA */

#videos { 
	background: #cccccc; 
	width: 284px; 
	height: 702px; 
	margin: 0; 
	padding-left: 15;
	overflow: none;
	float: left;
	}
	
#magazines { 
	background: #cccccc; 
	width: 90px; 
	height: 544px; 
	margin: 0; 
	padding-left: 0;
	overflow: none;
	float: right;
}

.box-media { width: 160px; margin-top: 2px; margin-bottom: 0px; height: 836px; background: url(images/media_bg.jpg) no-repeat 0 0; }

/* LASER LOUNGE */

.box-laser { width: 160px; position: relative; top: 8px; height: 178px; background: url(images/laser_bg.jpg) no-repeat 0 0; }

.box-laser-cont { width: 120px; height: 44px; position: relative; top: 109px; left: 13px;}
.box-laser-cont p { font-weight: 100; margin-bottom: 6px; font-family: tahoma; color: white; font-size: 11px; line-height: 13px; }
.box-laser img#hand { position: absolute; left: 126px; top: 142px;}
.box-laser img#logo { position: absolute; left: 11px; top: 43px;}


/* NEWSLETTER */

.box-news { width: 160px; position: relative; top: 0px; height: 161px; background: url(images/newsletter-sp.png) no-repeat 0 0; }

.box-news-cont { width: 130px; height: 44px; position: relative; top: 40px; left: 13px;}
.box-news-cont p { margin-bottom: 3px; font-family: tahoma; color: white; font-size: 11px; line-height: 11px;}
.box-news-cont a {font-family: tahoma; font-size: 11px; color: white;}
.box-news-cont a:visited {color: white;} 


.alerts { border: 1px dotted #000000; background-color: #f5f6f1; width: 85%; margin: 0 auto;}
.formlabel { width: 30%; text-align: right; }


.tablevideo { vertical-align: middle; padding-left:15px; color: white; font-family: tahoma; font-size: 11px; line-height: 11px;}
.tablevideo a:link {font-family: tahoma; font-size: 11px; color: #99ecff; line-height: 13px;}
.tablevideo a:visited {color:#99ecff}

td.newart {
	font-family: tahoma; 
	font-size: 11px; 
	line-height: 13px;
	}
td.newart a:link {color: #0e3754;}
td.newart a:visited {color: #0e3754;}

td.newart2 { 
	font-family: tahoma; 
	font-size: 11px; 
	line-height: 13px;
	}
td.newart2 a:link {color: #0e3754;} 
td.newart2 a:visited {color: #0e3754;}

IMG.magazine {
	float: left;
	margin-right: 10px;
	margin-left: 24px;
}
IMG.magazine2 {
	float: left;
	margin-right: 10px;
	margin-left: 15px;
}

.herald { width: 368px; font-family: tahoma; font-size: 11px; color: #0e3754; margin: 58px 25px 20px 27px; line-height: 13px; }
.aesthetic { width: 368px; font-family: tahoma; font-size: 11px; color: #0e3754; margin: 60px 25px 20px 27px; line-height: 13px; }
.aesthetic a:link {color: #0e3754;}

.new {font-family: tahoma; color: #407cb5; font-size: 11px;}
.leftcol {height: 45px; background-image: url('images/llamadagratis.jpg'); background-repeat: no-repeat;}
.leftcol2 {height: 45px; background-image: url('images/llamadagratis2.jpg'); background-repeat: no-repeat;}

p.numbers {
	margin-top: 570px; 
	font-size: 14px;
	font-weight: bold;
	color: #8d0070;
	position: relative;
	top: 0;
	text-align: center;
}

p.disclaimer {
	text-align: center; 
	line-height: 14px; 
	font-weight: bold;
	position: relative;
	top: 30px;
}

#gallerybtn {
	width: 750px;
	height: 70px;
	float: left;
	background-image: url('http://balharboursurgery.com/images/gallerybtn.jpg');
	background-repeat: no-repeat;
	line-height: 60px;
	text-align: center;
}

#gallerybtn a {
	width: 700px;
	height: 60px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
}

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