/* CSS Document */

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

Developed by: Peter Mansell
Date: 29/10/08
For: Red Lion

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

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

Document Content

-------------- */
body {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	background-color:#FFF;
	text-align: center;
	font:62.5%/1.5 Arial, Helvetica, sans-serif;
	}

#container {
	width: 960px; 
	margin: auto;
	text-align:left; 
	background-color:#000;
	zoom:1;
	}
#navigation	{
	padding:30px 0 0 0;
	margin:0px;
	float:left;
	width:155px;
}

#links	{
	padding:0px;	
}
a { color:#D4242B; }

#footer	{
	width: 960px; 
	margin-top: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto; 	
	text-align:left; 
	background-color: #FFF;
}

#tr { background:transparent url(../images/tr.gif) no-repeat top right; }
	#br { background:transparent url(../images/br.gif) no-repeat bottom right; }
		#logo { background:transparent url(../images/logo.gif) no-repeat bottom left; margin:0 21px 21px 0; border-top:21px solid #000000; }
			body#home #logo { background-image:none; }
	

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

Headers

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

h1	{
	color:#d4242b;
	font-weight:bold;
	font-size:2em;
}
	body#home h1 { font-size:1.7em; margin:0; line-height:1; padding-top:10px; }

h2	{
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.4em;
	margin:0;
	line-height:1; 
}

h3	{
	color:#ddd8a8;
	font-weight:bold;
}
	body#menu h3 { font-size:1.4em; margin:0; padding-top:10px; }
		body#menu h3 span { color:#d4242b; }

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

Elements

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

p { 
	color:#ddd8a8; 
	font-size:1.2em; 
}

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

Colour

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

.red { color:#d4242b; }

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

Menu Section

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

#dynamic-content.menu table { margin:10px; clear:both; }

#dynamic-content.menu h3, #dynamic-content.menu p { color:#000000;  }
#dynamic-content.menu h3, #dynamic-content.news h3 { font-size:2em; color:#d22129; padding:0 10px; }
#dynamic-content.menu p, #dynamic-content.news p { padding:0 10px; margin:0; color:#333333; }
	#dynamic-content.news h3, #dynamic-content.news p { padding:0 10px 10px 10px; }
		#dynamic-content.news p strong { color:#000000; }
#dynamic-content.menu hr { color:#d22129; background-color:#d22129; height:1px; border:none; }
#dynamic-content.menu td.bottom p strong {color:#000000; }
/* -------------- 

Page's

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

#static-content ul { color:#ddd8a8; padding:10px 0; margin:0 0 0 20px; }
	#static-content ul li { font-size:1.1em; font-weight:bold; }
	
body#menu #static-content p, body#menu #static-content ul, body#menu #static-content h1, body#menu #static-content h3 { padding:0 10px 0 30px; }

.map-contact-map-page { margin:20px 0; }

#dynamic-content-top { padding-top:135px; }

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

Content Sections

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

#static-content	{
	width:352px;
	float:left;
}
	body#home #static-content {
		padding:45px 56px 0 30px;
		width:266px;
	}

#dynamic-content	{
	width:425px;
	float:left;
}
body#menu #dynamic-content, body#news #dynamic-content {
	background:#FFFFFF;
}

	body#menu #dynamic-content {
		margin:0;
		width:432px;
		padding:0 0 20px 0;
	}
	body#menu #dynamic-content.news #content-box { padding:10px; }

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

Map Section

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

div#map-content { float:left; width:600px; }
div#back-button { float:left; padding:380px 0 0 20px; }



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

Links Section

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

#links ul	{
	padding:0 0 0 15px;
	list-style:none;
	margin:0px;
	zoom:1;
}

	#links ul li	{
	width:119px;
	padding:2px 0;
	}
	
		#links ul li a {
		color:#ddd8a8;
		display:block;
		font-weight:bold;
		text-decoration:none;
		padding:1px 0 0 18px;
		font-size:1.8em;
		line-height:1.5;
		zoom:1;
		}
		
			#links ul li a.current {
			background:#d2232a url(../images/links-left.gif) no-repeat top left;
			}
			
			#links ul li a.current:hover {
			background:#d2232a url(../images/links-left.gif) no-repeat top left;
			}
			
			#links ul li a:hover {
			background:#d2232a url(../images/links-left.gif) no-repeat top left;
			}
			

/*
	#sub-menu ul	{
	list-style:none;
	margin:0;
	padding:0;
	text-align: center;
	}
		#sub-menu ul li	{
		padding:0;
		margin:0;
		display: inline;
		}
		
			#sub-menu ul li a	{
			color:#D2222A;
			text-decoration:none;
			font-size:1.2em;
			background:#FFF;
			padding-left:5px;
			font-weight:bold;
			}
			
			#sub-menu ul li a.current	{
			background:#D2222A;
			color:#FFFFFF;
			}
			
			#sub-menu ul li a:hover	{
			background:#D2222A;
			color:#FFFFFF;
			}*/

#sub-menu	{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
	zoom:1;
}
#sub-menu ul	{
	list-style:none;
	position:relative;
	left:-50%;
	margin:0 0 20px 0;
	padding:0;
}

#sub-menu li	{float:left;position:relative; margin:0 5px;}/* ie needs position:relative here*/

#sub-menu a	{
	text-decoration:none;
	margin:0;
	float:left;
	font-size:1.6em;
	color:#000000;
	padding:0;
	text-align:center;
	white-space:nowrap;
	zoom:1
}
#sub-menu a span { display:block; float:left; padding:10px 5px 5px; cursor:pointer;}
#sub-menu a:hover, #sub-menu ul li a.current 	{ 
	background:#d2232a url(../images/sub-menu-left.gif) no-repeat bottom left;
	color:#fbe7b4;
}
#sub-menu a:hover span, #sub-menu ul li a.current span	{ 
	background:transparent url(../images/sub-menu-right.gif) no-repeat bottom right;
	color:#fbe7b4;
}


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

Forms

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

select, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
}

form.baseform { padding-top:33px; }

form.baseform input, select, textarea {
	font-size:1.1em;
}

form.baseform input#newsletter { margin:5px 5px 0 0; }

form.baseform label {
	width:150px;
	float:left;
	color:#DDD8A8;
	font-size:1.3em;
}

form.baseform label.news, form.baseform label.recive {
width:400px;
}

form.baseform div.textarea label {
	color:#FFFFFF;
	float:none;
}
form.baseform div.textarea	{
padding-top:30px;
width:80%;
}
	form.baseform div.textarea textarea { width:100%;  }

form.baseform div.padding	{
padding-top:30px;
}

form.baseform div {
	padding:6px 0 6px 0;
}

form.baseform div.nofloat label {
	float:none;
}
			
#fs-0 label	{
	width:330px;
}

form.baseform input.button, a.map-button, a.map-button-back  { 
	float:right; 
	color:#FFFFFF; 
	border:none; 
	background:#d2232a url(../images/button.gif) no-repeat top left; 
	text-indent:-99999px; 
	height:30px; 
	width:67px; 
	cursor:pointer;
	margin:0 0 10px 0;
}

a.map-button, iframe.iframe {
	float:left;
	background:#d2232a url(../images/button-map.gif) no-repeat top left;
	margin:0 0 0 5px;
}

iframe.iframe {
	background:none;
}

a.map-button-back {
	padding:0;
	background:#d2232a url(../images/button-back.gif) no-repeat top left;
}
		
/* -------------- 

Footer

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

#footer p.footer	{
	font-size:1.5em;
	padding:0 0 0 10px;
	margin:0;
	color:#000;
}

.red-pipe	{
	color:#CF121B;
}

#footer p.footer a	{
	color:#000000;
	text-decoration:none;
}

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

MISC

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

.float	{
float:left;
}

#error	{
display:block;
padding:10px;
background:#FF9F9F;
border:1px solid #FF0000;
color:#000;
margin-right:21px;
}

#complete	{
display:block;
padding:10px;
border:1px solid #FFF;
background:#00CC00;
color:#FFF;
margin-top:21px;
margin-right:21px;
}

.bottom	{
vertical-align:bottom;
text-align:center;
}

#print	{
	display:none;
	padding:10px 0;
}

#print a	{
font-size:1.2em;
color:#000000;
}

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

Clearfix 

-------------- */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */