/* CSS Document */
/*MAIN SETTINGS*/
@font-face {
	font-family: 'Antigoni';
	src: url('/fonts/antigoni_med.eot');
	src: local('☺'), url('/fonts/antigoni_med.woff') format('woff'), url('/fonts/antigoni_med.ttf') format('truetype'), url('/fonts/antigoni_med.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rockwell';
	src: url('/fonts/rockwell.eot');
	src: local('☺'), url('/fonts/rockwell.woff') format('woff'), url('/fonts/rockwell.ttf') format('truetype'), url('/fonts/rockwell.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rockwell';
	src: url('/fonts/rockwellbold.eot');
	src: local('☺'), url('/fonts/rockwellbold.woff') format('woff'), url('/fonts/rockwellbold.ttf') format('truetype'), url('/fonts/rockwellbold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
body,td,th {
	font-size: 14px;
	font-family: Arial;
	color: #333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/main-bg.jpg);
	background-color: #FFF;
}
a,img
{
	border:none;
}
#outer {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 1244px;
}
#topbg {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/top-bg.png);
	background-repeat: repeat-x;
	height: 600px;
}
#inner {
	display: block;
	float: left;
	width: 1244px;	
	padding: 0px;
	margin-top: 0px;
}

/*LEFT COLUMN*/
#colleft {
	display: block;
	float: left;
	width: 407px;
	margin-bottom: 20px;
}
#logo {
	display: block;
	float: left;
	height: 194px;
	width: 407px;
}
#leftmainbox {
	display: block;
	float: left;
	width: 387px;
	background-image: url(../images/left-col-bg.jpg);
	padding: 10px;
}
#dashedline {
	display: block;
	float: left;
	width: 385px;
	border: 1px dashed #FFF;
}
#whatson {
	display: block;
	float: left;
	height: 102px;
	width: 246px;
	background-image: url(../images/whats-on.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#viewall {
	display: block;
	float: left;
	height: 102px;
	width: 139px;
	background-image: url(../images/view-all.png);
	background-repeat: no-repeat;
}
#viewall a {
	display: block;
	float: left;
	height: 60px;
	width: 100px;
	margin-top: 20px;
	margin-left: 15px;
	text-indent: -9999px;
}
.whatsonrecords {
	display: block;
	float: left;
	width: 355px;
	color: #FFF;
	padding-right: 15px;
	padding-left: 15px;
}
.readmoreleft {
	display: block;
	float: left;
	height: 44px;
	width: 113px;
	padding-right: 15px;
	padding-left: 257px;
	background-image: url(../images/readmore-left.png);
	background-repeat: no-repeat;
}
.readmoreleftall {
	display: block;
	float: left;
	height: 44px;
	width: 113px;
	padding-right: 15px;
	padding-left: 257px;
	padding-right:377px;
	background-image: url(../images/readmore-left.png);
	background-repeat: no-repeat;
	text-indent:-10000px;
}
.readmoreleft a {
	display: block;
	float: left;
	height: 44px;
	width: 113px;
	text-indent: -9999px;
}
#followbox {
	display: block;
	padding: 9px;
	float: left;
	width: 367px;
}
#followtitle {
	display: block;
	float: left;
	height: 64px;
	width: 367px;
	background-image: url(../images/follow-title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#twittercont {
	display: block;
	float: left;
	width: 367px;
	background-color: #FFF;
}
#leftstars {
	display: block;
	float: left;
	height: 48px;
	width: 385px;
	background-image: url(../images/left-stars.png);
	background-repeat: no-repeat;
}

/*FOOTER*/
#outer1 {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 1244px;
	height: 301px;
}
#topbg1 {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/footer-bg-main.png);
	background-repeat: repeat-x;
	height: 301px;
}
#inner1 {
	display: block;
	float: left;
	width: 1244px;
	
	padding: 0px;
	margin-top: 0px;
}
#outer2 {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 1244px;
	height: 50px;
}
#topbg2 {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/bottom-star-bg.jpg);
	background-repeat: repeat-x;
	height: 50px;
}
#colright {
	display: block;
	float: left;
	width: 814px;
	padding-top: 33px;
	padding-left: 23px;
}
#topnav {
	display: block;
	float: left;
	height: 72px;
	width: 814px;
	background-image: url(../images/top-nav-bg.jpg);
}
#topnav a
{
	display: block;
	float: left;
	padding-top: 27px;
	height: 40px;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	text-decoration: none;
	font-family: Antigoni, Arial, helvetica, sans-serif;
}
#topnav a:hover
{
	text-decoration:underline;
}
#topnav a.i1
{
	width:146px;
}
#topnav a.i2
{
	width:181px;
}
#topnav a.i3
{
	width:172px;
}
#topnav a.i4
{
	width:108px;
}
#topnav a.i5
{
	width:207px;
}
#undernav {
	background-image: url(../images/under-nav.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 69px;
	width: 814px;
}
#top-phone {
	display: block;
	float: left;
	height: 69px;
	width: 387px;
	text-indent: -9999px;
}
#facebooktop {
	display: block;
	float: left;
	height: 32px;
	width: 32px;
	padding-top: 23px;
	padding-right: 8px;
	padding-bottom: 14px;
}
#facebooktop a {
	display: block;
	float: left;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
}
#twittertop {
	display: block;
	float: left;
	height: 32px;
	width: 32px;
	padding-top: 23px;
	padding-bottom: 14px;
}
#twittertop a {
	display: block;
	float: left;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
}
#topaddress {
	display: block;
	float: left;
	height: 69px;
	width: 355px;
	text-indent: -9999px;
}
#slider {
	display: block;
	float: left;
	height: 464px;
	width: 814px;
	overflow:hidden;
}
#titlebox {
	background-color: #FFF;
	display: block;
	float: left;
	height: 102px;
	width: 814px;
}
#titletext {
	display: block;
	float: left;
	height: 80px;
	width: 528px;
	padding-top: 22px;
	padding-left: 26px;
	font-size:32px;
	color:#A91F26;
	font-family:Rockwell, Arial, Helvetica, sans-serif;
}
#bookatablebox {
	display: block;
	float: left;
	height: 102px;
	width: 192px;
	padding-left: 25px;
}
#bookatablebox a {
	display: block;
	float: left;
	height: 102px;
	width: 192px;
	background-image: url(../images/book-a-table.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#content {
	display: block;
	float: left;
	width: 762px;
	padding-top: 10px;
	padding-right: 26px;
	padding-bottom: 26px;
	padding-left: 26px;
	background-color: #FFF;
	background-image: url(../images/under-title-bg.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
}
.imgrightborder {
	border: 5px solid #CCC;
	float: right;
	margin-left: 20px;
}
#contwatermarkbox {
	display: block;
	float: left;
	width: 642px;
	padding-left: 120px;
	background-image: url(../images/watermark-bg.jpg);
	background-repeat: no-repeat;
}
.redtext {
	color: #A81F27;
}
#fcol1 {
	display: block;
	float: left;
	height: 301px;
	width: 170px;
	padding-left: 47px;
}
#footer-logo {
	display: block;
	float: left;
	height: 70px;
	width: 170px;
	margin-top: 57px;
	background-image: url(../images/sawyers-footer-logo.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#social-footer {
	display: block;
	float: left;
	height: 32px;
	width: 170px;
	background-image: url(../images/social-bg-footer.png);
	background-repeat: no-repeat;
}
#facebookbot {
	display: block;
	float: left;
	height: 32px;
	width: 32px;
	padding-left: 85px;
	padding-right: 8px;
	text-indent: -9999px;
}
#twitterbot {
	display: block;
	float: left;
	height: 32px;
	width: 32px;
}
#twitterbot a {
	display: block;
	float: left;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
}
#facebookbot a {
	display: block;
	float: left;
	height: 32px;
	width: 32px;
}
#umamibox {
	display: block;
	float: left;
	height: 58px;
	width: 170px;
	padding-top: 61px;
}
#umamibox a {
	display: block;
	float: left;
	height: 58px;
	width: 170px;
	background-image: url(../images/umami-logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#fcol2 {
	display: block;
	float: left;
	height: 259px;
	width: 201px;
	padding-left: 25px;
	padding-top:42px;
}
#fcol2 a
{
	display:block;
	float:left;
	width:201px;
	padding-top:20px;
	font-family: Antigoni, Arial, helvetica, sans-serif;
	color:#333333;
	font-size:20px;
	text-decoration:none;
}
#fcol2 a:hover
{
	text-decoration:underline;
}
#fcol3 {
	display: block;
	float: left;
	height: 301px;
	width: 328px;
	padding-right: 29px;
}
#signup {
	display: block;
	float: left;
	height: 88px;
	width: 328px;
	padding-top: 56px;
}
#signup a {
	background-image: url(../images/sign-up.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 88px;
	width: 328px;
	text-indent: -9999px;
}
#takeaway {
	display: block;
	float: left;
	height: 157px;
	width: 328px;
	background-image: url(../images/take-away.png);
	background-repeat: no-repeat;
}
#fcol4 {
	display: block;
	float: left;
	height: 245px;
	width: 425px;
	padding-top: 56px;
}
#mapbox {
	display: block;
	float: left;
	height: 205px;
	width: 382px;
	padding-top: 14px;
	padding-right: 27px;
	padding-bottom: 26px;
	padding-left: 16px;
	background-image: url(../images/map-bg.png);
	background-repeat: no-repeat;
}

.fl
{
	background-image:url(../images/cl.png);
	background-repeat:no-repeat;
	height:427px;
	padding-top:100px;
	color:#FFF !important;
	padding-left:20px;
	width:387px;
	display:block;
	float:left;
}
.bt
{
	background-image:url(../images/btbg.png);
	background-repeat:repeat-y;
	color:#FFF !important;
	padding-left:10px;
	width:742px;
	display:block;
	float:left;
	padding-top:10px;
}
.formbtn
{
	float:right;
	width:122px;
	height:56px;
	background-image:url(../images/rsend.png);
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	text-indent:-1000px;
	overflow:hidden;
	cursor:pointer;
}
.fl input,.fl textarea
{
	margin-top:3px;
	margin-bottom:3px;
}
.fl td, .fl th
{
	margin:0;
	padding:0;
}
.fl td,.bt td
{
	color:#FFF !important;
}
.contactform
{
	display:block;
	float:left;
	width:407px;
	margin-top:10px;
}
.contactform2
{
	width:345px;
}
.contactform2 .fl
{
	background-image: url("../images/cr.png");
	margin-left:10px;
	width:345px;
}
.contactform2 .formbtn
{
	background-image:url(../images/rsend2.png);
}
.bt .formbtn
{
	background-image:url(../images/bt.png);
	
}
.signup .bt .formbtn
{
	background-image:url(../images/si.png);
	
}
/* SLIDER START */
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../images/arrows.png) no-repeat;
                overflow:hidden;
            }
            .jssora05l { background-position: 0px 0px; }
            .jssora05r { background-position: -59px 0px; }
            .jssora05l:hover { background-position: 0px 0px; }
            .jssora05r:hover { background-position: -59px 0px; }
            .jssora05ldn { background-position: 0px 0px; }
            .jssora05rdn { background-position: -59px 0px; }
            .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                background: url(../images/bullets.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }

            .jssorb05 div {
                background-position: 0px 0px;
				width:30px;
				height:26px;
            }

                .jssorb05 div:hover, .jssorb05 .av:hover {
                    background-position: -30px 0px;
                }

            .jssorb05 .av {
                background-position: -30px 0px;
            }

            .jssorb05 .dn, .jssorb05 .dn:hover {
                background-position: -30px 0px;
            }
			.overlay
			{
				position:absolute;
				z-index:100;
				left:0px;
			}
			.underlay
			{
				position:absolute;
				z-index:0;
				left:0px;
			}
			.middlelay
			{
				
				z-index:10;
			}
/* SLIDER END */