/* Common Styles */

* {margin: 0px; padding: 0px;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; background: #000 url(images/bg.png) repeat-x;}

/*  Method for easy clearing of floats http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End Hide from IE Mac */

/* Misc styles */
.floatLeft {float: left;}
.floatRight {float: right;}
.leftImg {margin-right: 10px; margin-bottom: 10px;}
.rightImg {margin-left: 10px; margin-bottom: 10px;}
.textRight {text-align: right;}
.textLeft {text-align: left;}
.textCenter {text-align: center;}
small {font-size: 80%;}
.error {color: #d20001; font-weight: bold;}
#errorMessage {display: none;}
.center {margin-right: auto; margin-left: auto;}
.hidden {display: none;}


/* Core Styles */
h2 {color: #660761; font-size: 22px; font-weight: normal; margin-bottom: 10px;}
#container {width: 996px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px;}
#logoNav {width: 296px; float: left;}
	#logo {background: url(images/logo2.png) no-repeat; width: 300px; height: 122px; margin-bottom: 10px; }
	#logo a{display: block; text-decoration: none; width: 298px; height: 122px; text-indent: -9000px; outline: none;}
#contentWrap {float: left; width: 692px;}
#miscTop {margin-bottom: 5px; margin-left: 310px; padding-top: 5px;}
	#newsletter {margin-top: 5px; color: #fff;}
	#newsletter label {font-weight: bold;}
	#newsletter {padding-left: 15px; margin-top: 15px;}
	#newsletter p {margin-bottom: 10px;}
	.newsLetterHeader {color: #fff; font-size: 14px;}
	.newsletterEmailBg {float: left; background: url(images/newsletter_bg.png) no-repeat; width: 166px; height: 22px; padding-top: 4px; padding-left: 5px;}
	#newsletterEmail, #newsletterFName, #newsletterLName { border: none; padding: 3px;  width: 155px; font-size: 12px;}
	#newsletterBtn {background: url(images/newsletter_btn.png) no-repeat; border: none; width: 72px; height: 22px;}
	#newsletterBtn span {visibility: hidden;}
	.contentTop {background: url(images/content_top.png) no-repeat; height: 16px;}
	.contentBody {background: #fff; padding: 0px 15px; color: #494848; min-height: 600px; overflow: hidden; }
	.contentBody p {padding-bottom: 10px; line-height: 22px;}
	.contentBody ul {margin-left: 25px; margin-bottom: 30px;}
	.contentBody ul li {padding: 5px; border-bottom: solid 1px #eee;}
	#flashWrap {width: 685px; position: relative; margin-top: -12px; margin-left: 4px;}
	#musicPlayer {width: 250px; margin-top: 15px; margin-left: 15px;}
	.contentBottom {background: url(images/content_bottom.png) no-repeat left bottom; font-size: 1px; height: 21px; overflow: hidden;}
	#homeBody {background-image: url(images/content_bottom_home.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 10px;}
	
#navigation ul {list-style: none;}
	#navigation ul li {margin-bottom: 4px; float: left; position: relative;}
		#navigation ul a, #navigation ul .nonLink {display: block; background: #232323; color: #8e8e8e; width: 296px; text-decoration: none; font-weight: bold; font-size: 15px;}
			#navigation .tl, #navigation .bl {width: 6px; height: 6px; display: block; }
				 #navigation .tl {left: 0px; top: 0px; background: url(images/nav_tl_inactive.gif) no-repeat; position: absolute;}
				#navigation .bl {left: 0px; bottom: 0px; background: url(images/nav_bl_inactive.gif) no-repeat; position: absolute;}
			#navigation .active a, #navigation .active .nonLink {background: #fff; color: #4f0b4b; }
			#navigation .link {display: block; background: url(images/nav_inactive.png) no-repeat 8px center; padding: 5px 5px 5px 25px; }
				#navigation .active .link {background: url(images/nav_active.png) no-repeat 8px center;}
				#navigation .active .nonLink .link {background: none;}
				#navigation .active .bl {background: url(images/nav_bl.png) no-repeat;}
				#navigation .active .tl {background: url(images/nav_tl.png) no-repeat;}
				#navigation .subnavigation {background: #fff; padding-left: 25px; padding-bottom: 15px; }
	#navigation ul li .subnavigation li {margin-bottom: 0px; padding-bottom: 5px; float: none; background: url(images/sub_bullet.png) no-repeat 0px 3px; padding-left: 15px;}
	#navigation .subnavigation a {display: inline; font-size: 12px; color: #000; font-weight: normal;}
	#navigation .subnavigation a:hover {text-decoration: underline;}
	#testimonials, #testimonialsHome {width: 600px; margin-top: 25px; margin-right: auto; margin-left: auto; padding-top: 5px;}
		#testimonials blockquote, #testimonialsHome blockquote {border-top: solid 1px #202020; border-bottom: solid 1px #202020; background: url(images/top_quote.png) no-repeat 0px 10px; padding-top: 15px; padding-bottom: 15px; padding-left: 30px; margin-bottom: 15px; color: #888888; font-size: 16px; font-style: italic; line-height: 25px;}
		.bottomQuote {background: url(images/bottom_quote.png) no-repeat bottom left; height: 20px; padding: 10px;}
		.quoteSource {text-align: right; font-size: 14px; color: #c3c3c3; font-weight: bold;}
		.testimonialItem {display: none; background: #000;}
	#testimonialItemsInt .testimonialItem {display: block; background: #fff; border-bottom: solid 1px #eee; padding-bottom: 15px;}
	#testimonialItemsInt blockquote {color: #2b2b2b; border: none; background-image: url(images/top_quote_light.png);}
	#testimonialItemsInt .bottomQuote {background-image: url(images/bottom_quote_light.png);}
	#testimonialsHome #testimonialItems a {color: #fff;}
		
		.header {width: 662px; height: 198px; text-indent: -9000px; margin-bottom: 25px;}
		.headerAbout {background: url(images/header_about2.jpg) no-repeat;}
		.headerMeetStaff {background: url(images/header_meet_staff.jpg) no-repeat;}
		.headerBecomePatient {background: url(images/header_becomepatient.jpg) no-repeat;}
		.headerMediaCenter {background: url(images/header_mediacenter.jpg) no-repeat;}
		.headerPodcasts {background: url(images/header_podcasts.jpg) no-repeat;}
		.headerLecture {background: url(images/header_lecture.jpg) no-repeat;}
		.headerNewsletter {background: url(images/header_newsletter.jpg) no-repeat;}
		.headerLibrary {background: url(images/header_library.jpg) no-repeat;}
		.headerGlossary {background: url(images/header_glossary.jpg) no-repeat;}
		.headerServices {background: url(images/header_ourservices.jpg) no-repeat;}
		.headerTherapies {background: url(images/header_therapies.jpg) no-repeat;}
		.headerSmartLipo {background: url(images/header_smartlipo.jpg) no-repeat;}
		.headerGetwell {background: url(images/header_getwell.jpg) no-repeat;}
		.headerTestimonials {background: url(images/header_testimonials.jpg) no-repeat;}
		.headerMap {background: url(images/header_map.jpg) no-repeat;}
		.headerContactus {background: url(images/header_contactus.jpg) no-repeat;}
		.headerSatEveningPost {background: url(images/header_sat_evening_post.jpg) no-repeat;}
		
		
		#smartLipo {width:360px; height:264px; margin-right: auto; margin-left: auto; margin-bottom: 25px; display: block; background: url(images/smart_lipo_screen.jpg) no-repeat;}
		#smartLipo2 {width:360px; height:264px; margin-right: auto; margin-left: auto; margin-bottom: 25px; display: block; background: url(images/smart_lipo_screen2.jpg) no-repeat;}
		
		#contentWrap .makeappointment {margin-top: 25px; clear: both;}
		#contentWrap a {color: #4f0b4b;}
		#appointmentLink {background: url(images/appointment.png) no-repeat; width: 364px; height: 58px; text-indent: -9000px; display: block; outline: none; margin-right: auto; margin-left: auto; }
		
		/* container has a background image */
		div.row a.player {	
			display:block;
			width:190px;
			height:150px;
			padding:0;	
			text-align:center;
			float:right;
			margin: 0px 0px 20px 20px;
			border: solid 5px #eee;
			outline: none;
		}
		.mediaSmartLipo2 {background: url(images/media_guyer2.jpg) no-repeat -60px -10px;}
		.mediaAntiAging {background: url(images/media_anti_aging.jpg) no-repeat;}
		.mediaCellulite {background: url(images/media_cellulite.jpg) no-repeat bottom right;}
		.mediaPainMgmt {background: url(images/media_pain_mgmt.jpg) no-repeat right center;}
		.mediaSmartLipo {background: url(images/media_smart_lipo.jpg) no-repeat left bottom;}
		.mediaIIB {background: url(images/media_iib.jpg) no-repeat center center;}
		.mediaGuyer {background: url(images/media_guyer.jpg) no-repeat 50% 40%;}
		
		.satEvenPost {float: left; width: 170px; margin: 25px;}
		.satEvenPost img {border: solid 2px #ddd;}
		 
		/* splash image */
		div.row a.player img {
			margin-top:55px;
			border:0;	
		}
		
		/* "row" contains video and "lorem ipsum" text */
		div.row  {
			border-bottom:1px dashed #ddd;
			margin-bottom: 10px;
			padding:10px;
		}
		/* styling of the container. */ 
		a.myPlayer { 
			display:block; 
			width: 280px; 
			height:210px;  
			text-align:center;
			border:4px solid #eee; 
		} 
		.videoWrapPlayer {float: left; width: 280px; margin: 20px;}
		 
		/* play button */ 
		a.myPlayer img { 
			margin-top:90px; 
			border:0px; 
		} 
		 
		/* when container is hovered we alter the border color */ 
		a.myPlayer:hover { 
			border:4px solid #aeaeae; 
		}
		
		#testimonialVidWrap {border-bottom: solid 3px #eee; padding-bottom: 20px; margin-bottom: 30px;}
		
		.audioPlayer {height: 40px; width: 650px; display: block; margin-bottom: 25px;}
		.clips {margin-bottom: 25px;}
		.clips a, .comingSoon {outline: none; width: 150px; float: left; display: block; background: url(images/podcast.gif) no-repeat 5px 7px;  color: #000; text-decoration: none; border: solid 1px #ddd; padding: 7px 7px 7px 45px; height: 45px; margin: 5px;}
		.clips a.activePlay {border: solid 1px #9730aa; background-color: #fefaff;}
		.comingSoon {color: #909090;}
		.clips a span {display: none; color: #660761; font-style: italic;}
		.staffItem {padding: 20px 10px 20px 0px; border-bottom: dashed 1px #ddd;}
		.staffItem img {float: left;}
		.staffContent {margin-left: 175px;}
		
		#contentWrap .downloadBooklet {background: url(images/clipboard.png) no-repeat 5% 50%; float: right; display: block; padding: 10px 10px 10px 30px; border: solid 2px #ddd; margin-bottom: 20px; margin-left: 20px; width: 240px; margin-top: 20px; text-align: center; text-decoration: none; font-size: 16px; font-weight: bold; color: #0958aa;}
		
		#lectureSchedule {width: 100%;}
		#lectureSchedule th, #lectureSchedule td {padding: 5px;}
		#lectureSchedule th {background: #a8d5ef; font-weight: bold; color: #497995;}
		#lectureSchedule td {border-bottom: solid 1px #eee;}
		#googleMap {width: 100%; height: 400px; border: solid 1px #ddd; color: #000;}
		#googleMap a {color: #000; text-decoration: none; font-weight: bold; font-size: 14px;}
		#googleMap .address {font-size: 11px; line-height: 16px;}
		#googleMap .address a {color: #0269d1 !important; text-decoration: underline; font-size: 11px; font-weight: normal;}
		
		#contactform {padding-bottom: 50px;}
		#contactform fieldset {border: solid 1px #ddd; padding: 10px;}
		#contactform fieldset legend {margin-left: 10px; padding-right: 5px; padding-left: 5px; color: #660761; font-weight: bold;}
		#contactform label {font-weight: bold;}
		
		.noMinHeight {min-height: 356px !important; padding: 0px !important;}
		#homepageContent {color: #e8e8e8 !important; padding: 20px; line-height: 20px;}
		#homepageContent h2 {color: #fff;}
		
		/* Blog related Styles */
		.post {border-bottom: solid 3px #eee; padding-bottom: 20px; margin-bottom: 20px;}
		.metaInfo {margin-bottom: 15px; background: #efefef; font-size: 12px; padding: 3px;}
		.postmetadata {background: #dbebf5; padding: 4px; border: solid 1px #b4d0e1; margin-bottom: 15px;}
		#content .postmetadata a {color: #33556b;}
		#commentform textarea {width: 550px; padding: 4px;}
		#content h3 {margin-bottom: 10px;}
		.avatar {float: left; margin-right: 10px; padding: 4px; background: #fff; border: solid 1px #ddd;}
		.commentlist p {clear: both;}
		.comment{padding: 10px; margin-bottom: 20px; margin-left: 20px;}
		.odd {background: #f0f0f0;}
		.comment-meta {margin-bottom: 25px; font-size: 11px;}
		#comments {color: #b83b42; font-size: 20px; margin-bottom: 25px;}
		
		#footer {margin-top: 40px; font-size: 11px; padding-top: 10px; line-height: 22px;color: #8c8c8c; border-top: solid 1px #191919; text-align: center;}
		#footer a {color: #aeaeae; text-decoration: none;}
		#footer a:hover {text-decoration: underline;}