@import url('css/reset.css');



body
{
	background-image: url("http://www.premierecenter.com/premiere_seo/images/premier_txt.png"); margin-left:50px;
	margin: 0;
	padding: 0;
	font: 85% arial, hevetica, sans-serif;
	text-align: center;
	color: #fff;
	/*background:#c447d7 url("http://www.premierecenter.com/premiere_seo/images/site_background_image.jpg") repeat-x;*/
	background-image: url("http://www.premierecenter.com/premiere_seo/images/site_background_image.jpg"); background-attachment: fixed;
	/*border: red solid 1px;*/
}
p
{
	padding: 10px;
}
body h2{
	color:#FFFFFF;
	font-size:20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
body h3{
	color:#FFFFFF;
	font-size:18px;
	padding: 5px 5px 5px 0px;

}


#container{
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background-color: #6a4a97;
	border-left: 3px solid #7a4381;
	border-right: 3px solid #7a4381;
	position:relative;
}

	#premieretxt{
		background:  url(http://www.premierecenter.com/premiere_seo/images/premier_txt.png) no-repeat top left;
		text-indent:-9999px;
		position:absolute;
		left:905px;
		top:0px;
		width:24px;
		height:365px;
	}
	
	
	#header{
		background: #6a4a97 url(http://www.premierecenter.com/premiere_seo/images/nu_header_2.jpg) no-repeat top left;
		width:899px;
		height:149px;
	}

	

		#header ul{
			padding-top:118px;
		}
		#header li{
			float:left;
		}
		
		#header ul a{
			height:31px;
		}
		
		

		#menu li a{
			display: block;
			height: 31px;
			text-indent: -9999px;
			text-decoration: none;
			background-position: left;
			background-repeat: no-repeat;
			position:absolute;
			
		}
		
		#menu li a:hover {
			background-position: -100px -100px;
		}

		#menu #home_btn { 
			background-image: url(http://www.premierecenter.com/images/home_Finallayout.png);
			width:71px;
		 	
		}
		
		#menu #procedures_btn { 
			background-image: url(http://www.premierecenter.com/images/procedures_Finallayout.png);
			width:123px;
			left:48px;
		}
		
		#menu #beforeandafter_btn { 
			background-image: url(http://www.premierecenter.com/images/beforeandafter_Finallayout.png);
			width:136px;
			left:146px;
			
		 }
		 
		 #menu #costs_btn {
			background-image: url(http://www.premierecenter.com/images/cost_Finallayout.png);
			width:70px;
			left:262px;
			
		 }
		 
		  #menu #faq_btn {
			background-image: url(http://www.premierecenter.com/images/faqs_Finallayout.png);
			width:63px;
			left:316px;
			
		 }
		 
		 #menu #testimonials_btn {
			background-image: url(http://www.premierecenter.com/images/testimonials_Finallayout.png);
			width:120px;
			left:352px;
			
		 }
		 
		 #menu #doctors_btn {
			background-image: url(http://www.premierecenter.com/images/doctors_Finallayout.png);
			width:92px;
			left:450px;
			
		 }
		 
		 #menu #contact_btn {
			background-image: url(http://www.premierecenter.com/images/contactus_Finallayout.png);
			width:106px;
			left:520px;
			
		 }
		 
		 #menu #maps_btn {
			background-image: url(http://www.premierecenter.com/images/maps_Finallayout.png);
			width:88px;
			left:600px;
			
		 }
		 
		 #menu #espanol_btn {
			background-image: url(http://www.premierecenter.com/images/espanol_Finallayout.png);
			width:119px;
			left:662px;
			
		 }
		
		

	#middle_area {
	background-image:url(http://www.premierecenter.com/premiere_seo/images/middle_large_image.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	height:266px;
	position:relative;
	width:900px;
	}
		

	#cta_images {
		height:98px;
	}

	#cta_images li{
		margin: 10px 5px;
		float:left;
	}

	.cta_imagesInside{
	float:left;
	width:150px;
	height:550px;
	}
	
	#insideLeft{
	float:right;
	width:740px;
	padding-bottom: 30px;
	}
	
	
	#cta_images li a{
		display: block;
		height: 70px;
		text-indent: -9999px;
		text-decoration: none;
		background-position: left;
		background-repeat: no-repeat;

	}
	#cta_images li a:hover {
		background-position: top right;
	}

/*For perfomance purposes

When using CSS image rollovers, two, three, or more images must be loaded (and often be preloaded for best results). 
I've got one image for each state (normal, hover, active, visited etc). 
I used only 1 image makes dynamic changes faster and requires no preload.
 */

	#cta_images #cta_images_breast { 
		background-image: url(http://www.premierecenter.com/images/breastbutton.png);
		width:139px;
	}
			
	#cta_images #cta_images_body { 
		background-image: url(http://www.premierecenter.com/images/bodybutton.png);
		width:139px;
	}	
	

	#cta_images #cta_images_eyes { 
		background-image: url(http://www.premierecenter.com/images/eyesbutton.png);
		width:139px;
	}	
	
	/*		Since here is not going to work in IE6, I need to create the new images*/
	
	#cta_images #cta_images_face { 
		background-image: url(http://www.premierecenter.com/images/facebutton.png);
		width:139px;
	}
	
	#cta_images #cta_images_eye { 
		background-image: url(http://www.premierecenter.com/eyebutton.png);
		width:139px;
	}
	
	#cta_images #cta_images_spa { 
		background-image: url(http://www.premierecenter.com/images/spabutton.png);
		width:139px;
	}
	
	
	#cta_images #cta_images_weight { 
		background-image: url(http://www.premierecenter.com/images/weightlossbutton.png);
		width:139px;
	}
	
	#contents{
		margin: 20px 10px;
		height:auto;
		background:#000;
	
	}
	
	#photoContents{
		float:left;
		width:368px;
		height:371px;
	}
		
	
	
	#contact_form{
		background:#d4cae1 url(http://www.premierecenter.com/images/form_header.jpg) top no-repeat;
		width:278px;
		height:306px;
		margin-top:24px;
		position:relative;
		float:left;
		padding-top:34px;
		color:#55176c;
	}
	
	#contact_formb{
		background:#d4cae1 url(http://www.premierecenter.com/images/form_header.jpg) top no-repeat;
		width:278px;
		height:306px;
		margin-top:24px;
		position:relative;
		float:left;
		padding-top:34px;
		color:#55176c;
		margin-left:100px;
	}
	
	
		#boxA {
			width:70px;
			height:180px;
			float:left;
			margin-left:5px;
			margin-top:10px;
			
		}

		label{
		float: left;
		width: 120px;
		height:30px;
		font-weight: bold;
		}
	
		#boxB input{
		margin-bottom:5px;
		}
			#boxB select{
			margin-top:5px;
			margin-bottom:5px;
			
			}
		
				#boxB textarea{
				margin-top:5px;
				}
		
		#boxB{
			margin-top:10px;
			width:auto;
			height:180px;
			
			float:left;
		}
		
	
	#submitNow{
		text-align: center;
		width:250px;
		margin:0em auto;
		padding-top:20px;
	}
	
	
	#news{
		background:#d4cae1 url(http://www.premierecenter.com/premiere_seo/images/testimonials-header.jpg) top no-repeat;
		width:226px;
		height:306px;
		margin-top:24px;
		margin-left:5px;
		position:relative;
		float:left;
		padding-top:34px;
		color:#55176c;
		position:relative;

		
		
	}

	#news h2{
		font-size: 16px;
		text-decoration: none;
		height:30px;
		padding-top:8px;
		padding-right:20px;
		text-align:center;
		color:#fff;
		background-color:#999;
	}
	#news p{
		text-decoration: none;	
		padding-left:10px;
		padding-right:10px;	
		height:30px;
		text-align: justify;
	}
	
	
	#bottom_logo{
		clear:both;
		width:100%;
		height:115px;
		background:  url(http://www.premierecenter.com/premiere_seo/images/bottom_logo.jpg) no-repeat bottom right;
		text-align: center;
	}
	
	#bottomText{
		margin:0px 10px;
	}
	#bottomText p {
		margin:15px 0;
		line-height:20px;
		}


	
	#footer{
		width:900px;
		height:118px;
		background:#000;
	}

		#footerLeft{
			background:url(http://www.premierecenter.com/images/footer-left.jpg) top left no-repeat;
			width:494px;
			height:118px;
			float:left;
		}

		#footerRight{
			float:right;
			width:405px;
			height:118px;
			position:relative;
		}
		#footerRightCnt{
			margin-left:30px;
			margin-top:5px;
		}
		
		
			#footerRightR{
				width:150px;
				float:left;
			}
			#footerRightL{
				width:170px;
				float:left;
			}
			
			
		#facebook{
			background:url(http://www.premierecenter.com/images/FaceBook_32x32.png) top left no-repeat;
			width:32px;
			height:32px;
			display:block;
			text-indent:-99999px;
			position:absolute;
			right:30px;
			top:40px;
			
		}
		
		#facebook2{
			background:url(http://www.premierecenter.com/images/FaceBook_32x32.png) top left no-repeat;
			width:32px;
			height:32px;
			display:block;
			text-indent:-99999px;
			position:absolute;
			right:30px;
			top:-100px;
			
		}
		
		#networkUs2{
			background:url(http://www.premierecenter.com/images/network.jpg) top left no-repeat;
			width:12px;
			height:102px;
			position:absolute;
			right:5px;
			top:-100px;
			
		}
		
		
		#networkUs{
			background:url(http://www.premierecenter.com/images/network.jpg) top left no-repeat;
			width:12px;
			height:102px;
			position:absolute;
			right:5px;
			top:10px;
			
		}
		
		
	#news marquee{
		height: 300px;
	}
	
	#page_gradiant_header{
	float:left;
	margin-top:10px;
	width:740px;
	height:66px;
	background:url(http://www.premierecenter.com/images/purple_gradiant_header.jpg) top left no-repeat;
	margin-bottom:20px;

	}

	#page_gradiant_header h1{
	text-decoration: none;
	color:#fff;
	padding-top:20px;
	padding-left:10px;
	text-align: center;
	margin-bottom: 5px;
	font-size:22px;
	}
	#financing_form{
	text-decoration: none;
	width:226px;
	position:relative;
	float:right;
	padding-top:34px;
	color:#55176c;
	background:#d4cae1 url(http://www.premierecenter.com/images/financing-header.jpg) top no-repeat;
}
/**miami maps settingds**/

#mia_adress_map2{
	height: 400px;
	width:725px;
	float: right;
	padding: 0px;
	font-size: 16px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*border: red solid 1px;*/
}
#camtacts_logo2{
	position:absolute;
	margin: 55px 0px 0px 0px;
	width:310px;
	/*border: red solid 1px;*/
}

#map_mia2{
	margin: 55px 0px 0px 350px;
	position:absolute;
	float: right;
	/*border: red solid 1px;*/
}

#mia_txt2{
	position: absolute;
	margin: 10px 0px 0px 0px;
	float: right;
	font-size: 35px;
	/*border: red solid 1px;*/
}


/***tampa maps setting***/

#tampa_adress_map2{
	height: 356px;	
	width:800px;
	float: right;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 25px;
	/*border: red solid 1px;*/
}
#tampa_txt2{
	position: absolute;
	margin: 10px 0px 0px 0px;
	float: left;
	font-size: 35px;
	/*border: red solid 1px;*/
}
#tampa_logo_con2{
	height: 200px;
	position:absolute;
	margin: 55px 0px 0px 0px;
	width:290px;
	/*border: red solid 1px;*/
}
#tampa_maps2{
	margin: 55px 0px 0px 350px;
	position:absolute;
	float: right;
	/*border: red solid 1px;*/
}
#content_box{
	text-decoration: none;
	width:700px;
	position:relative;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#content_box h2{
	text-decoration: none;
	float:left;
	font-size:1.2em;
	padding-top:4px;
	padding-left:0px;
	text-align: center;
	color:#fff;
	width:185px;
	height:34px;
	background:url(http://www.premierecenter.com/images/content_box_header.jpg) top left no-repeat;
}



#content_box_1 h2{
	text-align: center;
	margin-left: 0px;
	text-decoration: none;
	float:left;
	font-size:1.2em;
	padding-top:4px;
	padding-left:10px;
	color:#ffffff;
	width:221px;
	height:34px;
	background:url(http://www.premierecenter.com/images/content_box_header1.png) top right no-repeat;
}

#content_box_2 h2{
	text-align: center;
	text-decoration: none;
	float:left;
	font-size:1.2em;
	padding-top:4px;
	padding-left:10px;
	color:#fff;
	width:221px;
	height:34px;
	background:url(http://www.premierecenter.com/images/content_box_header2.png) top right no-repeat;
}

#content_box #content_box_text{
	text-decoration: none;
	background-color:#9139b0;
	position:relative;
	float:left;
	color:#fff;
	height:auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	/*border: red solid 1px;*/
}
#content_box #content_box_text #left_box{
	text-decoration: none;
	width: 306px;
	margin-top: 20px;
	padding-top: 20px;
	margin-left: 20px;
	float: left;
	height: 200px;
}

#content_box #content_box_text #right_box{
	text-decoration: none;
	width: 306px;
	margin-top: 20px;
	margin-left: 20px;
	float: right;
	padding-top: 20px;
	height: 200px;
}
#to_top{
	margin: 0px 0px 10px 0px;
	font-size: 10px;
	/*border: red solid 1px;*/
	width: 200px;
	float: right;
}
#spa_panner{
	background-color:#c0c0c0;
	width: 600px;
	height: 125px;
	float:left;
	padding-right:100px;
}
#botox_button{
	position: absolute;
	margin: 10px 0px 0px 5px;
	/*border: red solid 1px;*/
}

#Restylane_button{
	position: absolute;
	margin: 60px 0px 0px 5px;
	/*border: red solid 1px;*/
}

#juvederm_button{
	position: absolute;
	margin: 10px 0px 0px 150px;
	/*border: red solid 1px;*/
}

#radiesse_button{
	position: absolute;
	margin: 60px 0px 0px 150px;
	/*border: red solid 1px;*/
}

#Lattisse_button{
	position: absolute;
	margin: 10px 0px 0px 300px;
	/*border: red solid 1px;*/
}

#fraxal_button{
	position: absolute;
	margin: 60px 0px 0px 300px;
	/*border: red solid 1px;*/
}

#thermage_button{
	position: absolute;
	margin: 3px 0px 0px 465px;
	/*border: red solid 1px;*/
}

#obagi_button{
	position: absolute;
	margin: 65px 0px 0px 460px;
	/*border: red solid 1px;*/
}

/*#latisse{
	margin: 10px 0px 0px 0px;
	position:absolute;
	width: 250px;
}*/

#Latisse_button{
	
	position: absolute;
	margin: 15px 0px 0px 310px;
	/*border: red solid 1px;*/
	
}
#spapagecontent{
	margin: 0px 10px 0px 5px;
}
#spa_return{
	width:740px;
	float: right;
	margin-bottom: 10px;
	/*border: red solid 1px;*/
	text-align:right;
}

#prem_banner{
margin: 0 auto;
background: url(images/freedownloadsimage.png) no-repeat;
width:586px;
height:259px;
position: relative;
}

#prem_banner .left_banner{
display: block;
width: 240px;
height: 259px;
float: left;
}

#prem_banner .left_banner a{
display: block;
width: 240px;
height: 259px;
}

#prem_banner .right_banner{
float: right;
width: 310px;
height: 259px;
}

#prem_banner .right_banner a{
display: block;
width: 310px;
height: 259px;
}