@charset "utf-8";
/* CSS Document */

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#cab586;
	width:1000px;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	width:825px;
	height:auto;
	text-align: left;
}

.links { /* this is the main outlines for all links within the site*/
	font-family:Arial, Helvetica, sans-serif;
	color:#512F00;
	font-weight:bold;
	font-size:10px;
}

.links2 { /* this is the main outlines for all links within the site*/
	font-family:Arial, Helvetica, sans-serif;
	color:#512F00;
	font-weight:bold;
	font-size:12px;
}

a:visited{ /*a link after being visited by the user*/
	color:#512F00;
	text-decoration: none;
}

a:hover{ /*on the cursor hovering over the link*/
	text-decoration: underline;
	color:#f4efe5;
}

/* HEADER OF THE WEBSITE */

.mainHeader {
	width:825px;
	height:166px;
	float:left;
	background-image:url(images/header_r1_c2.jpg);
	font-size:1px;
}

.mainMenu {
	width:825px;
	height:35px;
	float:left;
	font-size:1px;
}

.mainMenuLeft {
	width:124px;
	height:35px;
	float:left;
	font-size:1px;
}

.mainMenuHome {
	width:83px;
	height:35px;
	float:left;
	font-size:1px;
}

.mainMenuAccommodation {
	width:152px;
	height:35px;
	float:left;
	font-size:1px;
}

.mainMenuMenu {
	width:86px;
	height:35px;
	float:left;
	font-size:1px;
}

.mainMenuPhotos {
	width:90px;
	height:35px;
	float:left;
	font-size:1px;
}

.mainMenuMap {
	width:80px;
	height:35px;
	float:left;
	font-size:1px;
}

.mainMenuContact {
	width:210px;
	height:35px;
	float:left;
	font-size:1px;
}

/* MAIN CONTENT OF THE SITE */

.mainContainer {
	width:825px;
	height:auto;
	float:left;
	background-image:url(images/content_r2_c2.jpg);
}

.mainContent {
	width:745px;
	height:auto;
	float:left;
	padding-left:40px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#524427;
}

.mainContent .table{
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:524427;
}

.mainContent .image {
	border:double #512F00; 
}

/* INDEX LEFT */

.mainTextLeft {
	width:480px;
	height:auto;
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:524427;
	text-align:justify;
}

.mainPhotoRight {
	width:210px;
	height:auto;
	float:right;	
}

/* MENU CONTENT */

.mainContentMenu {
	width:745px;
	height:auto;
	float:left;	
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#524427;
}

.mainContentTable{
	width:500px;
	height:auto;
	float:center;	
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#524427;
}

/* CONTACT CONTENT */

.mainContentleft {
	width:275px;
	height:auto;
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#524427;
}

.mainContentGap {
	width:40px;
	height:365px;
	float:left;	
}

.mainContentRight {
	width:340px;
	height:auto;
	float:left;
	padding-right:40px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#524427;
	padding-left: 40px;
}


/* FOOTER */

.mainFooter {
	width:825px;
	height:34px;
	float:left;
	background-image:url(images/change_r2_c2.jpg);
}

.mainFooterText {
	width:825px;
	height:20px;
	float:left;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color:#f4efe5;
}

.mainFooterLower {
	width:825px;
	height:100px;
	float:left;
	background-image:url(images/bottom_r2_c2.jpg);
	padding-left:2px;
}

.mainFooterLowerText {
	width:795px;
	height:100px;
	float:left;
	padding-top:5px;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#524427;
}