@import url("global.css");

img {
	border:none;
}

#ContentBox{
display:table;
}

#ContentBox2{
	line-height:30px;
	margin:20px 10px 20px 50px;
	width:769px;
}

/*Sub Page Hero images */
#Hero {
	width:769px;
	height:105px;
}
#Meet #Hero{
		background:url(../images/meet_graphic.jpg) no-repeat;
}
#Procedures #Hero{
	background:url(../images/procedures_hero.jpg) no-repeat;
}
#Products #Hero{
	background:url(../images/products_hero.jpg) no-repeat;
}
#Contact #Hero{
	background:url(../images/contact_hero.jpg) no-repeat;
}
#Testimonials #Hero{
	background:url(../images/testimonials_hero.jpg) no-repeat;
}
#Facelift #Hero{
	background:url(../images/face_hero.jpg) no-repeat;
}
#Rhinoplasty #Hero{
	background:url(../images/nose_hero.jpg) no-repeat;
}
#JanMarini #Hero{
	background:url(../images/jan_marini_hero.jpg) no-repeat;
}
#Obagi #Hero{
	background:url(../images/obagi_hero.jpg) no-repeat;
}
#Gift #Hero{
	background:url(../images/gift_hero.jpg) no-repeat;
}
#ContentBox{
	width:769px;
	background:#F0F1E3;
}
/* LEFT COLUMN STYLES
---------------------- */

#ContentLeft {
background:url(../images/leftcolumn_graphic.jpg) no-repeat;
float:left;
width:295px;
}
#Facts{
padding:200px 0 0;
width:295px;
}
#Facts p{
width:195px;
margin:0 0 15px 50px;
}


/* RIGHT COLUMN STYLES
-------------------------------------------------------------------------------------- */
#ContentRight{
	float:left;
	width:472px;
	background:url(../images/sub_body_bg.gif) no-repeat;
}

ContentRight2{
	float:left;
	margin:20px 25px 20px 325px;
	padding: 20px 25px 20 px 325px;
	width:472px;
	background:url(../images/sub_body_bg.gif) no-repeat;
}

#Meet #ContentRight p,
#Procedures #ContentRight p,
#Rhinoplasty #ContentRight p,
#Facelift #ContentRight p,
#Contact #ContentRight p,
#Testimonials #ContentRight p {
margin:10px 0 0;
padding-right:10px;
}
.BackToTop {
	text-align:center;
	clear:both;
	padding:0;
	padding:20px 0 0 0;
}
.Content {
	list-style-position:inside;
	margin:15px 15px 5px 25px;
}
.Content li{
	list-style-type:circle;
}
/* Styles Exclusive to Procedures Page */
.ProceduresIndex {
	float:left;
	margin:20px 0 20px 30px;
}
/* --------------------------------------------------- */



/* Styles Exclusive to Meet Page */
#MeetColumnLeft {	/* Left column of article on Meet the Doctor page */
	width:236px;
	float:left;
}
#MeetColumnRight {	/* Right column of article on Meet the Doctor page */
	width:236px;
	float:left;
}
#MeetMedia {
	width:472px;
	float:left;
}
/* --------------------------------------------------- */



/* Styles Exclusive to Products Pages */
#ProductsPreviewPics { /* image on products.asp */
	height:190px;
}
#ProductsPreviewPics p {
	text-align:center;
	padding:175px 0 0 0;
}
#ProductsPreviewPics li {
	float:left;
}
#JanMariniPic { /* image on products.asp */
	background:url(../images/Products_JanMarini.jpg) no-repeat;
	margin:0 50px 0 0;
}
#JanMariniPic a {
	width:200px;
	height:171px;
	display:block;
}
#ObagiPic { /* image on products.asp */
	background:url(../images/Products_Obagi.jpg) no-repeat;
}
#ObagiPic a {
	width:200px;
	height:171px;
	display:block;
}
#Obagi h1, #JanMarini h1 {
	padding:0;
}
.ObagiPStyles {	/* P Styles for Obagi */
	width:356px;
	margin:10px 0 0 105px;
}
.ProductsIndex {	/* List of products at top of Jan Marini Page */
	height:175px;
	margin:20px 0 20px 0;
}
.ProductsIndex2 {	/* List of products at top of Obagi Page */
	height:175px;
	margin:20px 0 20px 0;
}
.ProductsIndex ul {
	float:left;
	padding:0 0 0 20px;
}
.ProductsIndex2 ul {
	float:left;
	padding:0 0 0 20px;
}
.ProductsIndex ul li {
	list-style:none;
}
.ProductsListStyles1 {
	margin:0 0 0 108px;
	padding:10px 15px 0 0;
}	
.ProductsListStyles1 li {
	list-style:disc;
}
.ProductsListStyles2 {
	margin:10px 0 0 120px;
}	
.ProductsListStyles2 li {
	list-style:disc;
}
.FloatLeft {	/* image styles in the ContentRight */
	border:1px solid #75958A;
	float:left;
	margin:0 10px 0 0;
}
/*Gift Certificate Info Page 
---------------------------------------- */
#Gift #ContentRight ul {
	padding:20px 0 0 0;
}
#Gift #ContentRight ul li {
	list-style:disc;
	list-style-position:inside;
	line-height:1.5em;
}
/* Contact Page Styles
---------------------------------------- */

#ContactForm li{ /* Vertical spacing between form fields */
	margin:4px 0;
	list-style:none;
}
#ContactForm label{ /* Styles for descriptions */
	width:150px;
	display:block;
	float:left;
}
#ContactForm input{
	width:200px;
}
#ContactForm textarea{
	width:200px;
	height:80px;
}

/* --------------------------------------------------- */
/* BOTTOM ROW STYLES */
#ContentBottom{
background:url(../images/ContentBottomBG.gif);
clear:both;
display:table;
width:769px;
}
#ProductsBox{
	background:url(../images/products_graphic.jpg) no-repeat;
	float:left;
	width:350px; /* add with padding to equal 375px */
	padding:140px 0 0 25px
}
#ProductsBox a{
	display:block;
}
#ProceduresBox{
	background:url(../images/procedures_graphic.jpg) no-repeat;
	float:left;
	width:391px; /* add with padding to equal 391px */
	padding:140px 0 15px;
}
#ProceduresBox ul{
	width:128px;
	float:left;
	text-align:center;
}

/* FONT STYLES
------------------------*/

#ContentRight h1 {
	font:2em Arial;
	padding:20px 0 0 0;
}
#ContentRight h2 {
	font:1.5em Arial;
	padding:20px 0 0 0;	
}
h3 {
	font:2em Arial;
	padding:0 0 10px 0;
}

/* FONT STYLES
------------------------*/