/* General reset & generic site-wide styling */
* {
    margin: 0;
    padding: 0;
}
img {
	border: none;
}
.clear {
	clear: both;
}
img.officeimg {
	padding-right: 20px;
	width: 25%;
}
img.logotext {
	width: 70%;
}
h1, h2, h3, strong, th {
	color: #009AA6;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}
h1 {
	font-size: 1.3em;
}
h2, th {
 	font-size: 1.15em;
}
h3 {
	font-size: 1em;
}
div#roomdescriptions p {
	display: inline;
}
div#roomdescriptions {
	padding-bottom: 20px;
}
p {
  line-height: 120%;
  padding-bottom: 20px;
}
a {
 	text-decoration: none;/* Remove underlining from all links unless set as underlined with a class */
}
/* Styling for the Structural Divs etc of the Site */
#wrapper {
	width: 100%;
}
#main {
	display: table;
	border-collapse: collapse;
}
#main .inner {
	display: table-row;
	width: 905px;
}
#header {
	height: 160px;
	margin: 60px 0 30px 0;
	width: 100%;
}
#header img {
	vertical-align: middle;
}
#navigation {
	width: 905px;
	margin: 20px 0 20px 0;
	padding: 25px 0 25px 0;
}
#navigation li, #navigation a:link, #navigation a:visited {
	display: inline;
	padding-right: 10px;
}
#navigation li a {
	color: #000033;
	background-color: #FFFFFF;
	border: solid 2px #009AA6;
}
#navigation li a:hover, #index li a.index, #solicitors li a.solicitors, #propertyservices li a.propertyservices, #wills li a.wills, #properties li a.properties {
	border: solid 2px #000033;
	background-color: #009AA6;
	color: #FFFFFF;
}
#content {
	display: table-cell;
	width: 905px;/* Don't set a width for the main column & it will expand to fill the window - on this occasion, have had to set a width! */
	padding: 35px;
	margin: 0 0 25px 0;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #000000;
}
body {
	max-width: 905px;
	margin: auto;
	background-image: url(images/gradient.png);
	background-repeat: repeat-x;
	background-color: #33AEB8;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
}
#footer, #footer a {
	background-color: #33AEB8;
	color: #FFFFFF;
	font-size: 0.95em;
	padding: 10px;
}
/* Styling for the Structural Elements of the Site in the Admin Area */
#left {
	display: table-cell;
	width: 327px;
}
#right {
	display: table-cell;
}
/* Styling for the Forms */
fieldset#main {
	border: solid 2px #009AA6;
	padding: 35px 20px;
}
fieldset {
	border: solid 1px #009AA6;
	margin: 0 10px 30px 0;
	padding: 20px;
}
fieldset label {
	line-height: 2.2;
	vertical-align: baseline;
}
fieldset input {
	position: absolute;
	left: 535px;
	width: 460px;
	height: 25px;
	text-align: left;
	vertical-align: baseline;
}
fieldset select {
	position: absolute;
	left: 545px;
	vertical-align: baseline;
}
fieldset#chooseproperty select {
	position: relative;
	left: 17px;
}
legend span {
	padding: 0 15px;
	color: #009AA6;
	background-color: #FFFFFF;
	font-weight: bold;
}
label#topaligned {
	display: block;
	margin-top: 15px;
	background-color: #009AA6;
	color: #FFFFFF;
	padding-left: 15px;
	border-left: solid 15px #000033;
}
input#controls {
	position: relative;
	left: 635px;
	font-size: medium;
	width: 140px;
	text-align: center;
}
/* Common Styling */
/* Styling all the sections where the border-top is the same */
#navigation, #footer {
	border-top: solid 4px #FFFFFF;
}
/* Styling all the sections where the border-bottom is the same */
#navigation {
	border-bottom: solid 4px #FFFFFF;	
}
/* Styling all the areas where black text colour is used - used by the links */
.blacktext {
	color: #000000;
	background-color: #33AEB8;
}
/* All elements that need to be floated left */
.floatleft, .left {
	float: left;
}
/* All elements that need to be floated right */
.right {
	float: right;
}
/* All elements that need to be centred */
.centred {
	text-align: center;
}
/* All elements that need to be underlined */
.underlined {
	text-decoration: underline;
}
.smalltext {
	font-size: x-small;
}
#photocolumn {
	padding-top: 20px;
	width: 310px;
	background-color: #33AEB8;
	color: #FFFFFF;
}
img.photocolumn {
	padding: 0 20px 20px 20px;
}
div.map {
	margin: 0 20px 0 0;
}
.floatleft {
	margin: 0 20px 0 0;
	clear: left;
}
.featured {
	background-color: #33AEB8;
	color: #000000;
	padding: 5px;
}
table {
	margin: 10px;
	border-spacing: 5px;
}
th {
	text-align: left;
}
td {
	vertical-align: top;
}
td.description {
	width: 735px;
	padding:20px;
	background-color: #FFFFFF;
	color: #000000;
}
td img {
	padding-right: 10px;
}
label {
	padding-right: 10px;
}
input {
	margin: 0 10px;
	text-align: right;
}
.contact, a.contact:link {
	margin-top: 15px;
}
.left {
	padding: 0 20px 20px 0;
}
.red {
	color: red;
	background-color: #FFFFFF;
}
.username {
	color: #660099;
	background-color: #FFFFFF;
}
.lawsociety {
	padding-left: 55px;
}
.sample {
	background-image: url(images/sample.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}
.pluginicon {
	vertical-align: middle;
	padding-right: 10px;
}
ul {
	list-style: none;
}
li {
	padding: 30px 0 30px 0;
}
li a {
	padding: 10px;
}