/*------------------------------------------------------
	title:Lorraine B&B - Main Style Sheet
	author: Daniel Baker - www.mycophobia.co.uk
	modified: 20/06/07
------------------------------------------------------*/


*    
	{
	margin-top:0;
	padding:0;

	}
	
body 
	{
	background:#433333 url(../images/backgrounds/bg.jpg) top left repeat;
	text-align:center;  /* to correct the centering IE bug*/
	font-family:Verdana;
	font-size:72%;  
	}


/*------------------------------------------------------
					Page Structure
------------------------------------------------------*/


#wrapper 
	{ 
 	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
 	width: 662px;
	}

#header_top 
	{
	width: 474px;
	background:transparent url(../images/backgrounds/header_top.jpg) top right no-repeat;
	height:5px;
	float:left;
	}

#header_middle  
	{
	width: 474px;
	background:transparent url(../images/backgrounds/header_middle.jpg) top left repeat-y;
	height:137px;
	float:left;
	}

.divider
	{
	width: 474px;
	background: #fff url(../images/backgrounds/divider.jpg) top left repeat-x;
	height: 4px;
	margin: 0 auto;
	float:left;
	}

#page_middle
	{
	width: 474px;
	background:transparent url(../images/backgrounds/page_middle.jpg) top left repeat-y;
	height: auto;
	float:left;
	display:inline;
	}

#page_footer
	{
	width: 474px;
	background:transparent url(../images/backgrounds/page_footer.jpg) 	top right no-repeat;
	height:6px;
	float:left;
	}

#leftcolumn 
	{ 
 	display: inline;
 	color: #fff;
 	margin: 0px;
 	padding: 0px;
 	width: 188px;
 	float: left;
	}

#logo
	{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	border:none;
	}

#rightcolumn 
	{ 
 	float: right;
 	color: #333;
 	margin: 0;
 	padding: 0px;
 	width: 474px;
 	display: inline;
 	position: relative;
	}

#footer 
	{ 
	width: 474px;
 	clear: both;
 	margin: 18px 0px 0px 0px;
	float: right;
	font-size:10px;
	text-decoration:none;
	font-weight:none;
	color:#fff;
	}
 	
#okbody
	{
	margin-top: 65px;
	margin-left: auto;
	color:#fff;
	margin-right: auto;
	margin-bottom: auto;
 	width: 450px;
	}

#okbody a
	{
	color:white;
	font-weight:none;
	text-decoration:underline;
	width: 128px;
	height: 25px;
	}
	
#okbody a:hover  
	{
	text-decoration:underline;
	color:#fff !important;
	}
	

/*------------------------------------------------------
					Navigation Lists
------------------------------------------------------*/


#buttons
	{
 	margin-top: 25px;
	margin-left: 20px;
	margin-right: auto;
	margin-bottom: auto;
	float:left;
	background: url(../images/navigation/nav_background.gif) top left no-repeat;
	width: 141px;
	height: 214px;
	}

ul.navigation 
	{
	float: left;
 	margin-top: 14px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: auto;
	display:inline;
	}

ul.navigation li
	{
	color:white;
	list-style-type:none; 
	} 
	
ul.navigation li a
	{
	color:white;
	font-weight:none;
	text-decoration:none;
	width: 128px;
	height: 25px;
	display:block;
	}
	
ul.navigation li a:hover  
	{
	text-decoration:none;
	color:#fff !important;
	}
	

/*------------------------------------------------------
					Navigation Main
------------------------------------------------------*/


.main li     
	{
	margin-top:5px;
	margin-left: 6px;
	margin-right: auto;
	margin-bottom: auto;
	}	

.main li a  
	{
	height: 25px;
	width: 128px;
	display:block;
	}
	
.main li a span
	{
	display: block;
	overflow:hidden;
	height:0;
	width:0;
	font-size:0;
	}
	
.main li a.nav_home
	{
	background: url(../images/navigation/home.jpg) bottom left no-repeat;
	}
	
.main li a.nav_accommodation
	{
	background: url(../images/navigation/accommodation.jpg) bottom left no-repeat;
	}

.main li a.nav_booking
	{
	background: url(../images/navigation/booking.jpg) bottom left no-repeat;
	}

.main li a.nav_local
	{
	background: url(../images/navigation/local.jpg) bottom left no-repeat;
	}

.main li a.nav_find
	{
	background: url(../images/navigation/find.jpg) bottom left no-repeat;
	}

.main li a.nav_contact
	{
	background: url(../images/navigation/contact.jpg) bottom left no-repeat;
	}

.main li a:hover  
	{
	background-position:-0px 0;
	}


/*------------------------------------------------------
					Navigation Footer
------------------------------------------------------*/

	
#home_page .navigation li a.nav_home, 
#accommodation .navigation li a.nav_accommodation, 
#booking .navigation li a.nav_booking, 
#local .navigation li a.nav_local,
#find .navigation li a.nav_find,
#contact .navigation li a.nav_contact,


	{
	background-position:-0px 0;
	color:#fff !important;
	text-decoration:none;
	}


/*------------------------------------------------------
					Text
------------------------------------------------------*/


.footer_text, .footer_text a
	{
	color:white;
	font-weight:none;
	text-decoration:none;
	margin: 0 auto;
	margin-bottom:21px;
	}

.footer_text a:hover
	{
	text-decoration:underline;
	color:#fff !important;
	}

.footer_nav, .footer_nav a
	{
	color:white;
	font-weight:none;
	text-decoration:none;
	margin: 0 auto;
	}

.footer_nav a:hover
	{
	text-decoration:underline;
	color:#fff !important;
	}

#leftcolumn a:hover
	{
	text-decoration:underline;
	color:#fff !important;
	}

#leftcolumn, #leftcolumn a
	{
	color:white;
	font-weight:none;
	text-decoration:none;
	margin: 0 auto;
	}

#page_middle a:hover
`	{
	font-weight:normal;
	color:#3A2323;
	text-decoration:underline;
	}

#page_middle a
	{
	color:#3A2323;
	font-weight:none;
	text-decoration:underline;
	}

p.navigation
	{
	color:#FFFFFF;
	font-size: 10px;
 	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: auto;
	text-decoration:none;
	font-weight:none;
	float:left;
	text-align:right; 
	}

p.contact
	{
	color:#fff;
	font-size: 10px;
 	margin-top: 25px;
	margin-left: 45px;
	margin-right: auto;
	margin-bottom: auto;
	text-decoration:none;
	font-weight:none;
	float:left;
	text-align:right; 
	}

#contacttext
	{
	width:174px;
	height:auto;
	color:#3A2323;
	font-size: 10px;
	text-align:left; 
	font-size: 10px;
 	margin-top: 84px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: auto;
	text-decoration:none;
	font-weight:none;
	float:left;
	text-align:left; 
	}


/*------------------------------------------------------
					Little Columns
------------------------------------------------------*/


h1
	{
	font-weight:normal;
	color:#3A2323;
	font-size:13px;	
 	margin-top: 15px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:left; 
	font-family:verdana;
	}
	
h2
	{
	font-size:11px;
	color:#3A2323;
	font-weight:normal;
 	margin-top: 15px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:left; 
	font-family:verdana;
	}

p.columnleft
	{
	color:#3A2323;
	font-size: 10px;
 	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 25px;
	text-decoration:none;
	font-weight:none;
	float:left;
	text-align:left; 
	display:inline;
height: auto;
	}

p.columnleftlocal
	{
	color:#3A2323;
	font-size: 10px;
 	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 25px;
	text-decoration:none;
	font-weight:none;
	float:left;
	text-align:left; 
	display:inline;
	}

#columnleft
	{
	width:276px;
	height:auto;
	background:#E9E5E5;
	float:left;
	display:inline;
 	margin-top: 0px;
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: 1px;
	color:#3A2323; 
	float:left;
	text-align:left; 
	}

#columnlefthome
	{
	width:276px;
	height:497px;
	background:#E9E5E5;
	float:left;
	display:inline;
 	margin-top: 0px;
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: 1px;
	color:#3A2323; 
	float:left;
	text-align:left; 
	}

#columnleftlocal
	{
	width:276px;
	height:auto;
	background:#E9E5E5;
	float:left;
	display:inline;
 	margin-top: 0px;
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: 1px;
	color:#3A2323; 
	float:left;
	text-align:left; 
	}

#columnleftfindus
	{
	width:461px;
	height:auto;
	background:#E9E5E5;
	float:left;
	display:inline;
 	margin-top: 0px;
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: 1px;
	color:#3A2323; 
	float:left;
	text-align:left; 
	}

#columnleftaccommodation
	{
	width:276px;
	height:438px;
	background:#E9E5E5;
	float:left;
	display:inline;
 	margin-top: 0px;
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: 1px;
	color:#3A2323; 
	float:left;
	text-align:left; 
	}

#columnleftbooking
	{
	width:276px;
	height:359px;
	background:#E9E5E5;
	float:left;
	display:inline;
 	margin-top: 0px;
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: 1px;
	color:#3A2323; 
	float:left;
	text-align:left; 
	}

#columnright
	{ 
	width:184px;
	height:auto;
	background:#E9E5E5;
	float: right;
 	display: inline;
 	position: relative;
 	margin-top: 0px;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 1px;
	}

#columnrightaccommodation
	{ 
	width:184px;
	height:700px;
	background:#E9E5E5;
	float: right;
 	display: inline;
 	position: relative;
 	margin-top: 0px;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 1px;
	}

#columnrighthome
	{ 
	width:184px;
	height:497px;
	background:#E9E5E5;
	float: right;
 	display: inline;
 	position: relative;
 	margin-top: 0px;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 1px;
	}

#columnrightlocal
	{ 
	width:184px;
	height:auto;
	background:#E9E5E5;
	float: right;
 	display: inline;
 	position: relative;
 	margin-top: 0px;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 1px;
	}

#columnrightfind
	{ 
	width:184px;
	height:545px;
	background:#E9E5E5;
	float: right;
 	display: inline;
 	position: relative;
 	margin-top: 0px;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 1px;
	}

#columnrightcontact
	{ 
	width:184px;
	height:366px;
	background:#E9E5E5;
	float: right;
 	display: inline;
 	position: relative;
 	margin-top: 0px;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 1px;
	color:#3A2323;
	font-size: 10px;
	text-align:left; 
	}

#columnrightbooking
	{ 
	width:184px;
	height:359px;
	background:#E9E5E5;
	float: right;
 	display: inline;
 	position: relative;
 	margin-top: 0px;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	}


/*------------------------------------------------------
					MAilForm
------------------------------------------------------*/


#form 
	{ 
	margin-top:20px; 
	margin-bottom:0px; 
	margin-left:6px;
	margin-right:0px; 
	width:265px; 
	padding:0px; 
	background-color:#E9E5E5; 
	float:right;
	}

p.formtext
	{
	color:#3A2323;
	font-size: 10px;
	margin:0 auto;
	text-decoration:none;
	font-weight:bold;
	float:left;
	text-align:left; 
	margin-right:0px;
height: 287px;
	}

#input 
	{ 
	background-color:#DBD3D3; 
	color: #3A2323; 
	border:0;
	margin-right:0px;
	min-width:250px;
	max-width:250px;
	float:left;
	}

#select 
	{ 
	background-color:#FFFFFF; 
	color:#3A2323;
	border:0;
	margin-right:6px;
	min-width:180px;
	max-width:180px;
	float:left;
	}

#textarea 
	{ 
	background-color:#DBD3D3; 
	color:#3A2323;
	border:0;
	float:left;
	text-align:left; 
	min-width:180px;
	max-width:180px;
	min-height:100px;
	min-height:100px;
	}

#submit
	{
	margin-top:8px; 
	margin-bottom:7px; 
	margin-left:0px;
	margin-right:6px;
	padding: 0;
	color:#3A2323;	
	font-weight:bold;
	font-family: verdana;
	font-weight: normal;
	font-size: 9pt;
	float:right;
	}

#Name
	{
	min-width:180px;
	max-width:180px;
	float:right;
	margin-right:6px;
	}

#Email
	{
	min-width:180px;
	max-width:180px;
	float:right;
	margin-right:6px;
	}

#Telephone
	{
	min-width:180px;
	max-width:180px;
	float:right;
	margin-right:6px;
	}

#Address
	{
	min-width:180px;
	max-width:180px;
	float:right;
	margin-right:6px;
	}

#Message
	{
	min-width:245px;
	max-width:180px;
	float:right;
	margin-right:6px;
	}


/*------------------------------------------------------
					Images
------------------------------------------------------*/


.banner
	{
	margin-top:0px;
	border:none;
	margin: 0px 0px 0px 0px;
	}


/*------------------------------------------------------
					Photos
------------------------------------------------------*/


#homephotos
	{
	width:173px;
	height:auto;
	margin-top:6px;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:0px;
	border:none;
	}

#accommodationphotos
	{
	width:177px;
	height:390px;
	margin-top:40px;
	margin-left:4px;
	margin-right:0px;
	margin-bottom:8px;
	border:none;
	}

#localphotos
	{
	width:178px;
	height:auto;
	margin-top:9px;
	margin-left:3px;
	margin-right:0px;
	margin-bottom:8px;
	border:none;
	}

#bookingphotos
	{
	width:172px;
	height:auto;
	margin-top:7px;
	margin-left:6px;
	margin-right:0px;
	margin-bottom:0px;
	border:none;
	}

.photoaccommodation
	{
	margin-top:2px;
	margin-bottom:8px;
	}

.photolocal
	{
	margin-top:2px;
	}

.photohome
	{
	margin-top:0px;
	}

.photobooking
	{
	margin-top:3px;
	}