@import url(reset.css);
@import url(typography.css);


#topbar {
	display: block;
	width: 100%;
}

#topbar div {
	margin: 0 auto;
	position: relative;
	width: 940px;
	height: 30px;
	padding: 0 10px;
}

#header div {
	margin: 0 auto;
	position: relative;
	width: 960px;
	height: 216px;
}

#container {
	background: url(../images/header_bg.png) no-repeat top left;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#sidebar {
	float: left;
	width: 240px;
	margin: 0 0 40px 0;
}

#content {
	float: right;
	width: 680px;
	margin: 40px 0 0 40px;
}

#content ol li {
	list-style: decimal;
	margin-left: 20px;
}

#footer {
	margin-top: 60px;
}

.intro { margin-bottom: 40px; }

.prices {
	margin: 40px 0;
}



/* MAIN NAVIGATION */

#nav {
	display: block;
	width:960px;
	height: 34px;
}

#nav li {
	float: left;
	display: block;
	height: 34px;
}

#nav_treatments {
	display: block;
	height: 34px;
	width: 110px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/nav_btn_treatments.png) no-repeat;
}




/* TREATMENT NAVIGATION */

#treatments_nav {
	display: block;
	width: 240px;
	background: #009fc2 url(../images/nav_treatments_bottom_bg.png) bottom no-repeat;
	padding: 10px 0;
	margin-bottom: 20px;
}



/* HOMEPAGE */

body#home .intro { 
	background: url(../images/home_content_bg.jpg) no-repeat top right;
	padding-right: 300px;
	min-height: 440px;
	margin-bottom: 0;
}



/* TREATMENT PAGES */

.beforeafter { 
	float: right;
	display: block;
	margin: 0 0 40px 40px;
}

.wipe { 
	display: block;
	height: 300px;
	width: 320px;
}



/* BOOK A CONSULTATION BOX */

#bookafreeconsultation {
	display: block;
	width: 240px;
	background: #f3edf5 url(../images/consultation_footer.png) bottom no-repeat;
	padding-bottom: 10px;
}

#consultationForm {
	width: 220px;
	padding: 0 10px;
}

#consultationForm div {
	margin-bottom: 7px;
	font-size: 11px;
	color: #9d7c9d;
	font-style: italic;
}

#consultationForm label {
	font-size: 11px;
	color: #69426a;
	display: block;
	width: 220px;
	margin-bottom: 3px;
	font-style: normal;
}

#consultationForm input {
	font-size: 11px;
	color: #9d7c9d;
	border: 1px solid #9d7c9d;
	width: 210px;
	padding: 2px 5px;
}

#consultationForm input.radio {
	width: auto;
	margin: 0 20px 0 5px;
	border: 0;
}

#consultationForm input#button {
	float: right;
	width: 100px;
	height: 26px;
	background: url(../images/consultation_button.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	padding: 0;
	cursor: pointer;
}





/* HOW TO FIND US */

#map {
	width: 678px;
	border: 1px solid #009fc2;
	margin-top: 40px; 
}




/* CONTACT US */

#contact-details {
	padding-bottom: 40px;
}

#contact-address {
	float: left;
	margin-right: 40px;
}
			
#contact-phone-email {
	float: left;
}

#contactForm div {
	color: #00477f;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 15px;
}

#contactForm label {
	float: left;
	width: 200px;
	margin-right: 40px;
}

#contactForm input, #contactForm select {
	width: 300px;
	border: none;
	padding: 5px;
	font-size: 12px;
	background: #f2f6f8;
	border: 1px solid #accfe1;
}

#contactForm option { font-size: 12px; padding: 1px 5px; }

#contactForm input.radio {
	width: auto;
	margin-right: 60px;
	padding: 0;
	background: none;
}

#contactForm textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
	border: none;
	padding: 5px;
	background: #f2f6f8;
	border: 1px solid #accfe1;
}

#contactForm input:focus, #contactForm select:focus, #contactForm textarea:focus {
	background: #e5f5f9;
}
			
#contactForm input#button {
	float: right;
	width: 100px;
	height: 26px;
	background: url(../images/contactForm_button.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	padding: 0;
	margin-right: 130px;
	cursor: pointer;
}

		
			
/* MISC STUFF */

.clear {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}

img.left {
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}

img.right {
	float: right;
	margin-left: 40px;
	margin-bottom: 20px;
}