/*
   Document   : Layout
   Created on : 11-Sept-2009
   Author     : Mark McDonnell
	Swatches	:
		#004990 = Dark Blue
		#909EC9 = Light Blue
		#C1C8E2 = Lighter Blue
		#004990 = Standard Blue
		#58585A = Grey
	Description:
   	Completely controls the website design and layout
*/

/*** IE6 MESSAGE ***/
#ie-message 
{ background:#C00; text-align:center; border-bottom:1px solid #900; color: #fff;  padding:5px; width:99.1%; }

#ie-message a 
{ color:#fff; }

#ie-message a:hover
{ text-decoration:none; }

/*** BASIC RESET DECLARATIONS ***/

html, body
{ border:0; color:#000; font:normal small Arial, Verdana, sans-serif; margin:0; padding:0; vertical-align:baseline; }

body
{ background-color:#FFF; }

pre, code
{ font-family:Consolas, "Courier New", Courier, monospace; color:#00C; }

em
{ font-style:italic; }

table
{ table-layout:fixed; border-collapse:collapse; }

p, h1, h2, h3, h4, h5
{ margin:0; margin-bottom:0.5em; }

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

h1
{ font-size:3em; }

h2
{ font-size:2.5em; }

h3, h4, h5
{ font-size:2em; }

img,
embed
{ display:block; border:none; }

form
{ margin:0; }

hr
{ color:#004990; background-color:#004990; height:1px; border:0; }


/*** GLOBAL DECLARATIONS ***/

#website
{ margin:2em auto auto; position:relative; width:948px; }

.imageReplacement
{ font-size:85%; margin:0; position:relative; }

.imageReplacement span
{ background-position:left top; background-repeat:no-repeat; height:100%; position:absolute; width:100%; }

.imageReplacement.header
{ height:165px; margin:0; position:relative; width:948px; }

.imageReplacement.header span
{ background:url(../Images/header.png) left top no-repeat; height:100%; position:absolute; width:100%; }

.imageReplacement.header strong
{ visibility:hidden; }

#navigation
{ list-style:none; margin:0; padding:0; position:absolute; right:31px; top:133px; }

#navigation li
{ float:left; }

a.imageReplacement.home,
a.imageReplacement.sales,
a.imageReplacement.lettings,
a.imageReplacement.holiday,
a.imageReplacement.contact
{ cursor:pointer; display:block; height:32px; }

a.imageReplacement.home
{ width:70px; }

a.imageReplacement.sales
{ width:70px; }

a.imageReplacement.lettings
{ width:102px; }

a.imageReplacement.holiday
{ width:145px; }

a.imageReplacement.contact
{ width:102px; }

a.imageReplacement.home span,
a.imageReplacement.sales span,
a.imageReplacement.lettings span,
a.imageReplacement.holiday span,
a.imageReplacement.contact span
{ background-image:url(../Images/navigation.png); }

a.imageReplacement.home span
{ background-position:0 0; }

a.imageReplacement.sales span
{ background-position:-70px 0; }

a.imageReplacement.lettings span
{ background-position:-140px 0; }

a.imageReplacement.holiday span
{ background-position:-242px 0; }

a.imageReplacement.contact span
{ background-position:-387px 0; }

a.imageReplacement.home span:hover,
a.imageReplacement.home.current span
{ background-position:0 -32px; }

a.imageReplacement.sales span:hover,
a.imageReplacement.sales.current span
{ background-position:-70px -32px; }

a.imageReplacement.lettings span:hover,
a.imageReplacement.lettings.current span
{ background-position:-140px -32px; }

a.imageReplacement.holiday span:hover,
a.imageReplacement.holiday.current span
{ background-position:-242px -32px; }

a.imageReplacement.contact span:hover,
a.imageReplacement.contact.current span
{ background-position:-387px -32px; }

#content
{ background:url(../Images/bg-repeat.png) left top repeat-y; overflow:hidden; padding:20px 41px 20px 30px; }

.intro,
p
{ line-height:1.4em; }

.intro
{ color:#004990; font-size:120%; margin-bottom:15px; }

.hide
{ display:none; }

#footer
{ background:url(../Images/footer-bg.png) left top no-repeat; font-size:85%; list-style:none; margin:0; overflow:hidden; padding:10px; width:948px; }

#footer li
{ background:url(../Images/divider.png) left center no-repeat; float:left; margin-left:8px; padding-left:12px; }

#footer li:first-child
{ background:none; margin:0 190px 0 0; padding-left:21px; }

#footer li:first-child span
{ color:#004990; text-transform:uppercase; }

#footer a
{ color:#58585A; text-decoration:none; }

#footer a:hover,
#footer a:focus
{ color:#000; }

#bottom
{ background:url(../Images/footer-bottom.png) left top no-repeat; clear:both; display:block; height:13px; }