@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
	
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
body {
	background-color : #ffffff;
	margin : 0;
	font-size : 0.8em;
	line-height : 1.6em;
	color:#999;
	padding:0;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: 0.1em;
	}
	
a {
	text-decoration:none;
	color:#066;
}

img {
border : none;
}

/** This is where I start coding the work**/


.container {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	background-image:url(../images/header.jpg);
	width:1002px;
	height:240px;
}

#logo {
	width:352px;
	height:169px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

.navBar {
	width:833px;
	height:30px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}

.navButtons {
	float:left;
	width:150px;
	margin-left:50px;
}
	
#navHome {
	float:left;
	width:100px;
	margin-left:50px;
}

#navprocedures {
	float:left;
	width:140px;
	margin-left:60px;
	margin-right:30px;
}

#navaboutUs {
	float:left;
	width:100px;
	margin-left:70px;
	margin-right:40px;
}
	
#navContactUs {
	float:left;
	width:100px;
	margin-left:50px;
	margin-right:40px;
}
	
.innerContainer {
	width:833px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

.innerFacialInfoPageContainer {
	width:933px;
	margin-left:auto;
	margin-right:auto;
	}

	
.drProPic {
	float:left;
	margin-right:20px;
	margin-left:15px;
}

.navText {
	float:left;
	padding-top:30px;
	width:670px;
}

.overstatePics {
	padding-top:10px;
	margin-right:30px;
	float:left;
	padding-bottom:20px;
}

.overstatePics2 {
	padding-top:10px;
	float:left;
	padding-bottom:20px;
}

.overstatePics3 {
	padding-top:10px;
	padding-bottom:20px;
	float:left;
	margin-left:9px;
	margin-right:27px;
}

.footerBase {
	height:87px;
	width:847px;
	margin-bottom:10px;
	position:relative;
}

.footerButtons {
	float:left;
	margin-left:50px;
}

.footerText {
	position:absolute;
	z-index:2;
	left: 164px;
	top: 58px;
	width:500px;
}

.footerText2 {
	position:absolute;
	z-index:2;
	left: 164px;
	top: 36px;
	width:500px;
}

.secondNavBar {
	background-image:url(images/secondNavBar.gif);
	width:833px;
	height:39px;
	position:relative;

}

.appointmentIcon {
	position:absolute;
	z-index:2;
	left: 742px;
	top: -20px;
}

.drawnmap {
	margin-top:40px;
	float:left;
	margin-left:60px;
	width:385px;
}

.thePractiseRightColum {
	margin-top:65px;
	float:left;
	margin-left:25px;
	width:247px;
}

.proceduresRightColum {
	margin-top:60px;
	float:left;
	margin-left:155px;
	width:247px;
}

.bodyOverTextRightColum {
	margin-top:30px;
	float:left;
	margin-left:10px;
	width:440px;
}

.breastRightColum {
	margin-top:30px;
	float:left;
	margin-left:45px;
	width:400px;
}

.facialsInfoRightColum {
	margin-top:35px;
	float:left;
	margin-left:23px;
	width:440px;
}

.googlemap {
	width:350px;
	float:left;
	margin-top:10px;
	}
	
.testimonialsLeftColum {
	width:554px;
	float:left;
	margin-top:10px;
	}
	
.proceduresLeftColum {
	width:366px;
	float:left;
	margin-top:10px;
	position:relative;
}
	
#CollapsiblePanelWithMarginTop {
	margin-top:20px;
}

.contactDetails {
width:345px;
float:left;
margin-top:10px;
}
	
#googleText {
	margin-top:20px;
	margin-bottom:10px;
}
	
#googleText2 {
	margin-top:20px;
	margin-bottom:10px;
}

#mapText {
	float:left;
	margin-left:20px;
	margin-top:13px;
}

	#mapText2 {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}

	#makeAppointmentText {
	float:left;
	margin-left:50px;
	margin-top:13px;
}
	
.contactForm {
	background-image:url(images/contactUsFormBG.gif);
	width:433px;
	height:349px;
	float:left;
	margin-left:50px;
	margin-top:40px;
}

#formControl {
	width:280px;
	margin-left:8px;
	margin-top:50px;
	float:left;
}

input {
	margin-top:22px;
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#submit {
		width:64px;
	height:29px;
	float:left;
	margin-top:270px;
	margin-left:80px;
}

.submit {
	width:64px;
	height:29px;
	background-image:url(images/sendButton.gif);
	border:none;
	background-repeat: no-repeat;
}


textarea {
	width:250px;
	margin-top:30px;
	height:105px;
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.drKleynhansSecNavBar {
	margin-left:30px;
	margin-top:13px;
	float:left;
}

.thePractiseSecNavBar {
	margin-left:30px;
	margin-top:13px;
	float:left;
}

.testimonialsSecNavBar {
	margin-left:30px;
	margin-top:13px;
	float:left;
}

.blogSecNavBar {
	margin-left:50px;
	margin-top:13px;
	float:left;
}

.green {
	color:#066;
}

.green2 {
	color:#066;
	text-transform:uppercase;
}

.boldUppercase {
	text-transform:uppercase;
	font-weight:bold;
}

#CollapsiblePanel1 {
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#FFF;
	border:none;
	size:0.7em;
}

.readMoreTextCentreAligned {
	margin-right:auto;
	margin-left:auto;
	width:150px;
}

.readMoreTextCentreAligned2 {
	margin-right:auto;
	margin-left:auto;
	width:200px;
}

.proceduresText3 {
	width:336px;
}

.pdfIcon {
	float:left;
	width:60px;
}

.pdfHolder {
	width:250px;
	line-height:1.1em;
	float:left;
	margin-top:30px;
}

.pdfHolder2 {
	width:250px;
	line-height:1.1em;
	float:left;
	margin-top:30px;
	margin-left:30px;
}

.documentText {
	float:left;
}

.back2DiagramPics {
	margin-left:auto;
	margin-right:auto;
	width:153px;
}

h2 {
	color:#066;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;	
}

#CollapsiblePanel4 {
	margin-bottom:8px;
}

.grey {
	color:#333;
}

#greyGap {
	color:#333;
}

.gallery {
	margin-left:10px;
}

.gallery2 {

}

.hidden {

display:none !important;

}

#permanentButton{
	position:absolute;
	z-index:2;
	left:578px;
	width:139px;
	top: 47px;
}