/*------------------------------------------------

Enhancement Surgery: Stephan L Ralston, MD
Style Sheet

--------------------------------------------------*/


/*---Body----*/



html {

	height: 100%;

}


body {

	font-size: 12px;
	color: #000000;
	margin: 0px auto;
	text-align:center;
	background-image: url(images/main-bg-tile.gif);
}




/*---Masthead----*/


#masthead {

	background-image: url(images/masthead-bg.png);
	background-repeat: repeat-x;
	height: 61px;
	border-bottom: solid 1px #fff;

}


.masthead-content {

	width: 800px;
	margin: 0px auto;
	padding-top: 8px;

}




.logo {

	
	width: 211px;
	height: 48px;
	float: left;


}


.logo img {

	width: 211px;
	height: 48px;
}


.logo a img {

	border: solid 0px #ffffff;
	outline: none;
}


/*---Navigation----*/

.navigation {

	width: 700px;
	float: right;
	text-align: right;
	position: bottom right;
	padding: 32px 0px 0px 0px;
	margin: -47px;

}


.navigation a {

	font-family: arial;
	color: #fff;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
	height: 24px;
	position: relative;
	padding: 5px 10px 5px 15px;
	outline: none;
	
}


.navigation a:hover {

	background-color: #39577d;
	outline: none;


}


/*---Top Content---*/


#top-content {

	background-color: #39577d;
	border-bottom: 2px #fff solid;

}



/*---Flash Movie on Index page---*/

.flash-piece {

	height: 341px;
	border-bottom: solid 1px #fff;
	outline: none;
}



.flower-top {

	background-image: url(images/other-page-top.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 800px;
	height: 206px;
	margin: 0px auto;


}



.flower-top img {

	float: left;

}



/*---Main Content---*/



/*---Background Piece---*/

.main-content {

	background-image: url(images/bg-tile.png);
	background-repeat: repeat-y;
	width: 800px;
	margin: 0px auto;
	z-index: 1;



}


.bottom {

	background-image: url(images/bottom.png);
	height: 83px;
	clear: both;


}



.bottom-shadow {

	background-color: #9ea5ac;
	background-image: url(images/btm-shadow.gif);
	background-repeat: no-repeat;
	height: 13px;


}



.top {

	background-image: url(images/top.png);
	height: 13px;



}


/*---Content area for web pages---*/


.content-container {

	padding: 15px 40px 0px 40px;


	

}



.content-container-left {

	float: left;
	width: 460px;

}


.content-container-left p {

	font-family: arial, sans-serif;
	color: #000;
	font-size: 12px;
	text-align: left;
	line-height: 140%;
}


.content-container-left b {

	font-family: arial, sans-serif;
	color: #000;
	font-size: 12px;
	text-align: left;
	text-decoration: none;

}



.content-container-left h1 {

	font-family: arial, sans-serif;
	color: #39577d;
	font-size: 24px;
	text-align: left;

}



.content-container-left ul {

	font-family: arial, sans-serif;
	color: #39577d;
	font-size: 12px;
	text-align: left;
	line-height: 200%;
	list-style-image: url(images/list-bullet.gif);
}




.content-container-left li {

	list-style-type: square;
}





.content-container-left h2 {

	font-family: arial, sans-serif;
	color: #a3c6da;
	font-size: 16px;
	text-align: left;

}




.content-container-left h3 {

	font-family: arial, sans-serif;
	color: #000000;
	font-size: 14px;
	text-align: left;

}





.content-container-left a {

	font-family: arial, sans-serif;
	color: #ff6600;
	font-size: 12px;
	text-align: left;
	outline: none;


}




.map {


	border: solid 1px red;
	z-index: 100;

}


/*---Content area for procedures pages---*/



.content-container-left-procedures {

	width: 700px;


}




.before-proc {

	float: left;
	clear: left;
	width: 320px;
	margin: 10px 0px 0px 0px;

}



.after-proc {

	float: right;
	clear: right;
	width: 320px;
	margin: 10px 0px 0px 0px;

}


.content-container-left-procedures a {

	background-image: url(images/page_nav.gif);
	background-repeat: no-repeat;
	display: inline;
	width:75px;
	height:29px;
	font-family: arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	outline: none;
	text-decoration: none;
	padding: 5px 15px 15px 15px;
	margin: 0px 0px 5px 0px;
	position: relative;
	font-weight: 800;
	letter-spacing: 1px;

}



.content-container-left-procedures a:hover {

	background-image: url(images/page_nav_over.gif);

}





.content-container-left-procedures img {

	margin: 1px;
	border: solid 1px #39577d;


}




.content-container-left-procedures p {

	font-family: arial, sans-serif;
	color: #000;
	font-size: 12px;
	text-align: left;
	line-height: 140%;
}


.content-container-left-procedures b {

	font-family: arial, sans-serif;
	color: #000;
	font-size: 12px;
	text-align: left;
	text-decoration: none;

}



.content-container-left-procedures h1 {

	font-family: arial, sans-serif;
	color: #39577d;
	font-size: 24px;
	text-align: left;

}



.content-container-left-procedures ul {

	font-family: arial, sans-serif;
	color: #39577d;
	font-size: 12px;
	text-align: left;
	line-height: 200%;
	list-style-image: url(images/list-bullet.gif);
}




.content-container-left-procedures li {

	list-style-type: square;
}





.content-container-left-procedures h2 {

	font-family: arial, sans-serif;
	color: #a3c6da;
	font-size: 16px;
	text-align: left;

}




.content-container-left-procedures h3 {

	font-family: arial, sans-serif;
	color: #000000;
	font-size: 14px;
	text-align: left;

}


/*---Content area for right side on content pages---*/



.content-container-right {

	background-image: url(images/back-tile.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	float: right;
	width: 234px;
	padding: 0px 0px 0px 0px;
	border-left: solid 1px #d2e3ed;
	text-align: left;
	margin: 15px 1px 0px 0px;

}


.content-container-right b {

	font-family: arial, sans-serif;
	color: #39577d;
	font-size: 20px;
	text-align: left;
	text-decoration: none;

}



.content-container-right p {

	font-family: arial, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align: left;
	padding: 0px 25px 0px 15px;
	text-decoration: none;

}





.content-container-right a {

	font-family: arial, sans-serif;
	color: #39577d;
	font-size: 14px;
	text-align: left;
	padding: 0px 0px 0px 35px;
	text-decoration: none;
	outline: none;

}



.content-container-right a:hover {

	color: #ff6600;

}




.question {


	font-family: arial, sans-serif;
	color: #39577d;
	font-size: 12px;
	font-weight: bolder;
	


}


.answer {


	font-family: arial, sans-serif;
	color: #808284;
	font-size: 12px;


}


.blue-style {

	font-family: arial, sans-serif;
	color: #a3c6da;
	font-size: 15px;
	font-weight: bolder;

}


.quote-text {

	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	font-family: georgia;
	font-size: 16px;
	font-style: italic;
	color: #39577d;
	text-align: left;
	padding: 15px 20px 0px 20px;
	margin: 0px 0px 0px 5px;

}



.quote-text img{

	margin: 0px 10px 0px 15px;
	float: right;

}


.quote-text2 {

	font-family: arial;	
	font-size: 14px;
	color: #a3c6da;
	float: left;
	margin: 0px 0px 0px 30px;
	text-align: left;


}




/*---Procedures Area on Index Page---*/



/*---Left Procedure Box on Index Page---*/


.left {


	width: 205px;
	float: left;
	text-align: left;

}


.left p {

	font-family: arial,sans-serif;
	color: #000000;
	font-size: 12px;
	padding: 0px 10px 0px 10px;

}



.left h2 {

	font-family: arial,sans-serif;
	color: #ff6600;
	font-size: 15px;
	padding: 0px 5px 0px 10px;
}



.left a {

	font-family: arial,sans-serif;
	color: #fff;
	font-size: 11px;
	font-weight: bolder;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 91px;
	height: 29px;
	padding: 6px 0px 0px 7px;
	text-decoration: none;
	outline: none;
}



.left a:hover {

	background-image: url(images/nav_over.gif);

}




/*---Middle Procedure Box on Index Page---*/


.middle {

	width: 205px;
	float: left;	
	margin: 0px 0px 0px 48px;
	text-align: left;

}


.middle p {

	font-family: arial,sans-serif;
	color: #000000;
	font-size: 12px;
	padding: 0px 10px 0px 10px;

}


.middle h2 {

	font-family: arial,sans-serif;
	color: #ff6600;
	font-size: 16px;
	padding: 0px 10px 0px 10px;
}


.middle a {

	font-family: arial,sans-serif;
	color: #fff;
	font-size: 11px;
	font-weight: bolder;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 91px;
	height: 29px;
	padding: 6px 0px 0px 7px;
	text-decoration: none;
	outline: none;
}



.middle a:hover {

	background-image: url(images/nav_over.gif);

}


/*---Right Procedure Box on Index Page---*/


.right {

	width: 205px;
	float: right;
	text-align: left;

}


.right p {

	font-family: arial,sans-serif;
	color: #000000;
	font-size: 12px;
	padding: 0px 10px 0px 10px;

}

.right h2 {

	font-family: arial,sans-serif;
	color: #ff6600;
	font-size: 16px;
	padding: 0px 10px 0px 10px;
}


.right a {

	font-family: arial,sans-serif;
	color: #fff;
	font-size: 11px;
	font-weight: bolder;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 91px;
	height: 29px;
	padding: 6px 0px 0px 7px;
	text-decoration: none;
	outline: none;
}



.right a:hover {

	background-image: url(images/nav_over.gif);

}



/*---The Footer---*/



#footer {

	font-family: arial,sans-serif;
	color: #fff;
	font-size: 10px;	
	text-align: left;
	width: 800px;
	padding: 5px 0px 0px 20px;
	margin: 0px auto;


}



#footer a {

	font-family: arial,sans-serif;
	color: #fff;
	font-size: 10px;	
	padding: 0px 10px 0px 5px;
	display: inline;
	text-decoration: none;
	outline: none;	

}



#footer a:hover {

	color: #39577d;

}




/*---The Form---*/



.content-container-left form {

	border: solid 1px #39577d;
	padding: 0px 15px 15px 15px;
	background-image: url(images/form_cut.gif);
	background-repeat: no-repeat;
	background-position: bottom right;

}



.content-container-left form b {

	font-family; arial, sans-serif;
	font-size: 16px;
	color: #39577d;

}



.content-container-left form i {

	font-family; arial, sans-serif;
	font-size: 12px;
	color: #ff6600;

}


.content-container-left label {

	display: block;
	color: #000000;

}


.content-container-left imput {

	width: 200px;

}


.content-container-left textarea {

	width: 300px;
	height: 100px;
	



}

.content-container-left input.radio, input.checkbox, input.submit {

	width: auto;

}




/*---The Form on the right box---*/


.content-container-right form{

	width: 170px;


}



.content-container-right form p {

	font-family; arial, sans-serif;
	font-size: 12px;
	color: #000000;

}



.content-container-right form b {

	font-family; arial, sans-serif;
	font-size: 13px;
	color: #39577d;

}



.content-container-right form i {

	font-family; arial, sans-serif;
	font-size: 10px;
	color: #ff6600;

}


.content-container-right label {

	display: inline;
	color: #000000;

}


.content-container-right imput {

	width: 200px;

}



.content-container-right textarea {

	width: 150px;
	height: 100px;
	text-align: left;



}

.content-container-right input.radio, input.checkbox, input.submit {

	width: auto;

}


.right-form {

	float: right;
	width: 78px;
	padding: 0px 5px 50px 0px;
	clear: right;
	


}



.left-form {

	float: left;
	width: 78px;
	


}