/*
 * BLUE COLOR = #0191CF
 * STEELY BLUE = #3785A6
 *
/*
 
/* ============================== W E B K I T =============================== */

.geoLight { 
	font-family: Geometric231BT-LightC;
	font-weight: normal;
	font-style: normal;
}
.geoRoman { 
	font-family: Geometric231BT-RomanC;
	font-weight: normal;
	font-style: normal;
}
.geoBold { 
	font-family: Geometric231BT-BoldC;
	font-weight: normal;
	font-style: normal;
}
.geoHeavy { 
	font-family: Geometric231BT-HeavyC;
	font-weight: normal;
	font-style: normal;
}


/* ============================== M A I N =============================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body {
	font-size:100%;
	line-height:100%;
	background:#171717;
	font-family:Geometric231BT-RomanC;
	color:#D6D6D6;
	text-align:center;
}

strong {
	font-family:Geometric231BT-RomanC;
}	

.wrapper {
	width:90%;
	max-width:1000px;
	height:100%;
	margin:0 auto;
}		


/* ============================== U N I V E R S A L  C L A S S E S =============================== */


.hide_smartphone {
	display:none;
}	

/* ============================== M A I N  D I V S ============================== */

#home, #office, #about, #philosophy, #procedures {
	width:100%;
	float:left;
	border-bottom:thick solid #FFFFFF;
}



/* ============================== H O M E =============================== */


#home img.main { 
	width:100%; 
}
	
#texttop {
	display:block;
	position:absolute;
	top:1%;
	width:90%;
	max-width:1000px;
}

#topnav_container {
	margin-top:7%;
}

ul#topnav {
	font-size:70%;
	list-style:none;
	margin:0 auto;
}

ul#topnav li {
	display:inline;
	padding:0 2%;
}

ul#topnav li a {
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.1em;
}	
	
img.logo {
	width:70%;
	max-width:600px;
	position:relative;
	margin-top:20%;
}

#address {
	font-size:70%;
	line-height:120%;
	text-transform:uppercase;
	margin-top:20%;
	color:#FFFFFF;
}

#address a {
	color:#FFFFFF;
	text-decoration:none;
}			


/* ============================== C O N T A C T   T O G G L E =============================== */


a#phone_number {
	display:block;
	}	

	


/* ============================== O F F I C E =============================== */

#office {
	padding-top:0%;
}

#office_info_holder {
	width:100%;
	text-align:left;
}


.blueberry { max-width:1000px; margin:0 auto; }
.blueberry .slides { display: block; position: relative; overflow: hidden; list-style:none; }
.blueberry .slides li { position: absolute; top: 0; left: 0; overflow: hidden; }
.blueberry .slides li img { display: block; width: 100%; max-width: none; }
.blueberry .slides li.active { display: block; }
.blueberry .crop li img { width: auto; }
.blueberry .pager { height: 5px;text-align: right;display: none;}
.blueberry .pager li { display: none; } /*display: inline-block;*/
.blueberry .pager li a, .blueberry .pager li a span {display: none; height: 3px;width: 3px;} /*display: block;*/
.blueberry .pager li a { display: none; padding: 18px 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.blueberry .pager li a span {display: none; overflow: hidden;background: #404040;text-indent: -9999px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.blueberry .pager li.active a span { display: none; background: #c0c0c0; }

			
ul#office_info { list-style:none; }	
ul#office_info li { display:block; line-height:130%; }	
ul#office_info li a { color:#D6D6D6; text-decoration:none; }	
ul#office_info li .office_title { display:none; }

#mapdir {	
	font-size:80%;
	letter-spacing:0.05em;
	width:100%;
	text-align:center;
	margin:5% 0;
	padding:4% 0;
	clear:both;
}	

#mapdir a {
	text-transform:uppercase;
	color:#D6D6D6;
	text-decoration:none;
}

/* =================================== A B O U T ==================================== */

#about {
	padding-bottom:10%;
	padding-top:3%;
}

.quote {
	font-size:120%;
	line-height:120%;
	width:90%;
	padding:0 10% 3% 0;
	margin-bottom:4%;
	color:#3785A6;
	text-align:left;
	font-family:Geometric231BT-LightC;
	border-bottom:double medium #D6D6D6;
}

.left {
	width:50%;
}

.left img {
	width:100%;
	max-width:350px;
	margin:10% 0;
}	

.right {
	line-height:130%;
	width:100%;
	text-align:left;
	font-family:Geometric231BT-LightC;
}		

.right p {
	margin-bottom:5%;
}
	
.right a {
	color:#D6D6D6;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Geometric231BT-RomanC;	
}	

.right a.bio {
	text-transform:none;
}

#about_links {
	letter-spacing:0.1em;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Geometric231BT-LightC;	
	margin-top:10%;
}

#about_links a {
	font-size:60%;
	line-height:200%;
	letter-spacing:0.1em;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Geometric231BT-LightC;	
}

#about_links a.push {
	margin-left:5%;
}

#about_links .other_useful_links {
	font-size:80%;
	margin-left:5%;
	border-bottom:solid 2px #3A3A3A;
	padding-bottom:1%;
}	
	
#about_links img.link_logo {
	width:4%;
	margin-right:1%;
	margin-left:0%;
	vertical-align:middle;
}

/* ============================== P H I L O S O P H Y =============================== */

#philosophy {
	padding-bottom:10%;
	padding-top:3%;
}

.question {
	padding-bottom:10%;
}	

hr {
	margin-left:0%;
	margin-top:5%;
	border:0px;
	height:0.1em;
	background-color:#3A3A3A;
	margin-bottom:7%;
	
}	



/* 
 * See more classes in  A B O U T  section *
/*


/* ============================== P R O C E D U R E S =============================== */

#procedures {
	padding-bottom:3%;
	padding-top:3%;
	border-bottom:0px;
}

#procedures_intro {
	line-height:130%;
	text-align:left;
	width:100%;
	margin:4% 0;
	font-family:Geometric231BT-LightC;
}

.backtotop a {
	display:none;
}	

ul#breast_face_body {
	margin-bottom:5%;
	width:100%;
	float:left;
	clear:both;
	list-style:none;
	text-align:left;
	overflow:hidden;
}	

ul#breast_face_body li {
	display:inline-block;
	text-align:center;
	vertical-align:top;
	float:left;
	width:33.3333%;
}

ul#breast_face_body li img {
	width:95%; 
	clear:both;
}	
	
ul#breast_face_body li a {
	color:#D6D6D6;
	text-decoration:none;
}	

#breast_procedures, #face_procedures, #body_procedures {
	width:100%;
	height:100%;
	clear:both;
	padding-top:5%;
}
	
.procedure_header {
	font-size:120%;
	border-top:solid thick #3A3A3A;
	border-bottom:solid thick #3A3A3A;
	clear:both;
	width:100%;
	text-align:left;
	font-family:Geometric231BT-LightC;
	text-indent:1%;
	padding:2% 0;
	margin-bottom:6%;
}	

.sidenav {
	width:25%;
	float:left;
	text-align:left;
	margin-bottom:10%;
	height:100%;
	font-family:Geometric231BT-LightC;
}

.sidenav ul {
	list-style:none;
}	

.sidenav ul li {
	margin-bottom:20%;
}		

.sidenav ul li a {
	color:#D6D6D6;
	text-decoration:none;
	text-transform:none;
	cursor:pointer;
	padding:2% 2% 1% 2%;
}


#popupbreast div, #popupface div, #popupbody div {
	display:none;
}	

#popupbreast div.show, #popupface div.show, #popupbody div.show {
	display:block;
}

ul#linksbreast li, ul#linksface li, ul#linksbody li {
	cursor:pointer;
}

#a_armlift, #a_liposuction, #a_tummytuck, #a_postgastric,
#a_browlift, #a_cheek, #a_chin, #a_eyelids, #a_facelifts, #a_injectable, #a_nose, #a_botox,
#a_breastaugmentation, #a_breastcancer, #a_breastreduction, #a_autologous, #a_breastlift, #a_malebreastreduction {
	font-family:Geometric231BT-LightC;
	width: 60%;
	float:left;
	text-align:left;
	padding-left:5%;
	margin-left:5%;
	display:none;
	border-left:solid thin #3A3A3A;
}	

.faq_header {
	font-size:80%;
	color:#3785A6;
	text-transform:uppercase;
	font-family:Geometric231BT-RomanC;
}

.q {
	font-size:70%;
	line-height:130%;
	font-family: Geometric231BT-HeavyC;	
	vertical-align:middle;
	padding-bottom:1%;
}		

.procedure_question {
	cursor:pointer;
	vertical-align:middle;
	margin-top:5%;
}	

.procedure_answer {
	line-height:120%;
	border-top:solid thin #3A3A3A;
	border-bottom:solid thin #3A3A3A;
	padding:5% 3%;
	margin:5%;
	color:#C4C4C4;
}	

.procedure_answer a {
	color:#FFFFFF;
	text-decoration:none;
}	

.browlift, .buccal, .cheek, .chin, .eyelids, .facelifts, .injectable, .neck, .nose, .botox, .radiance, .restylane, .scuptra {
	display:none;
}	


/* 
 * See more classes in  A B O U T  section *
/*


/* ============================== F O O T E R ============================== */

#footer {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:3% 0 10% 0;
	text-align:center;
	color:#FFFFFF;
	float:left;
	border-top:thick solid #FFFFFF;
	font-family: Geometric231BT-LightC;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}		





/* ============================== S C R O L L  N A V ============================== */

#scroll_nav {
	display:block;
	width:90%;
	max-width:1000px;
	font-family: Geometric231BT-BoldC;
	background:#171717;
	background: rgb(23, 23, 23); /* Fall-back for browsers that don't support rgba */
    background: rgba(23, 23, 23, .5);	
    padding:0.5% 0 1% 0;
	position:fixed;
	z-index:1;
}

#scroll_nav #contact_scroll {
	display:inherit;
	float:right;
}

#scroll_nav a#full_name {
	display:inherit;
	font-size:160%;
	color:#FFFFFF;
	margin-bottom:1%;
	letter-spacing:0.12em;
	text-transform:uppercase;
	text-decoration:none;
	clear:both;
}

#scroll_nav ul {
	display:inherit;
	list-style:none;
	width:100%;
	margin:0 auto;
	font-size:60%;
	text-transform:uppercase;
	letter-spacing:0.1em;
}

#scroll_nav ul li {
	display:inline;
	margin:0 1%;
}

#scroll_nav ul li a {
	color:#FFFFFF;
	text-decoration:none;
}	

#scroll_nav ul li a:hover {
	border-bottom:0.25em solid #FFFFFF;
}


/* ============================== C O N T A C T   T O G G L E =============================== */

#contact_scroll {
	font-size:70%;
	display:block;
	top:2%;
	float:right;
}

#contact_toggle {
	display:none;
}


#contact_scroll {
	margin-right:1%;
}

a#contact_arrow, a#contact_scroll_link {
	display:inline;
	float:right;
	font-size:70%;
	letter-spacing:0.1em;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:1%;
	text-align:center;
	}	

a#contact_scroll_link {
	margin-top:0.5%;
}
		
#contact_click, #contact_scroll_box {
	background:#3785A6;
	border:thick solid #FFFFFF;
	width:200px;
	height:auto;
	color:#000000;
	font-family:Geometric231BT-BoldC;
	font-size:90%;
	top:4%;
	right:0%;
	position:absolute;
	padding:1%;
}	

#contact_scroll_box {
	top:30%;
}

#contact_click a, #contact_scroll_box a {
	color:#000000;
	text-decoration:none;
}	

#contact_click .white, #contact_scroll_box .white {
	color:#FFFFFF;
}

#contact_click p.roman, #contact_scroll_box p.roman {
	font-family:Geometric231BT-RomanC;
}	

#contact_click hr, #contact_scroll_box hr {
	width:80%;
	border:0px;
	height:1px;
	margin:5% auto;
	background-color:#000000;
}	

	




#office, #about, #philosophy, #procedures {
	padding-top:22%;
}