html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*...................... Media Surgery ............................
COLOURS:
Dark Grey : #737B7E
Dark Orange : #EC9030
Light Orange : #F09232
*/
body { font-size: 75%; font-family: Times New Roman, Arial, Tahoma, Helvetica, sans-serif; }
#wrapper { width:940px; margin:0 auto; position:relative; }
#topper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a img { border:none; }
p { padding:0.7em 0 0 0; }
body { background:#000 url(../images/bg-home.jpg) 50% 0 no-repeat; }
body#drink { background:#000 url(../images/bg-drink.jpg) 50% 0 no-repeat; }
body#whats-on { background:#000 url(../images/bg-whats-on.jpg) 50% 0 no-repeat; }
body#gallery { background:#000 url(../images/bg-gallery.gif) 50% 0 no-repeat; }
body#food { background:#000 url(../images/bg-food.jpg) 50% 0 no-repeat; }
body#garden { background:#000 url(../images/bg-garden.jpg) 50% 0 no-repeat; }
body#parties { background:#000 url(../images/bg-parties.jpg) 50% 0 no-repeat; }
body#find-us { background:#000 url(../images/bg-find-us.jpg) 50% 0 no-repeat; }
#col-1 { width:164px; margin-left:5px; float:left; }
#logo { margin:2px 0 0 0; }
/*....................... Nav ......................................... */
#nav { margin:-2px 1px 0 0; padding:15px 0 50px 0; background:url(../images/bg-nav-2.png) 0 0 no-repeat;}
#find-us #nav { background-image:url(../images/bg-nav-find-us.png); min-height:400px; }
#nav li { padding:7px 0 7px 33px;}
#nav li a:link,
#nav li a:visited { color:#909090; font-size:19px; text-decoration:none; letter-spacing:0.07em; word-spacing:-4px;}
#nav li.selected { background: url(../images/bg-nav-li-selected.png) 18px 11px no-repeat; }
#nav li a:hover,
#nav li.selected a { color:#fff; }
/*....................... Content ......................................*/
#content { width:281px; margin:0 -1px 15px 0; float:right; background:#050505 url(../images/bg-content.png) 0 0 no-repeat; padding: 0 0 20px 0;}
.content-wrapper { background: url(../images/bg-content-breaker.png) 50% 100% no-repeat; padding:0 25px 25px 25px; }
#content a { color:#fff; }
#content a:hover { color:#76720E; }
#content p { color:#A1A1A1; line-height:1.4em; font-size:1.2em; letter-spacing:1px; padding:4px 0 4px 0; margin-right:36px; margin-left:30px; }
#content h1 { color:#A1A1A1; font-size:3.6em; margin:28px 0 5px 30px; word-spacing:-5px; }
#content h2 { padding:12px 0 5px 0; color:#fff; }
#content h3 { padding:10px 0 2px 0; color:#fff; font-size:1.1em; font-weight:bold; }
#content h2,
#content h3 { margin-left:30px;}
#content div.hr { background: url(../images/bg-content-breaker.png) 27px 100% no-repeat; display:block; height:20px;
border:none; margin:2px 0 0 0; }
#content div.hr hr { display:none; }
#content .lis-show li { list-style:square; margin-left:20px; }
#content a.pdf { background:#fff url(../images/bg-content-pdf.png) 0 5px no-repeat; }
#content ul#walk { margin:-25px 0 15px 60px;}
#content ul#walk li { padding-left:18px;}
#content a.pdf { background:#fff url(../images/bg-content-pdf.png) 0 6px no-repeat; padding:9px 0 10px 32px; display:block; color:#666; }
#content ul { margin:5px 25px 10px 25px; }
#content li { padding:5px 0; color:#a1a1a1; font-size:1.1em; line-height:1.3em; letter-spacing:1px; list-style:none; margin-left:5px;}
#content li a { background:#050505 url(../images/bg-content-li.gif) 100% 50% no-repeat; color:#fff; padding-right:20px }
#content li a:hover { color:#fff; }
#main { clear:both; padding-bottom:10px; }
#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.boxes { width:160px; margin-left:39px; float:left; padding: 0 23px 0 0; }
.boxes h2 { font-size:25px; word-spacing:-4px; color:#999; letter-spacing:1px; }
.boxes p { color:#999; padding-bottom:3px; line-height:1.3em; letter-spacing:1px; font-size:1.2em; }
.boxes .p-foot { margin-top:-9px; font-size:1.2em; }
.boxes ul li { color:#fff; }
.boxes p span { display:block; margin-top:5px; }
.boxes form { margin-top:5px; }
.boxes label { font-weight:bold; color:#999; padding:5px 0; display:block;}
.boxes input { width:123px; float:left; margin:2px 0 0 0;}
.boxes #submit { width:34px; height:22px; background:#000 url(../images/go.png) ; text-indent:-9999px; border:0;
float:right; margin-left:2px; }
.boxes ul { margin:3px 0 0 0;}
.boxes li a { background:url(../images/bg-boxes-li.png) 100% 50% no-repeat; padding:5px 15px 5px 0 ; color:#999;
text-decoration:underline; display:inline-block; }
.boxes a { color:#999; }
.boxes a:hover { color:#fff; }
#box-1 { padding:0; width:185px;}
#box-2 { margin-left:58px; padding:0; width:170px;}
#box-3 { margin-left:71px; padding:0; width:165px;}
#confirmation { color:#A8F7B1; padding-top:30px; }
#box-4 { margin-left:70px; padding-right:0; width:172px;}
#find-us #content p { padding:2px 0; }
#google-maps { margin:0 0 0 10px; }
#google-maps a { float:right; margin:0 15px 0 0;padding:5px 25px 5px 0;
background:#050505 url(../images/bg-content-li.gif) 100% 3px no-repeat; color:#a1a1a1 !important;}
/*.......................... Content Gallery ............................*/
#content-gallery { width:400px; float:left; margin:20px 0 0 20px; position:relative; }
#gallery #main { padding-top:30px; }
#terms #content { width:750px; background:#050505 url(../images/bg-content-terms.gif) 100% 0 no-repeat; }
#terms #content h1 { padding-left:416px; }
#terms #content a { color:#fff; }
.slideshow-thumbnails ul li img { height:92px !important; width:120px; }
/*........................... Footer .....................................*/
#footer { border-top:1px solid #2d2d2d; clear:both; padding:5px 0 50px 0; margin:32px auto 5px auto; width:920px; position: relative; }
#footer ul { color:#b3b3b3; float:left; padding:6px 0 10px 0;}
#footer ul#footer-right { float:right;}
#footer li a { color:#b3b3b3; letter-spacing:1px;}
#footer li a:hover { color:#fff; }
#footer li { display:inline; padding:0 5px; border-right:1px solid #999;}
#footer li span { color:#CCC; }
#footer #agency { position: absolute; right: 0; top: 40px; color: white;}
#footer .no-border { border:none; }