/* 
CSS Document
Author: Jeetendra Shimpi
Creation date: 19th Dec 2007
Type: Style Document for 
Format: CSS 
*/

*
{
margin: 0;
}

body
{
font-family: arial;
}

h1, h2, h3, h4, h5, h6
{
font-family: "Trebuchet MS";
color: #AD84FF;
}

h1
{
font: bold 20px "Trebuchet MS";
margin: 10px 0;
}

p
{
margin: 0 0 10px 0;
font: 11px tahoma;
line-height: 22px;
text-align: justify;
float: inherit;

}

img
{
border: 0;
}




/* Structure */

#wrapper
{
width: 934px;
margin: 0 auto;
background: url(../images/wrapper-bg.jpg) repeat-y top left;
padding: 0 8px 0 8px;
overflow:hidden;
}

#toppatch, #bottompatch
{
background: url(../images/top-bg.jpg) repeat-x top left;
float: left;
width: 934px;
height: 7px;
}

#bottompatch
{
background: url(../images/bottom-bg.jpg) repeat-x top left;
}



/* Content */


#container-left
{
width: 200px;
float:left;
padding: 0 30px 0 29px;
}

#container-right
{
width: 270px;
float: right;
margin: 0 30px 0 0;
padding: 0 0 0 75px;
}


/* Body IDS */

#body_index #container
{
width: 950px;
float: left;
}

#body_index #container-left
{
width: 670px;
background: url(../images/home-cont-leftbg.jpg) no-repeat top left;
height: 400px;
margin: 0;
padding: 0;
}

#body_index #container-right
{
width: 270px;
margin: 0;
padding: 150px 0 0 0;
}

#body_index #container-right h1
{
width: auto;
}



#body_home #container,
#body_stanton #container,
#body_aging #container,
#body_surgery-new #container
#body_resources #container,
{
width: 904px;
float: left;
padding: 0 0 0 30px;
}

#body_aging #container
{
background: url(../images/aging-bg.jpg) no-repeat top left;
}



#body_stanton #container-left,
#body_aging #container-left,
#body_contact #container-left,
#body_surgery-new #container-left
#body_resources #container-left,
{
width: 265px;
margin: 0;
padding: 20px 0 0 19px;
float: left;
height: auto;
}

#body_contact #container
{
font: 11px arial;
}


#body_contact #container-left
{
width: 550px;
padding: 20px 0 0 30px;
}


#body_resources #container-right{
width: 500px;
float: left;
margin: 0;
padding: 20px 0 0 30px;
}

#body_stanton #container-right,
#body_aging #container-right,
#body_contact #container-right,
#body_surgery-new #container-right

{
width: 550px;
margin: 0;
padding: 20px 0 0 30px;
float: left;
height: auto;

}

#body_contact #container-right
{
width: 265px;
padding: 20px 0 0 19px;
height: 300px;
}

#body_contact #container-right span
{
display: block;
}


span.block
{
display: block;
}

span#entry-block
{
width: 180px;
display: block;
border-top: 1px solid #000; 
border-bottom: 1px solid #000; 
font: bold 11px arial;
padding: 5px 0;
}




#container-left p a
{
text-decoration: none;
color: #AD84FF;
font-weight: bold;
}

.readmore
{
/*background: url(../images/hellip-dots.jpg) no-repeat top right;
padding: 0 50px 0 0px;*/
font: 11px tahoma;
height: 30px;
display: block;
width: 60px;
}

.readmore a
{
text-decoration: none;
color: #fc0;
}



/* Footer */

#footer
{
width: 934px;
}

#footer-left
{
width: 714px;
float: left;
height: 96px;
padding: 60px 0 0 0;
background: url(../images/footer-bg.jpg) repeat-x top left;
}
	
#footer-right
{
width: 220px;
float: left;
height: 156px;
margin: 0;
padding: 0;
background: url(../images/footer-bg.jpg) repeat-x top left;
}
 
		
	
	#footer-left ul
	{
	list-style:none;
	padding: 0 0 0 20px;
	}
	
	#footer-left li
	{
	float:left;
	}
	
	#footer-left li a
	{
	height: 26px;
	color: #fff;
	float:left;
	font: bold 12px "Trebuchet MS";
	margin: 0px 5px 0 0;
	padding: 10px 12px 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	}
	
	

	#body_home li#home,
	#body_stanton li#stanton,
	#body_surgery-new li#surgery-new,
	#body_aging li#aging,
	#body_contact li#contact
	{
	background:url(../images/rightcurve.gif) no-repeat right top;
	}
	
	#body_home li#home a,
	#body_stanton li#stanton a,
	#body_surgery-new li#surgery-new a,
	#body_aging li#aging a,
	#body_contact li#contact a
	{
	background:url(../images/leftcurve.gif) no-repeat left top;
	}

span#copyright
{
width: 500px;
float: left;
font: 11px arial;
margin: 40px 0 0 30px;
color: #8048F1;
display: block;
padding: 0 0 20px 0;
}
	
/* Tip Box */

#tipbox
{
width: 500px;
float: left;
}


#tipleft, #tipright, #tipmid
{
width: 8px;
background: url(../images/tip-left-bg.jpg) no-repeat top left;
height: 137px;
float: left;
}

#tipright
{
background: url(../images/tip-right-bg.jpg) no-repeat top left;
}

#tipmid
{
width: 484px;
background: url(../images/tip-mid-bg.jpg) repeat-x top left;
}
	#tipmid-Lcol
	{
	width: 150px;
	float: left;
	}
	
		#tipmid-Lcol span.recinfo
		{
		font: bold 20px Georgia, "Times New Roman", Times, serif;
		color: #fff;
		float: left;
		margin: 20px 0 0 10px;
		padding: 0 10px 0 0;
		border-right: 1px solid #DDF;
		}
		
		#tipmid-Lcol span.num
		{
		font: bold 15px Georgia, "Times New Roman", Times, serif;
		color: #fff;
		float: left;
		}
	
	
	

	#tipmid-Rcol
	{
	width: 333px;
	float: left;
	margin: 10px 0 0 0;
	}
		
		#tipmid-Rcol ul
		{
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
	
		#tipmid-Rcol ul li.first, #tipmid-Rcol ul li.second
		{
		height: 29px;
		font: 11px arial;
		color: #fff;
		}
		
		#tipmid-Rcol ul li span
		{
		font: bold 11px arial;
		color: #6D39B8;
		}


		#tipmid-Rcol ul li.second
		{
		background: url(../images/Rcol-li-bg-second.jpg) repeat-y top left;
		}

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album 
{
width:270px; 
height:175px; 
background:url(../gallery/pic1.jpg) 0 0 no-repeat;
float: left;
margin-top:0 0 0 0;

}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:200px 0 0 0px; 
list-style-type:none; 
position:relative; 
width:270px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background: url(../images/hellip-dots.jpg) no-repeat top right;
width:16px; 
height:16px; 
margin:2px 0 0 5px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-175px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-200px;
}

/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}

/* Form */

form
{
float: left;
}

.formblock
{
width: 500px;
margin: 0 0 10px 0;
float: left;
}

.formblock label
{
width: 300px;
display: block;
margin: 0 0 0 0px;
padding: 0 0 0 8px;
float: left;
display:inline;
}

.inserts
{
float: left;
}

.inserts input.area
{
width: 305px;
background: url(../images/inputbg.jpg) no-repeat top left;
border: 0;
height: 27px;
margin: 0px 0 0 0;
padding: 8px 0 0 15px;
float: left;
}

.inserts input.button
{
width: auto;
height: 35px;
padding: 0px 0 0 0px;

}

/* Tip Box */

#tipbox-hp
{
width: 670px;
float: right;
margin: 0 20px 0 0;
}

#tipleft-hp, #tipright-hp, #tipmid-hp
{
width: 8px;
background: url(../images/tip-left-bg.jpg) no-repeat top left;
height: 137px;
float: left;
}

#tipright-hp
{
background: url(../images/tip-right-bg.jpg) no-repeat top left;
}

#tipmid-hp
{
width: 654px;
background: url(../images/tip-mid-bg.jpg) repeat-x top left;
}

	#tipmid-Lvideo-hp, #tipmid-Lcol-hp, #tipmid-Rcol-hp 
	{
	width: 160px;
	margin: 10px 0 0 0;
	float: left;
	}

	#tipmid-Lcol-hp
	{
	width: 150px;
	margin: 0 0 0 0;
	}
	
	#tipmid-Rcol-hp
	{
	width: 333px;
	}
	
	
		#tipmid-Lcol-hp span.recinfo
		{
		font: bold 20px Georgia, "Times New Roman", Times, serif;
		color: #fff;
		float: left;
		margin: 20px 0 0 10px;
		padding: 0 10px 0 0;
		border-right: 1px solid #DDF;
		}
		
		#tipmid-Lcol-hp span.num
		{
		font: bold 15px Georgia, "Times New Roman", Times, serif;
		color: #fff;
		float: left;
		}
	
	

		#tipmid-Rcol-hp ul
		{
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
	
		#tipmid-Rcol-hp ul li.first, #tipmid-Rcol-hp ul li.second
		{
		height: 29px;
		font: 11px arial;
		color: #fff;
		}
		
		#tipmid-Rcol-hp ul li span
		{
		font: bold 11px arial;
		color: #6D39B8;
		}


		#tipmid-Rcol-hp ul li.second
		{
		background: url(../images/Rcol-li-bg-second.jpg) repeat-y top left;
		}


#surgery-link
{
float: left;
font: 12px "Trebuchet MS";
margin: 0 0 0 30px;
color: #996699;
height: 30px;
}

#surgery-link a
{
text-decoration: none;
color: #996699;
}

#surgery-link a:hover
{
text-decoration: underline;
}


#surgery-option
{
width: 934px;
float: left;
height: 400px;
}

#surgery-option #facelift, 
#surgery-option #forehead,
#surgery-option #eyelid,
#surgery-option #breast-aug,
#surgery-option #breast-lift,
#surgery-option #breast-redu,
#surgery-option #noice-reshape,
#surgery-option #neck-lift,
#surgery-option #tummy-tuck,
#surgery-option #butt,
#surgery-option #labiaplasty,
#surgery-option #lipo,
#surgery-option #skin-care,
#surgery-option #surgery-care
#surgery-option #laser-endo
{
width: 880px;
float: left;
position: absolute;
top: 240px;
padding: 0 0px 0 30px;
}


#surgery-option #facelift #container-left, 
#surgery-option #forehead #container-left,
#surgery-option #eyelid #container-left,
#surgery-option #breast-aug #container-left,
#surgery-option #breast-lift #container-left,
#surgery-option #breast-redu #container-left,
#surgery-option #noice-reshape #container-left,
#surgery-option #neck-lift #container-left,
#surgery-option #tummy-tuck #container-left,
#surgery-option #butt #container-left,
#surgery-option #labiaplasty #container-left,
#surgery-option #lipo #container-left,
#surgery-option #skin-care #container-left,
#surgery-option #surgery-care #container-left
#surgery-option #laser-endo #container-left
{
width: 438px;
margin: 0;
float: left;
padding: 0;
}

#surgery-option #facelift #container-right, 
#surgery-option #forehead #container-right,
#surgery-option #eyelid #container-right,
#surgery-option #breast-aug #container-right,
#surgery-option #breast-lift #container-right,
#surgery-option #breast-redu #container-right,
#surgery-option #noice-reshape #container-right,
#surgery-option #neck-lift #container-right,
#surgery-option #tummy-tuck #container-right,
#surgery-option #butt #container-right,
#surgery-option #labiaplasty #container-right,
#surgery-option #lipo #container-right,
#surgery-option #skin-care #container-right,
#surgery-option #surgery-care #container-right
#surgery-option #laser-endo #container-right
{
width: 418px;
margin: 3px 0 0 0;
float: left;
padding: 0 0 0 10px;
border-left: 1px solid #9966FF
}

ul.features
{
width: 500px;
float: left;
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}

ul.features li
{
width: 500px;
float: left;
margin: 0 0 10px 0px;
padding: 3px;
font: 11px arial;
background: #9B69FF;
color: #fff;
}

#surgery-option h2
{
width: 230px;
font: bold 15px "Trebuchet MS";
text-transform: uppercase;
display: inline;
}

span.caption
{
margin: 5px 0 0 10px;
font: 11px arial;
}

ul.surgery-links
{
list-style-type: none;
width: 200px;
float: left;
margin: 0;
padding: 0;
}

ul.surgery-links li
{
display: block;
width: 200px;
float: left;
margin: 0;
padding: 5px 0 5px 15px;
background: url(../images/arrow.jpg) no-repeat center left;
border-bottom: 1px solid #AE85FF;
font: bold 13px "Trebuchet MS";
}

ul.surgery-links li a
{
text-decoration: none;
}

ul.surgery-links li a:hover
{
text-decoration: underline;
font-weight: bold;
color: #AE85FF;
}

.nav{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
	line-height:49px;
}

.nav a a:active a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

.nav a:hover{
	color:#9465ff;
	text-decoration:none;
}