@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-color:#FFFFFF;
}

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

.links { /* this is the main outlines for all links within the site*/
	font-family:Arial, Helvetica, sans-serif;
	color:#000f3a;
	font-weight:bold;
	font-size:10px;
}
a:link{ font-weight:bold; color:#999999; text-decoration: none;}
a:visited{ color: #df0024; text-decoration: none;}
a:active{ color: #999999; text-decoration: none;}
a:hover{ text-decoration: underline;	color: #ffffff;}

/*==========main container==========*/

.main_container{width: 850px; height: auto; float: left; background-image:url(images/background_02.jpg); background-repeat:repeat-y;}

/*==========header==========*/

.header{width: 818px; height: 207px; float:left;}

/*==========leftside==========*/

.left_menu{ width: 208px; height:auto; float:left; }

/*==========content==========*/

.content{ 
	width:610px; 
	height:auto; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#ffffff;
}

.content_text_top{width:316px; height:207px; float:left; margin-left:10px;}
.content_text_top_chill{width:316px; height:300px; float:left; margin-left:10px;}
.content_image{width:264px; height:207px; float:left;}
.content_text{ width:550px; height:auto; float:left; margin-left:10px;}

.h1{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#df0024; 
	font-weight:bold; 
	text-decoration:underline;
}

.h2{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#df0024; 
	font-weight:bold; 
}

.h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#df0024; 
	font-weight:bold; 
}

.h3{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#ffffff; 
	font-weight:bold; 
}

.h4{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#ffffff; 
	font-weight:bold; 
}

.h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	color:#ffffff; 
	font-weight:bold; 
}

.opening{ width: 610px; height: 199px; float:left; background-image:url(images/opening_times.jpg); background-repeat:no-repeat; }
.gallery{ width: 610px; height: 38px; float:left; margin-bottom:5px; }
.opening_text{ width: 550px; height: auto; float:left; margin-left:40px;}

.contact_form{width:570px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
.form{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

/*==========footer==========*/

.footer_container{width:818px; height:41px; float:left; background-image:url(images/footer.jpg); }

.footer_top{ width:818px; height:15px; float:left; font-size:1px; }

.footer_left{
	width: 380px; 
	height:25px; 
	float: left; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-left: 20px; 
}

.footer_right{
	width: 380px; 
	height:25px; 
	float: left; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-right: 20px; 
	text-align:right;
}