/* //////////////////////////////////////////////////////////////////////// 
/* 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,p,blockquote,th,td {  margin:0; padding:0; }

p { margin-bottom: 1.2em; line-height: 1.7em; }

html { overflow-y: scroll; }

body {
	font-family: verdana,arial; 
	font-size: 100%; 
	color: #261A06;
	height: 100%;
	background-color: black;
}

strong {	}
img { border: 0;}

#slideshow {
	float: right;
	/*border: 6px solid #E5E3DD;*/
	margin-left: 8px;
	margin-bottom: 15px;
}

/* DIVS
****************************************************** */

#header-long-container { width: 100%; float: left; 
	background: url(images/header_back.jpg) repeat-x;
}

#header-centre-container { width:890px; margin: auto; }

#header_left {
	background: url(images/header_left.jpg) no-repeat;
	width: 518px;
	height: 168px;
	float: left;
}

#header_right {
	background: url(images/header_right.jpg) no-repeat;
	width: 372px;
	height: 168px;
	float: left;
}

#menu_back {
	background: url(images/menu_back.jpg) no-repeat;
	width: 518px;
	height: 68px;
	float: left;
}

#phone {
	background: url(images/phone.jpg) no-repeat;
	width: 372px;
	height: 68px;
	float: left;
}

#content-long-container { width: 100%; float: left; background-color: #898ea1;	background: url(images/pattern.jpg); }

#content-centre-container { width:890px; margin: auto; background-color: white; }

/* LEFT COL */

#left {
	width: 238px;
	float: left;
	font-size: 12px;
	line-height: 22px;
	min-height: 300px;
	background: url(images/paper.jpg) no-repeat;
	background-position: top;
	background-color: white;
}

.left-pad { padding: 69px 15px 10px 40px; height: 140px;}

#left a:hover { text-decoration: none; color:Black; }


/* RIGHT COL */

#right {	
	width: 652px;
	float: left;
	font-size: 12px;
	line-height: 22px;
	min-height: 318px;
	background-color: white;
}

.right-pad { padding: 10px 10px 0px 10px }

#right li, #left li { margin-left: 20px;}

/* FOOTER AREA */

#footer-long-container { 
	float: left; width: 100%; height: 140px;
	background: url(images/footer_back.jpg) repeat-x;
}

#footer-centre-container { 
	width:890px;
	margin: auto;
	color: white;
	padding-top: 20px;
	font-size: 11px;
}

/* HEADINGS */

h1 { color: #004A71;	font-family: calibri, Verdana; font-size: 20px; font-weight: normal; padding-bottom: 20px; }
h2 { color: #004A71;	font-family: calibri, Verdana; font-size: 18px; font-weight: normal; padding-bottom: 20px; }

/* MAIN MENU AT THE TOP 
/* //////////////////////////////////////////////////////////////////////// */

#menu {text-align: left; list-style: none;}
#menu li {display: block; height: 31px; float: left; line-height: 31px; list-style: none;}
#menu li a {
	text-transform: uppercase;
	padding: 0px 17px 0px 17px;
	font-family: arial;
	color: #EEEEEE;
	font-size: .9em;
	text-decoration: none;
}
#menu li a:hover {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!important;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
#footer-centre-container li a:hover {color: #cacaca;}
#footer-centre-container a { 	color: #8c8fa0 !important;}


/* OTHER BITS */
/* **************************************************** */

.image-border { border: 1px solid #E5E3DD; padding: 2px; }

.fatborder {
	background-color:#676247;
	border:6px solid #c2c7b7;
	padding:1px;
}	

a { color: #871d1d; }

.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%;
}

.test { color: #006699;	font-style: italic; }

#howis li { padding-bottom: 10px; }
