@import url("global.css");


/* Navigation
======================================================== */

#AboutPage #NavAbout {
	background:url(../images/Nav.jpg) -70px -41px;
} 

#ProcPage #NavProc {
	background:url(../images/Nav.jpg) -173px -41px;
}

#MedSpaPage #NavMedSpa {
	background:url(../images/Nav.jpg) -370px -41px;
}	

#GalleryPage #NavGallery {
	background:url(../images/Nav.jpg) -533px -41px;
}

#MediaPage #NavMedia {
	background:url(../images/Nav.jpg) -675px -41px;
}

#VideoPage#NavVideos, #VideoPageHome #NavVideos {
	background:url(../images/Nav.jpg) -801px -41px;
}

#ContactPage #NavContact {
	background:url(../images/Nav.jpg) -889px -41px;
}

/* Side Bar 
======================================================== */

#SideBar {
	float:left;
	width:320px;
	margin:20px 0 0 0;
}	

#ProceduresBox {
	background:url(../images/SideBox.gif) repeat-x #95deef;
	width:280px; /* 320px */
	padding:20px 20px 5px 20px;		
}
#ProceduresBox img {
	margin:0 0 4px 0;
}

#PricingBox {
	background:url(../images/SideBox.gif) repeat-x #95deef;
	width:280px; /* 320px */
	padding:20px 20px 5px 20px;
	margin:20px 0 0 0;
}
#ProceduresBox img {
	margin:0 0 4px 0;
}
#QuickContactBox {
	background:url(../images/SideBox.gif) repeat-x #95deef;
	width:280px; /* 320px */
	padding:20px 20px 5px 20px;
	margin:20px 0 0 0;
}
#QuickContactBox p {
	font:80% Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 12px 0;
}
#QuickContactBox p a {
	color:#000;
}
#QuickContactBox p a:hover {
	text-decoration:none;
}
.TVShowBtn_BreastAug {
position:absolute;
top:20px;
left:20px;
background:none;
display:block;
z-index:8;
}
.TVShowBtn_BreastAug a{
border:8px solid #81c8da;
height:100px;
width:261px;

}


a .ProcLink {
	border:8px solid #81c8da;
}
a:hover .ProcLink {
	border:8px solid #1e92b4;
}
a .TheCosmeticChannel {
border:8px solid #81c8da;
}
a:hover .TheCosmeticChannel {
	border:8px solid #1e92b4;
}

/* Main Content 
======================================================== */

#MainContent {
	float:left;
	width:630px; /* 680px */
	padding:30px 20px 20px 30px;
	overflow:visible;
}

#MainContent p {
	font:80% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 12px 0;
}
.vcard {
	font:80% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 12px 0;
}
#MainContent p a {
	color:#95deef;
}
#MainContent p a:hover {
	text-decoration:none;
}
#MainContent h1 {
	font:180% Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 12px 0;
}
#MainContent h2 {
	font:120% Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 12px 0;
}
#MainContent h3 {
	font:90% Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 12px 0;
	font-weight:bold;
}
#MainContent ul {
	margin:0 0 0 20px;
}
#MainContent ul li {
	font:80% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 12px 0;
}
#MainContent li li {
	font: 100% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 12px 0;
}
#MainContent li ul {
	padding-top:10px;
}
#MainContent ol {
	margin:0 0 0 20px;
}
#MainContent ol li {
	font:80% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 12px 0;
}
#MainContent ul li a {
	color:#fff;
}
#MainContent ul li a:hover {
	text-decoration:none;
}
.IndentText {
	padding:0 0 0 20px;
}	
table {
	font-size:80%;
	margin:0 0 12px 0;
}
.BlueText {
	color:#99CCCC;
}	

.ImageRight{
	float:right;
	max-width: 150px;
	padding-left:10px;
	}
.ImageRight p{
	font:50% Arial, Helvetica, sans-serif;
	text-align:justify;
	}
.ImageLeft{
	float:left;
	max-width: 150px;
	padding-right:10px;
	}
.ImageLeft p{
	font:50% Arial, Helvetica, sans-serif;
	text-align:justify;
	}
	
#MainContentWide {
	float:left;
	width:980px; 
	padding:30px 20px 20px 0;
	overflow:visible;
}

#MainContentWide p {
	font:80% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 12px 0;
}
#MainContentWide p a {
	color:#95deef;
}
#MainContentWide p a:hover {
	text-decoration:none;
}
#MainContentWide h1 {
	font:180% Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 12px 0;
}
#MainContentWide h2 {
	font:120% Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 12px 0;
}
#MainContentWide h3 {
	font:90% Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 12px 0;
	font-weight:bold;
}
#MainContentWide ul li {
	font:80% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 12px 0;
}
#MainContentWide ol {
	margin:0 0 0 20px;
}
#MainContentWide ol li {
	font:80% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 12px 0;
}
#MainContentWide ul li a {
	color:#fff;
}
#MainContentWide ul li a:hover {
	text-decoration:none;
}

/* DrMiddleton.html
======================================================== */
#AboutUsBox{
}

	#AboutUsNavBox{
	
	float:left;
	width:320px;
	margin:20px 0 0 0;
	}

	#AboutUsNav {
	list-style:none;
	background:url(../images/SideBox.gif) repeat-x #95deef;
	width:280px; /* 320px */
	padding:20px;
	}
	#AboutUsNav li{
	padding:0 0 10px 0;
	}
	#AboutUsNav a{
	color:#000;
	font:90% Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	padding:4px;
	}
	
	#AboutUsNav li a:hover {
	background-color: #1e92b4;
	color:#fff;
	}
	
	#AboutContent{
	float:left;
	}
#CertififatesBox{
margin:0px 0 0 5px;
width:310px;
}
#CertififatesBox ul{
padding:0;
margin:0;
}
#Certificates li{
float:left;
padding:0 5px 0 0;
list-style:none;
}

#OfficePhotos li{
float:left;
padding:0 10px 0 10px;
list-style:none;
}
#OfficePhotos img{
border:1px solid #fff;
}
#AboutContent table {
margin:0 0 15px 0;
}
#AboutContent td{
border:1px solid #95deef;
padding:4px;
}
#AboutContent .TableNoBdr td{
border:none;
}
/* MedSpaServices
======================================================== */
.MedSpaSer{
float:left;
padding:0 15px 0 0;
}


.MediaBox li{
float:left;
padding:10px 10px 10px 0;
list-style:none;
text-align:center;
}

.MediaBox li a {
	text-decoration:none;
}
.MediaBox li a span {
	text-decoration:underline;
}
.MediaBox li a:hover span {
	text-decoration:none;
}
.MediaBox img{
border:1px solid #fff;
padding:2px;
}

/* Procedures Page 
======================================================== */

.ProcPageList {
	float:left;
	width:180px;
}

#ProcPage .ProcPageList .ProcVideoIcon a, #MedSpaPage .MedSpaSer .ProcVideoIcon a {
	background:url(../images/ProcVideoIcon.gif) no-repeat;
	padding-left:20px;
}


/* Video Page 
======================================================== */

#MainContent .VideoPageLinks a {
	color:#fff;
}

#VideoPageLinks div {
	float:left;
	width:320px;
	text-align:center;
}
#VideoPageHome h2 {
	color:#95deef;
}
#VideoPageHome #MainContent {
	width:980px;
	padding:20px 0;
}
#VideoMenuBox {
	float:left;
}

#VideoMenu {
	background:url(../images/SideBox.gif) repeat-x #95deef;
	width:280px; /* 320px */
	padding:20px;
	margin:20px 0 0 0;
}
#VideoMenu li{
	list-style:none;
	font:80% Arial, Helvetica, sans-serif;
	padding:0 0 12px 0;
}
#VideoMenu a{
	color:#000;
	text-decoration:none;
	display:block;
}

#VideoMenu li a:hover {
	background-color: #1e92b4;
	color:#fff;
}

#Video span {
	font-size:16px;
}

/* === IMG ===*/
.ProcImg{
border:1px solid white;
padding:1px;
width:400px;
}
.hr{
width:350px;
border-top:1px solid white;
padding:15px 0 10px 0;
margin:0 auto;
}
.ImgBrd{
border:1px solid white;
}

/* Video Main Content 
======================================================== */
#VideoMainContent {			
	margin:10px 30px 20px 30px;
	padding: 0 0 20px 0;
	width:940px; 
}

#VideoMainContent p {
	font:80% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 12px 0;
}
#VideoMainContent p a {
	color:#95deef;
}
#VideoMainContent p a:hover {
	text-decoration:none;
}
#VideoMainContent h1 {
	font:180% Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 12px 0;
}
#VideoMainContent h2 {
	font:120% Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 12px 0;
}
#VideoMainContent h3 {
	font:90% Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 12px 0;
	font-weight:bold;
}
.HR_Dot {
background:url(../images/HR_Dot.gif) repeat-x;
display:block;
height:30px;
margin: 0 auto;
margin: 10px 0 10px 0;
width:100%;
}
.VPlayer {
background:#000;
margin:0 0 0 10px;
padding:20px 0 20px 0;
width:920px;
}
.VideoList {
background:url(../images/BG_VideoList.gif);
margin:0 auto;
padding:0 0 30px 0;
width:940px;
}
.TVvideoList_byProc {
background:#000;
float:left;
font-size:14px;
margin: 0 10px 0 10px;
width:450px;
}
	.TVvideoList_byProc a {
	border-bottom:1px dotted #333;	
	display:block;
	padding:5px 20px 5px 20px;
	}
	.TVvideoList_byProc a:hover {
	background:#003366;	
	}
.TVvideoList_byTVshow {
background:#000;
float:left;
font-size:14px;
margin: 0 10px 0 10px;
width:450px;
}
	.TVvideoList_byTVshow a {
	border-bottom:1px dotted #333;	
	display:block;
	padding:5px 20px 5px 20px;
	}
	.TVvideoList_byTVshow a:hover {
	background:#003366;	
	}
	
.PageVideo {
float:right;
margin:0 0 20px 20px;
}
/*SkinTx*/
.SkinTxLarge{
	font-size:18px;
}