﻿body 
{
    padding: 0;
    margin: 0;
    background-position: top center;
    background-image: url('images/layout/bg-tile.jpg');
    background-repeat: repeat-x repeat-y;
    font-family: 'Maiden Orange', cursive;
}

.menu-links
{
    text-align: left;
}
.menu-links a
{
    font-family: 'Maiden Orange', cursive;
    font-size: 16px;
    color: #352711;
    padding-left: 10px;
    text-decoration: none;
}
.menu-links a:hover
{
    font-family: 'Maiden Orange', cursive;
    font-size: 16px;
    color: #7f6c4e;
    padding-left: 10px;
    text-decoration: none;
}

img
{
    border: 0px;
}


form
{
    padding: 0px auto;
    margin: 0px auto;
}
h1.contents{display: none;}
h1
{
    margin: 0;
    padding: 0;
    font-family: 'Maiden Orange', cursive;
    font-size: 26px;
    color: #352711;
    margin-top: 10px;
    font-weight: 400;
}

p
{
    font-size: 14px;
    font-family: Arial;
    color: #1c1c1c;
}
table, tr, td, strong
{
    font-size: 14px;
    font-family: Arial;
    color: #1c1c1c;
}

#whole-container
{
    width: 100%;
    background-image: url('images/layout/bg-image.jpg');
    background-position: top center;
    background-repeat: no-repeat;
}

#website-container
{
    width: 1076px;
    text-align: center;
    margin: 0 auto;
}

#header
{
    width: 1076px;
    height: 153px;
    text-align: center;
    margin: 0 auto;
    background-image: url('images/layout/header.png');
    background-position: top center;
    background-repeat: no-repeat;
}

#main-logo-container
{
    width: 1076px;
    height: 153px;
    text-align: center;
    margin: 0 auto;
}

#website-shadow
{
    width: 1076px;
    background-image: url('images/layout/body-tile.png');
    background-position: top center;
    background-repeat: repeat-y;
}

#menu-container
{
    width: 1000px;
    height: 56px;
    text-align: center;
    margin: 0 auto;
}

a.home
{
	display: block;
	width: 117px;
	height: 56px;
	background: url(images/layout/1.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.home  {
	background-position: -117px 0;
}

a:active.home  {
	background-position: -117px 0;
}

a.menus
{
	display: block;
	width: 107px;
	height: 56px;
	background: url(images/layout/2.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.menus  {
	background-position: -107px 0;
}

a:active.menus  {
	background-position: -107px 0;
}

a.aboutus
{
	display: block;
	width: 127px;
	height: 56px;
	background: url(images/layout/3.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.aboutus  {
	background-position: -127px 0;
}

a:active.aboutus  {
	background-position: -127px 0;
}

a.media
{
	display: block;
	width: 104px;
	height: 56px;
	background: url(images/layout/4.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.media  {
	background-position: -104px 0;
}

a:active.media  {
	background-position: -104px 0;
}

a.vouchers
{
	display: block;
	width: 130px;
	height: 56px;
	background: url(images/layout/5.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.vouchers  {
	background-position: -130px 0;
}

a:active.vouchers  {
	background-position: -130px 0;
}

a.reviews
{
	display: block;
	width: 120px;
	height: 56px;
	background: url(images/layout/6.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.reviews  {
	background-position: -120px 0;
}

a:active.reviews  {
	background-position: -120px 0;
}

a.eventhire
{
	display: block;
	width: 146px;
	height: 56px;
	background: url(images/layout/7.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.eventhire  {
	background-position: -146px 0;
}

a:active.eventhire  {
	background-position: -146px 0;
}

a.contact
{
	display: block;
	width: 149px;
	height: 56px;
	background: url(images/layout/8.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.contact  {
	background-position: -149px 0;
}

a:active.contact  {
	background-position: -149px 0;
}

#main-banner
{
    width: 1000px;
    height: 365px;
    text-align: center;
    margin: 0 auto;
}

#main-content-container
{
    width: 937px;
    text-align: center;
    display: table;
    margin: 0 auto;
}

#left-column
{
    width: 646px;
    text-align: center;
    float: left;
}

#columnspacer
{
    width: 44px;
    text-align: center;
    float: left;
}

#right-column
{
    width: 247px;
    text-align: center;
    float: left;
}

.contentline-big
{
    width: 646px;
    height: 7px;
    background-image: url('images/layout/line-welcome.png');
    background-position: top center;
    background-repeat: no-repeat;
    display: table;
}

.contentline-small
{
    width: 247px;
    height: 7px;
    display: table;
    background-image: url('images/layout/line-opening-times.png');
    background-position: top center;
    background-repeat: no-repeat;
}

#footer-container
{
    width: 1054px;
    height: 217px;
    text-align: center;
    display: table;
    margin: 0 auto;
    background-image: url('images/layout/footer.png');
    background-position: top center;
    background-repeat: no-repeat;
}

#homecontentbox
{
    width: 420px;
    float: left;
    text-align: left;
}

#contentbox
{
    width: 100%;
    text-align: left;
}

#homecontent-harry
{
    width: 226px;
    float: left;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.content-pad
{
    padding-left: 10px;
    padding-right: 4px;
}

a.seetheresaurant
{
	display: block;
	width: 174px;
	height: 40px;
	background: url(images/layout/see-button.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.seetheresaurant  {
	background-position: -174px 0;
}

a:active.seetheresaurant  {
	background-position: -174px 0;
}

a.readreviews
{
	display: block;
	width: 174px;
	height: 40px;
	background: url(images/layout/reviews-button.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	margin-left: 40px;
	float: left;
}

a:hover.readreviews  {
	background-position: -174px 0;
}

a:active.readreviews  {
	background-position: -174px 0;
}

#harry-border
{
    width: 215px;
    height: 238px;
    display: table;
    text-align: center;
    background-image: url('images/layout/harry-border.png');
    background-position: top left;
    background-repeat: no-repeat;
}

#harry-image
{
    margin-top: 10px;
    margin-bottom: 8px;
}

#harry-text
{
    text-align: left;
    padding-left: 16px;
    padding-right: 10px;
    font-family: 'Maiden Orange', cursive;
    font-size: 19.46px;
    color: #7f6c4e;
}

#harrybutton
{
    margin-left: 10px;
    margin-top: 8px;
}

a.readharry
{
	display: block;
	width: 192px;
	height: 40px;
	background: url(images/layout/harry-button.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.readharry  {
	background-position: -192px 0;
}

a:active.readharry  {
	background-position: -192px 0;
}

.openingtimes-title
{
    font-size: 26px;
    color: #352711;
    font-family: 'Maiden Orange', cursive;
    text-align: left;
    padding-left: 5px;
    padding-top: 10px;
}

.openingdays
{
    font-family: Arial;
    font-size: 14px;
    color: #ab8036;
}

.openingtimes
{
    font-family: Arial;
    font-size: 14px;
    color: #ab8036;
}

#moreinfotext
{
    margin-top: 47px;
    margin-left: 9px;
    font-size: 14px;
    color: #2a1200;
    font-family: Arial;
    text-align: left;
}

a.getintouch
{
	display: block;
	width: 178px;
	height: 41px;
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(images/layout/get-in-touch.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a:hover.getintouch  {
	background-position: -178px 0;
}

a:active.getintouch  {
	background-position: -178px 0;
}
    
#footer-contact-info
{
    text-align: center;
    color: #352711;
    font-size: 26px;
    font-family: 'Maiden Orange', cursive;
    margin-top: 20px;
    font-weight: 400;
}

.footercontactindo-cream
{
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    font-family: 'Maiden Orange', cursive;
    margin-top: 20px;
}

#footerline-break
{
    width: 937px;
    height: 7px;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
    background-image: url('images/layout/footer-line.png');
    background-position: top center;
    background-repeat: no-repeat;
}

#footer-mailiglist
{
    width: 780px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
}

#footer-social
{
    width: 150px;
    text-align: left;
    float: left;
    margin-top: 4px;
}

#footer-mailinglist
{
    width: 630px;
    float: left;
    text-align: center;
}

#mailinglist-background
{
    width: 244px;
    height: 31px;
    background-image: url('images/layout/mailinglist-background.png');
}

.mailinglist-input
{
    width: 220px;
    background-color: transparent;
    border: 0;
    font-family: Arial;
    color: #352711;
    font-style: italic;
}

#maiinglist-pad
{
    padding-top: 5px;
}

.mailinglist-text
{
    font-family: Arial;
    font-size: 14px;
    color: #352711;
}

#footer-links
{
    width: 100%;
    display: table;
    margin-top: 20px;
    font-size: 13px;
    font-family: Arial;
    color: #f7f1e7;
}

a.footer-links
{
    color: #f7f1e7;
    text-decoration: none;
}
a.footer-links:hover
{
    color: #f7f1e7;
    text-decoration: underline;
}

#wowlink
{
    width: 100%;
    margin-top: 15px;
    color: #352711;
    font-size: 13px;
    font-family: Arial;
}

a.wowlink
{
    color: #352711;
    text-decoration: none;
}
a.wowlink:hover
{
    color: #352711;
    text-decoration: underline;
}

.inputs
{
    width: 270px;
    padding: 5px;
    background-color: transparent;
    border: 2px solid #9e311d;
    font-weight: 700;
}

.gallery-image-container
{
    float: left;
    width: 126px;
    margin-top: 5px;
}

.gallery-image
{
    width: 120px;
    height: 120px;
    border: solid 1px red;
}