body {
	background-color: #869eac;
	margin:0;
	padding: 0;

}
h6 {
	font-weight: bold;
}
.responsive_img{
	max-width:100%;
	height:auto;
	display:block;
}

.wrapper {
	width: 1200px;
	height: 170px;
	margin-right: auto;
	margin-left: auto;

}
.wrapper2 {
	width: 100%;
	background-image: url('images/back2.jpg');
height: 275px;
}
.logo {
	float: left;
	width: 387px;
	padding: 30px;
}
.phone_info {
	float: right;
	width: 300px;
	padding-top: 50px;
	
}
.phone {
	color: #e2e2e2;
	font-size: 23.5px;
}
.cosmetic {
	font-size: 13px;
	font-style: italic;
}

.images {
	background-image: url('images/back2.jpg');

}

.leftside {
	float: left;
	width: 760px;
	padding-top: 30px;
}
.rightside {
	float: right;
	width: 360px;

}
.welcome {
	width: 800px;
	padding-top: 30px;
}
.dr_section {
	float: left;
	width: 200px;
}
.welcome_content {
	float: right;
		width: 540px;

}
.box1 {
	width: 50%;
	float: left;

}
.box2 {
	width: 50%;
	float: left;


}
.div1 {	
	float: left;
	width: 300px;
	margin-top: 40px;
 }
.div1-2 {
	float: right;
 }
.img_border {
		border: 3px solid #ced3d6;

}
.img_space {
}
.img4 {
	display: inline;
}
.img5 {
	display: none;
}
.trt_header {
	font-size: 17px;
}

.more {
	background-color: #223743; 
	width:80px;
	height: 22px;
	border: 1px solid #ffffff;
}
.more_content {
	color: #ffffff;
	font-size: 13px;
	padding-left: 5px;
}
.more_link {
	color: #ffffff;
}
.bar {
	height: 10px;
	width: 100%;
	background-color: #6a818e
}
.review {
	padding: 20px;
}
.star {
	width: 150px;
	text-align: right;

}
.top_head2 {
	font-size: 25px;
	padding-bottom: 10px;
}
.rq_btn {
	width: 380px;
	padding-top: 30px;
	padding-bottom: 18px;
}
.r2 {background-image: url(images/New.jpg);
width: 378px;
height: 277px;
margin-bottom: 25px;
}

.invisalign {
}

.drimg {
	width: 200px;
}


.white_text {
	color:#ffffff;
}
.white_links {
	color: #ffffff;
	text-decoration:underline;
}
.home_trt {
	width: 900px;
}
.trt_header {
	width: 900px;
}
.trt_left {
	float: left;
	width: 50%;
}
.trt_right {
	float: right;
	width: 50%;
}
.trt_home1 {
	padding: 30px 0 0 20px;
}

/* style for NEW TREATMENTS PAGE */

.newTreatments {
}
.newTreatments #left {
	float: left;
	width: 440px;
}
.clearspace {
	clear: both;
	height: 12px;
}
.newTreatments #right {
	float: left;
	width: 440px;
}

.trt-img {
	float: left;
	height: 67px;
	width: 77px;
}
.newTreatments h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	color: #09428a;
	display: inline;
}
.newTreatments h2 a {
	color: #09428a;
	text-decoration: none;
}
.newTreatments h2 a:hover{
	text-decoration: underline;
}
.trt-txt {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 15px;
	margin-top: 6px;
	float: left;
	width: 19em;
}
.txt_trt_head {
	color: #4D4030;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 15px;
}
/*slider*/
#ss_nav{
		position:relative;
		margin:0px 0px -20px 0px;
		height:20px;
	}
	
	#ss_nav a{
		padding:4px 6px;
	}
	
	.pager_button{
		float:left;
		height:15px;
		width:15px;
		margin:5px;
		background-image:url('clinic/vintagedentalspa/images/off-button.png');
		background-repeat:no-repeat;
	}
	
	.activeSlide .pager_button{
		background-image:url('clinic/vintagedentalspa/images/on-button.png')!important;
		background-repeat:no-repeat;
	}



@media screen and (max-width: 1200px) {

.wrapper {
	width: 770px;
	height: 140px;

}

.rightside {
	float: left;
	width: 770px;
	padding: 15px;

}

.leftside {
	width: 770px;
}

.dr_section {
	padding-left: 20px;
}

.navigation {
	margin-top: 30px;

}
.logo {
 	float: left;
 	width: 400px;
 	font-size: 25px;


}
.phone_info {
	float: right;
	 width: 370px;
	 padding-top: 31px;



}
.addy {
	font-size: 16.25px;
}
.cosmetic {
	 	font-size: 16px;

}
.phone {
	 	font-size: 28.75px;

}
.trt_header {
	font-size:16px;
}

.div1 {
	width: 150px;
margin: 40px 20px 0 20px;
}
.img4 {
	display: none;
}
.img5 {
	display: block;
}
.rq_btn {
	padding-top: 30px;
	width: 355px;
}
.review { 
	width: 355px;

	 }
.invisalign {
	width: 355px;
	float: right;

}
.r1 {
float: left;
}
.r2{
float: right;
}
.r3{
float: left;
}

.trt_wrapper {
	padding: 30px;
}
.newTreatments #left {
	float: left;
	width: 340px;
}

.newTreatments #right {
	float: left;
	width: 340px;
}


}






@media screen and (max-width: 670px) {

.wrapper {
	width: 400px;
	height: 240px;

}

.wrapper2 {
	width: 100%;
	height: 540px;

}

.logo {
 	float: left;
 	font-size: 25px;
 	text-align: center;


}

.phone_info {
	float: right;
	 width: 370px;
	 padding-top: 5px;



}
.addy {
	font-size: 16.25px;
}
.cosmetic {
	 	font-size: 16px;

}
.phone {
	 	font-size: 28.75px;

}
.drimg {
	display: none;
}

.leftside {
width: 400px;
}
.trt_home1 {
	width: 180px;
}
.welcome_content {
	width: 400px;
	padding: 25px;
}
.rightside {
	width: 400px;
	float: left;
}
.r1 {
float: left;
}
.r2{
float: left;
padding-top: 30px;
}

}