/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 05 September 2010 05:24:52
*/


body {background: #161616 url(http://www.herculespillars.co.uk/__data/assets/image/0018/156321/body_bg.jpg) top center; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 75%;}
#wrap {width: 950px; margin: 0 auto; text-align: left; font-size: 1.2em; color: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em;}
#container {float: left;}
p {font-size: 0.85em;}
a:hover {color: #336600 !important;}

#header p.contact, .address, #slideshow h2, #sidebar h3 {font-family: "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif; font-weight: normal;}
#header {float: left; width: 350px; height: 120px; background: url(http://www.herculespillars.co.uk/__data/assets/image/0020/109406/transparent-bg.png) top left repeat-y;}
#header h1 {float: left; width: 300px; margin: 15px 0 0 30px;}
.address {float: right; margin: 30px 0 0 0; background: #000; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.address p {padding: 4px 8px; font-size: 1.0em;}
#logo  {text-indent: -9999px; width: 297px; height: 147px; background: url(http://www.herculespillars.co.uk/__data/assets/image/0007/156328/logo.png) no-repeat; z-index: 10; display: block;}

#slideshow {clear: both;  width: 950px; height: 310px; margin: 0 0 0 10px; position: relative; top: 0px;}
#slideshow h2 {float: right; position: absolute; top: 240px; /*margin-left: 550px;*/ padding: 10px 15px; font-size: 1.8em; background: #000; -moz-opacity: 0.80; opacity:0.8;}
#slideshow .panel {margin: 0; padding: 0;}
#slideshow .galleryview {}

#content {clear: both;}

#sidebar {float: left; width: 350px; background: url(http://www.herculespillars.co.uk/__data/assets/image/0003/156333/transparent-bg.png) top left repeat-y;}
#sidebar img {float: left; margin: 0 0 15px 20px;}
#sidebar .news {margin: 10px 10px 15px 20px;padding: 0 0 10px 0; border-bottom: 1px dotted #333;}
#sidebar .news {font-size: 13px;}
#sidebar h4 {width: 320px; margin: 0 0 10px 0; font-size: 1.0em; color: #eee;}
#sidebar p {width: 320px; margin: 0 0 10px 0; }
#sidebar p a {color: #fff;}

#sidebar .box1, #sidebar .box2, #sidebar .box3, #sidebar .box4 {clear: both; margin: 10px 0 0 0;}
#sidebar .box1 h3, #sidebar .box2 h3, #sidebar .box3 h3, #sidebar .box4 h3 {padding: 0 0 10px 0px; margin: 0 0 10px 0; font-size: 1.2em;}
#sidebar .box1 h3 span, #sidebar .box2 h3 span, #sidebar .box3 h3 span, #sidebar .box4 h3 span {padding: 10px 0 10px 20px; display: block;}
#sidebar .box1 h3 {background: url(http://www.herculespillars.co.uk/__data/assets/image/0004/109399/food_panel_bg.png) bottom left no-repeat;}
#sidebar .box2 h3 {background: url(http://www.herculespillars.co.uk/__data/assets/image/0004/109399/food_panel_bg.png) bottom left no-repeat;}
#sidebar .box3 h3 {background: url(http://www.herculespillars.co.uk/__data/assets/image/0004/109399/food_panel_bg.png) bottom left no-repeat;}
#sidebar .box1 h3 span {background: #303030;}
#sidebar .box2 h3 span {background: #b98a00;}
#sidebar .box3 h3 span {background: #303030;}
#sidebar .box3 p {clear: both; width: 320px; margin: 0 10px 0 20px;}
#sidebar .box3 input {margin: 10px 0px 0 0;}
#sidebar .box3 #submit {clear: both; float: right; margin: 10px 7px 15px 0; background: #303c3e; border: none; padding: 2px; color: #fff; font-weight: bold; font-style: italic;}

#sidebar .vcard {clear: both; float: left; width: 320px; margin: 20px 0 15px 20px; padding: 15px 0 10px 0; border-top: 1px dotted #343434; font-size: 0.85em;}
#sidebar .vcard .adr span.type {font-size: 1.2em; color: #fff;}
#sidebar .vcard .adr .street-address {margin: 10px 0 0 0;}

#main {float: right; width: 600px; margin: 10px 0 0 0;}
#main .col1, #main .col2 {float: left; display: block; }
#main .col1 {width: 290px;}
#main .col2 {width: 300px; margin: 0 0 0 10px; background: #eee;}
#main .col2 h3 {color: #333; font-size: 1.0em; margin: 10px;}

#main .menu {color: #333; float: left; margin: 0 0 10px 0px; padding: 10px; background: #eee;}
#main .menu img {width: 270px; height: 70px; overflow: hidden; margin: 10px 0 0 0;}
#main h3 {color: #333; font-size: 1.0em;}
#main p {margin: 10px 0 0 0;}
#main p a {color: #369;}

#stay {width: 600px; float: left; margin: 0 0 0 10px; background: #606060;}
#stay .col1, #stay .col22 {clear: both; float: left; width: 580px; border-top: 1px dotted #404040; padding: 15px 0 0 0; margin: 0 10px;}
#stay h3 {color: #eee; font-size: 1.1em; margin: 10px 0 0 10px; padding: 0 0 15px 0;}
#stay img {float: left; margin: 0 0 15px 0; border: 1px solid #333;}
#stay img:hover {border-color: #663300;}
#stay p {float: left; width: 550px; margin: 0 0 10px 10px;}
#stay p a {color: #fff;}

#map_wrap {float: right; width: 600px; height: 300px; margin: 10px 0 0 10px; background: #606060;}
#map {width: 580px; height: 280px;  margin: 10px; color: #000;}


.news a {color: #ccc;}
.news a:hover {color: #fff !important;}


#footer {clear: both; float: left; width: 960px; margin: 20px 0 10px 0; font-size: 10px; }
#footer p {color: #ccc; margin: 0 0 0 30px; text-align: right;}
#footer p a {color: #eee;}

#stay h4 {margin: 10px 0 0 0px; padding: 0 0 15px 0;}