/* //////////////////////////////////////////////////////////////////////// 
/* Style Sheet 
/* Logic Red Web Design  - www.logicred.co.uk 
/* //////////////////////////////////////////////////////////////////////// */

/* BODY
****************************************************** */

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

html { overflow-y: scroll; }

body {
	font-family: arial; 
	font-size: 100%; 
	color: #343434;
	height: 100%;
	background-color: #343434;
	line-height: 22px;
}

strong {	}
img { border: 0;}

/* DIVS
****************************************************** */

#header-long-container { 
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	width: 100%; float: left; height: 181px;}

#header-centre-container { width:874px; margin: auto; }

#logo {
	background: url(../images/logo.gif) no-repeat;
	width: 874px;
	height: 112px;
	float: left;
}

#topnav {
	width: 874px;
	height: 42px;
	float: left;	
}

#content-long-container { background: white; width: 100%; float: left; }

#content-centre-container { width:874px; margin: auto; font-size: 14px;}
#content-centre-container-rightmove { width:980px; margin: auto; font-size: 14px;}

#content-centre-container strong { color: #b22222;}

.contentpad { padding: 0px 20px 0px 20px; }
.contentpad-rightmove { padding: 0px 0px 0px 0px; }

/* FEATURED PROPERTY */

#teaser-long-container {
	background: #545454 url(../images/featured.gif) repeat-x; 
	
	float: left;
	width: 100%;
}

#teaser-centre-container {
	width:874px;
	margin: auto;
	min-height: 147px;
	color: white;
}

.teaser-pad { padding: 40px 10px 0px 10px; }

.featuredproperty img {
	background-color:#676247;
	border:8px solid #484848;
}	

.featuredproperty { font-size: 10px; line-height: 15px; padding-left: 10px;}


/* FOOTER AREA */

#footer-long-container { background: #545454 url(../images/footer.jpg) repeat-x;  float: left; width: 100%; height: 100px;}

#footer-centre-container { 
	width:874px;
	margin: auto;
	color: white;
	padding-top: 10px;
	font-size: 13px;
}

#footer-centre-container li { border-right: 1px solid #ccc;}
#footer-centre-container li.item11 {  border: 0!important; }

/* HEADINGS */

h1 { color: #004A71;	font-family: Verdana; font-size: 1.5em; font-weight: normal; padding-bottom: 10px; }

h2,h3 { 	
	background: url(../images/header-back.jpg) repeat-x; 
	height: 39px;
	line-height: 30px;
	text-indent: 10px;
	display: block;
	color: white;
	font-family: Verdana;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 10px;
}

/* MAIN MENU AT THE TOP 
/* //////////////////////////////////////////////////////////////////////// */

#topnav{text-align: left; list-style: none;}
#topnav li {display: block; height: 42px; float: left;  line-height: 53px; list-style: none;}
#topnav li a {
	display: block;
	padding: 0px 30px 0px 30px;
	font-family: arial;
	color: #EEEEEE;
	font-size: .9em;
	text-decoration: none;
}
#topnav li a:hover {color: #ebebeb;}
#topnav li#current {	height: 42px; background: url(../images/menu-right.jpg) 100% no-repeat;}	
#topnav li#current a { height: 42px; background: url(../images/menu-left.jpg) 0 no-repeat; color: black;}	

li.rightborder { border-right: 1px solid #424340; } 

/* FOOTER MENU 
/* //////////////////////////////////////////////////////////////////////// */

#footer-centre-container { text-align: center;list-style: none;}
#footer-centre-container li {display: inline; }
#footer-centre-container li a {
	text-transform: uppercase;
	padding: 0px 17px 0px 17px;
	font-family: arial;
	color: #EEEEEE;
	font-size: .9em;
	text-decoration: none;
}
#footer-centre-container li a:hover {color: #cacaca;}


/* OTHER BITS */
/* **************************************************** */

.image-border { border: 1px solid #E5E3DD; padding: 2px; }

.fatborder {
	background-color:#676247;
	border:6px solid #c2c7b7;
	padding:1px;
}	

a { color: #004A71; }

.clear {	clear: left; }

/* Fix's #container not clearing inner floats in firefox */
	.floatfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
	* html .floatfix {
	height: 1%;
}

#slideshow {
	float: right;
	border: 6px solid #E5E3DD;
	margin-left: 8px;
	margin-bottom: 5px;
}

/* JOOMLA CMS */

.moduletable_left { background-color: #cccccc; }
.moduletablepad_left { padding-left: 10px; }

.readmore a { color: #BBE8FF; font-size: 17px; }
.readmore a:hover { color: white!important; }
.createdate { background:transparent url(../images/date.gif) no-repeat scroll left center;
	color:#999999;
	padding-left:16px;
	font-style: italic;
	font-weight: bold;
	line-height: 30px;
}

body.mceContentBody {
	background-color: white !important;
	color: black;
	background-image: none;
   min-width: 0px!important;
	text-align: left!important;
	font-size: 12px;
}

body.mceContentBody a {	color: black; }

body.mceContentBody li { margin-left: 20px; }

.counter {font-size: 14px; font-weight: bold;}
.pagenav {font-size: 14px; font-weight: bold; line-height: 30px;}