/* @override http://talbotillustration.co.uk/css/basic.css */

/*----------------- 

Layout styles for Talbot Illustration 

TwinFish Design 2008
====================

-------------------*/

/* =Style normalisations
======================*/

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

fieldset, img {
	border: 0;
	margin: 0;
	padding: 0 ;
}

/* =Layout
=========*/

html, body {
	height: 100%;
}

body {
	background-image: url(../assetts/background.jpg);
	border-top: 3px solid #546b70;
}

.clear {
	clear: both;
}

#wrap {
	width: 746px;
	background: url(../assetts/wrap-background.png) repeat-y;
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	position: relative;
}

#branding {
	display: inline;
	margin-left: 68px;
	margin-top: 15px;
	float: left;
}

#imagery {
	float: left;
	display: block;
	margin: 20px 0 20px 68px;
}
#maincontent  {
	margin-left: 68px;
	margin-right: 68px;
	padding-bottom: 360px;
	position: relative;
	float: left;
}

#footer {
	margin-left: 43px;
	margin-right: 43px;
	background-color: #546b70;
	width: 660px;
	position: absolute;
	bottom: 0;
	height: 300px;
}

#footer img.mugshot {
	position: absolute;
	margin-left: 25px;
	margin-top: 8px;
}

.even {
	background-color: #546b70;
	width: 609px;
	margin-bottom: 30px;
}

.even .top {
	height: 4px;
	background: url(../assetts/even-top.png) no-repeat;
}

.even .bottom {
	height: 5px;
	background: url(../assetts/even-bottom.png) no-repeat;
}

.odd {
	width: 609px;
	background-color: #7f9094;
	margin-bottom: 30px;
}

.odd .top {
	height: 4px;
	background: url(../assetts/odd-top.png) no-repeat;
}

.odd .bottom {
	height: 4px;
	background: url(../assetts/odd-bottom.png) no-repeat;
}

.even p,
.odd p {
	width: 280px;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	color: #fff;
}

.even h3,
.odd h3 {
	width: 200px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	color: #fff;
}

#maincontent p.prices {
	margin-bottom: 40px;
}

/* =Typography
=============*/

strong {
	font-weight: bold;
}

#branding h1,
#footer h1 {
	display: block;
	overflow: hidden;
	height: 0;
}

#maincontent h2 {
	font-size: 1.4em;
	margin-bottom: 4px;
	color: #3b3b3b;
}

#maincontent p {
	margin-bottom: 10px;
	font-size: .9em;
	line-height: 1.2em;
}

#footer h2 {
	margin-left: 25px;
	width: 200px;
	position: absolute;
	margin-top: 7px;
	color: #fff;
	font-size: 1.3em;
}

#footer p {
	width: 196px;
	position: absolute;
	margin-left: 180px;
	margin-top: 40px;
	font-size: 0.8em;
	line-height: 1.1em;
	color: #fff;
}

#footer p.info {
	margin-top: 8px;
}

#footer .contact-details p {
	width: 182px;
	right: 25px;
	position: absolute;
	line-height: 1.4em;
}

#footer .contact-details h2 {
	position: absolute;
	margin-top: 7px;
	right: 25px;
	width: 182px;
}

#footer-nav {
	position: absolute;
	bottom: 15px;
}

#footer-nav ul {
	margin-left: 25px;
}

#footer-nav li {
	float: left;
	margin-right: 10px;
	font-size: 0.8em;
	color: #fff;
}

#credit {
	position: absolute;
	right: 25px;
	bottom: 15px;
	font-size: 0.8em;
	color: #fff;
}

/* =Images
========*/

ul#thumbs {
	margin-bottom: 105px;
}

ul#thumbs li {
	line-height: 0;
}

ul#thumbs li a img {
	float: left;
	margin-right: 10px;
}

/* =Contact Form
==============*/

form {
	width: 300px;
	float: left;
}

label.zemText.zemRequired.Name,
label.zemText.zemRequired.Email,
label.zemText.zemRequired.q646c5d34650a388cc22c41cfc3d76147,
label.zemTextarea.zemRequired.q39d162432f83a73bc3b82ae787a87309 {
display: block;
width: 250px;
}

input {
	display: block;
	width: 250px;
}

textarea {
	width: 252px;
}

#contactnumbers {
	width: 182px;
	margin-top: 20px;
	position: absolute;
	right: 0px;
	color: #3b3b3b;
}

/* =Links
========*/

#maincontent p a {
	color: #546b70;
	font-weight: bold;
}

#maincontent p a:hover {
	text-decoration: none;
}

#maincontent ul#portnav li {
	margin-bottom: 10px;
}

#maincontent ul#portnav li a {
	overflow: hidden;
	height: 0;
	padding-top: 35px;
}

#maincontent ul li a:hover {
	text-decoration: none;
}

#footer a {
	color: #fff;
}

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

#maincontent ul#portnav li.reslink a {
	width: 609px;
	display: block;
	background: url(../assetts/residential-link.png) no-repeat;
}

#maincontent ul#portnav li.hist-link a {
	width: 609px;
	display: block;
	background: url(../assetts/historical-link.png) no-repeat;
}

#maincontent ul#portnav li.misc-link a {
	width: 609px;
	display: block;
	background: url(../assetts/misc-link.png) no-repeat;
}