/* CSS Document */

body {
	margin: 0;
	background: url(../images/dentist-weston-super-mare_01.png) 0 0 repeat;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 1.8em;
	color: #333;
}

/* TEXT STYLES */

h1 {
	font-size: 2em;
	font-weight: lighter;
	color: #386b6b;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 9px 0px;
	border-bottom: 1px solid #CCC;
}

h2 {
	font-size: 2em;
	font-weight: lighter;
	color: #547e8f;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 9px 0px;
	border-bottom: 1px solid #beddea;
}

h3 {
	font-size: 1.6em;
	font-weight: lighter;
	color: #537380;
	margin: 0px 20px 10px 20px;
	padding: 0px 0px 9px 0px;
	border-bottom: 1px solid #afcfdc;
}

h4{
	font-size: 1.3em;
	font-weight: lighter;
	color: #547e8f;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

a {
	color: #06C;
	text-decoration: underline;
}

a:hover {
	color: #06C;
	text-decoration: none;
}

.small {
	font-size: 0.6em;
}

/* TEXT STYLES END */

#site-wrapper {
	margin: 0 auto;
	width: 980px;
	text-align: left;
	overflow: hidden;
}

#all-wrap-except-footer {
	width: 980px;
	background: url(../images/dentist-weston-super-mare_02.png) 0 0 repeat-y;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

#header {
	float: left;
	clear: both;
	width: 980px;
	height: 174px;
	padding: 20px 0px 0px 0px;
	background: url(../images/header_01.png) 0 0 no-repeat;
}

#logo {
	float: left;
	width: 161px;
	height: 174px;
}

#navigation {
	float: left;
	width: 819px;
	height: 39px;
	margin: 0px 0px 0px 0px;
	background: url(../images/header_03.png) 0 0 no-repeat;
}

/*navigation*/

#navigation ul{
	margin:0px;
	padding:0px;
	
}

#navigation ul li{
	list-style: none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	display: inline;
}

#navigation ul li a{
	color:#6a8793;
	text-decoration: none;
	float: left;
	padding: 6px 0px 11px 19px;
	margin:0px 19px 0px 0px;
	text-align: center;
	background: url(../images/navigation-divider.jpg) bottom left no-repeat;
}

#navigation ul li a:hover{
	color:#fff;
	text-decoration: underline;
}

#navigation ul li.top a{
	background: url(../images/navigation-divider1.jpg) bottom left no-repeat;
	color:#6a8793;
	float: left;
	text-decoration: none;
	margin:0px 21px 0px 0px;
	padding: 6px 0px 11px 21px;
	text-align: center;
}

#navigation ul li.top a:hover{
	color:#fff;
	text-decoration: underline;
}

#navigation ul li.bottom a{
	background: url(../images/navigation-divider.jpg) bottom left no-repeat;
	color:#6a8793;
	float: left;
	width: 70px;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	padding: 6px 0px 11px 10px;
	text-align: center;
}

#navigation ul li.bottom a:hover{
	color:#fff;
	text-decoration: underline;
}

/*end of navigation*/

#social {
	float: left;
	width: 475px;
	height: 110px;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-right: 0px solid #bedeeb; 
	text-align: center;
	font-size: 1.7em;
	font-weight: lighter;
	line-height: 1.3em;
	background: url(../images/header_04.png) 0 0 repeat-x;
	color: #436763;
	letter-spacing: 0.05em;
}

#social a {
	color: #8d682f;
	text-decoration: underline;
}

#social a:hover {
	text-decoration: none;
}

#social img {
	border: 0;
	margin: 0px 0px 5px 5px;
}

#video {
	float: left;
	width: 147px;
	height: 135px;
}

#newsletter {
	float: left;
	width: 305px;
	height: 104px;
	padding: 31px 20px 0px 19px;
	background: url(../images/header_06.png) 0 0 no-repeat;
}

.newsletter-field {
	float: left;
	width: 210px;
	padding: 4px 2px 4px 2px;
	margin: 0px 10px 20px 0px;
	border: 1px solid #CCC;
}

.newsletter-button {
	float: left;
	width: 73px;
	padding: 2px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #73afaf;
	background: #8bc5c5;
	color: #3b6363;
}

/* DROP BOX CODE */

.closemenu{cursor: pointer;  float: right;}
.dropbox{cursor: pointer;  width: 265px; padding: 3px 20px 12px 20px; text-align: center; margin-left: 0px;}
.boxContent{    background: #c0e0ed;    padding: 6px; margin-left: 40px;    display: none;    font-size: 12px;    width: 293px; z-index: 888;}
.innerBox{  padding: 15px 10px 10px 10px; }
.boxContent p {padding-bottom: 10px ;}
.innerBox input[type=text]{ width:265px; height: 20px;}
.innerBox textarea{ background-color:#dedede; border: none; margin: 5px 0 5px 0;}
.innerBox input[type=submit]{text-align: center;  width:90px; height:30px; border: 1px solid #89afbe; color:#52717d; cursor: pointer; margin: 10px 0px 5px 0px; background: #9ec4d3; }
.innerBox tr td { height: 30px; border: none; margin: 5px 0 5px 0; vertical-align: top;}

/* DROP BOX CODE END */

#images-quick-links {
	clear: both;
	float: left;
	width: 980px;
	height: 287px;
}

#images {
	float: left;
	width: 636px;
	height: 287px;
}

#quick-links {
	float: left;
	width: 344px;
	height: 287px;
}

#content-area {
	float: left;
	clear: both;
	width: 980px;
	padding: 1px 0px 0px 0px;
	background: url(../images/dentist-weston-super-mare_23.png) 0 0 no-repeat;
}

#content-area div {
	float: left;
	width: 980px;
	background: url(../images/dentist-weston-super-mare_25.png) 0 0 repeat-y;
}

#content-area div.footer {
	float: left;
	width: 980px;
	height: 15px;
	background: url(../images/dentist-weston-super-mare_26.png) 0 0 no-repeat;
}

.text-area {
	float: left;
	width: 576px !important;
	padding: 19px 30px 0px 30px;
	background: url(../images/bubbles.png) 100% 0 no-repeat  !important;
}

.intro-video {
	float: right !important;
	width: 200px !important;
	background: none !important;
	padding: 0px !important;
	margin: 0px 0px 0px 20px !important;
}

.sidebar {
	float: left;
	width: 304px !important;
	padding: 19px 20px 0px 20px;
	background: none !important;
}

.sidebar-field-name {
	float: left;
	width: 104px !important;
	background: none !important;
	margin: 0px 0px 4px 0px;
}

.sidebar-form {
	float: left;
	width: 200px !important;
	background: none !important;
	margin: 0px 0px 4px 0px;
}

.sidebar-form-field {
	float: left;
	width: 194px;
	padding: 2px;
	border: 1px solid #CCC; 
	background: #fff;
}

.sidebar-form-button {
	float: left;
	width: 80px;
	padding: 2px;
	border: 1px solid #95bccc; 
	background: #bddce9;
	color: #416979;
	margin: 0px 0px 10px 0px;
}

.none {
	float: left;
	background: none !important;
	width: 100% !important;
	margin: 0px 0px 20px 0px !important;
}

#footer {
	float: left;
	clear: both;
	width: 980px;
	padding: 10px 0px 20px 0px;
	text-align: center;
	color: #e5ceb3;
}

#footer a {
	color: #e5ceb3;
	text-decoration: underline;
}

#footer a:hover {
	color: #e5ceb3;
	text-decoration: none;
}

#brown-footer {
	float: left;
	width: 980px;
	padding: 15px 0px 0px 0px;
	background: url(../images/dentist-weston-super-mare_27.png) 0 0 no-repeat;
}

#brown-footer-body {
	float: left;
	width: 920px;
	padding: 5px 30px 5px 30px;
	background: url(../images/dentist-weston-super-mare_28.png) 0 0 repeat-y;
}

#brown-footer-footer {
	float: left;
	width: 980px;
	height: 11px;
	background: url(../images/dentist-weston-super-mare_29.png) 0 0 no-repeat;
}