/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(../images/background_01.png) 0 0 repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

.blue-text {
	color: #046f97;
}

.opening-hours {
	color: #333;
	font-weight: bold;
}

#site-wrapper {
	width: 900px;
	padding: 0 30px 0 30px;
	margin: 0 auto;
	background: #fff;
}

#header {
	width: 900px;
	height: 102px;
	background: url(../images/ilford-dentist_04.png) 100% 0 no-repeat;
}

.logo {
	float: left;
	width: 184px;
	height: 102px;
}

.telephone {
	float: right;
	font-size: 34px;
	font-family: "Times New Roman", Times, serif;
	margin: 30px 0 0 0;
	color: #333;
}

.appointments {
	float: right;
	width: 250px;
	text-align: center;
	margin: 35px 40px 0 0;
}

.appointments a {
	color: #046f97;
}

.appointments a:hover {
	text-decoration: none;
}

#nav {
	width: 900px;
	height: 40px;
	background: url(../images/ilford-dentist_06.png) 0 0 no-repeat;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	display: inline;
}

#nav a {
	float: left;
	width: 112px;
	height: 30px;
	padding: 10px 0 0 0;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	color: #c0b8b8;
}

#nav a:hover {
	color: #fff;
	text-decoration: underline;
}

#slideshow-links-wrapper {
	width: 900px;
	height: 214px;
}

#slideshow {
	float: left;
	width: 672px;
	height: 214px;
	background: url(../images/ilford-dentist_07.png) 0 0 no-repeat;
}

#links {
	float: right;
	width: 228px;
	height: 214px;
}

#special-offers {
	width: 900px;
	height: 38px;
	padding: 10px 0 0 0;
	margin: 0 0 21px 0;
	text-align: center;
	color: #405f1b;
	background: url(../images/ilford-dentist_13.png) 0 0 no-repeat;
}

#special-offers a {
	color: #405f1b;
}

#special-offers a:hover {
	text-decoration: none;
}

#content-area {
	width: 900px;
	padding: 12px 0 0 0;
	margin: 0 0 30px 0;
	background: url(../images/ilford-dentist_15.png) 0 0 no-repeat;
}

#content-area-main {
	width: 900px;
	background: url(../images/ilford-dentist_16.png) 0 0 repeat-y;
}

#content-area-bottom {
	width: 900px;
	height: 12px;
	background: url(../images/ilford-dentist_18.png) 0 0 no-repeat;
}

.text-area {
	float: left;
	width: 612px;
	padding: 12px 30px 0 30px;
}

.text-area p a, .text-area ul a{
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #046f97;
}

.text-area p a:hover, .text-area ul a:hover{
	color: #046f97;
	border-bottom: none;
}


.text-area h1 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	color: #046f97;
	border-bottom: 1px dashed #CCC;
}

.text-area h1 a{
	text-decoration: none;
	color:#085775;
}

.text-area h1 a:hover{
	color:#a7d077;
}

.text-area h2{
	margin: 40px 0px 10px 0px;
	padding: 0;
	font-size: 17px;
	color: #046f97;
}

.text-area h2 img{
	float:right;
	margin: 5px 0px 0px 20px;
	border: 1px solid #046f97;
}

.text-area p, .text-area ul li {
	line-height: 22px;
}

.text-area ul li{
	margin: 0 0 15px 0;
}

.col{
	width: 296px;
	float:left;
	margin: 0 20px 0 0;
}

.page-image {
	float: right;
	border: 1px solid #046f97;
	margin: 4px 0 10px 20px;
}
.cpage-image {
	float: right;
	border: 0px solid #ffffff;
	margin: 4px 0 10px 20px;
}

.answer{
	margin: 40px 0px 10px 0px;
	padding: 0;
	font-size: 17px;
	color: #046f97;
}


.links-wrapper{
	width: 168px;
	float:left;
	margin: 10px 20px 10px 0px;
	padding: 0px 0 0 0;
	text-align:center;
	padding: 20px 10px 10px 10px;
	background: #f4f4f4;
	border: 1px solid #ececec;
}

.links-wrapper img{
	margin: 0px 0px 10px 0px;
	border: 1px solid #ececec/*#046f97*/;
}

.links-wrapper a{
	text-decoration: none;
	color: #666;
}

.links-wrapper a:hover{
	color: #046f97;
}

.gallery-wrapper{
	width: 570px;
	float:left;
	margin: 10px 0px 10px 0px;
	padding: 20px 20px 10px 20px;
	background: #f4f4f4;
	border: 1px solid #ececec;
}

.gallery-wrapper h2{
	margin: 0 0 20px 0;
	padding: 0;
}

.before{
	width: 275px;
	float:left;
	text-align:center;
}

.after{
	width: 275px;
	float:right;
	text-align:center;
}

.before img, .after img{
	float:left;
	border: 1px solid #fff;
	margin: 0 0 10px 0;
}

.option{
	width: 143px;
	float:left;
	margin: 0 10px 11px 0;
	padding: 10px 0px;
	text-align:center;
	background: #f4f4f4;
	border: 1px solid #ececec;
}

.day{
	width: 150px;
	float:left;
	padding: 6px 0px 6px 10px;
	border-bottom: 1px solid #ececec;
}

.hours{
	width: 150px;
	float:left;
	padding: 6px 6px 6px 0px;
	border-bottom: 1px solid #ececec;
	text-align:right;
	margin: 0 50px 0 0;
}

.last{
	margin-bottom: 40px;
}

.end{
	margin-right: 0;
}

.sidebar {
	float: right;
	width: 228px;
}

.contact-form {
	width: 188px;
	padding: 5px 20px 5px 20px;
}

.contact-form h2 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	color: #7d9f4f;
	border-bottom: 1px dashed #CCC;
}

.contact-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contact-form li {
	float: left;
	width: 188px;
	padding: 4px 0 4px 0;
	border-bottom: 1px dotted #CCC;
}

.contact-form li.last {
	padding-bottom: 0;
	border-bottom: 0;
}

.contact-form label {
	float: left;
	width: 68px;
	color: #666;
}

.contact-form input,textarea {
	float: right;
	width: 110px;
	padding: 2px;
	border: 1px solid #999;
	background: #fff;
}

.contact-form .submit {
	float: left;
	width: 80px;
	margin: 0 0 0 4px;
	background: #7d9f4f;
	border: 1px solid #62803a;
	color: #fff;
}

#footer {
	clear: both;
	width: 900px;
	padding: 12px 0 0 0;
	background: url(../images/ilford-dentist_20.png) 0 0 no-repeat;
}

#footer-main {
	width: 900px;
	padding: 2px 0 15px 0;
	background: #ebebeb;
	text-align: center;
	line-height: 22px;
	color: #797979;
}

#footer-main a {
	color: #525252;
	text-decoration: none;
}

#footer-main a:hover {
	text-decoration: underline;
}

.team-wrapper p {
	padding: 0 0 0 145px;
}

.team-image {
	float: left !important;
	margin: 5px 20px 0px 0px !important;
	border: 1px solid #046f97;
}

/* clearing divs */

#content-area-main:after,
.contact-form li:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}