/*
Website: domain.co.uk
Updated: 02 March 2010

Designer:
Stephen Dudley, info@stephendudley.co.uk
*/
/* reset 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
cite {font-style:normal; }
:focus { outline: 0; }
abbr, acronym { cursor : help; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
th, td { vertical-align: top; }

/* =Body 
----------------------------------------------------------------------------------------- */
html { background:#1e0b2b;}
body { font: normal 75%/1.5em Helvetica, Arial, sans-serif; color:#231f20; color: #333; }
html, body, #flashcontainer { height:100%; width:100%; }
body { margin:0; padding:0; }

/* =Headings
----------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#241532; text-shadow:rgba(255,255,255, .85) 1px 1px 0; }
h1 { font-size:3.75em /*45*/; line-height:1.2em; margin-bottom:.81em; }
h2 { font-size:2.083em /*25*/; line-height:1.44em; margin-bottom:.75em; }
h3 { font-size:1.3em; margin-bottom:.9em; }

h1 span { font-size:.777em; color:#403a45; }
.margin-spacer { margin-top:36px;}

#detail h1 { font-size:2.55em; line-height:25px; margin:18px 300px 34px 0; }
#detail h1 span { font-size:.666em; color:#403a45; padding:0 10px; }
#detail h1 em  {font-size:.5em; color:#403a45;}

#logo {margin:0;}
#logo a {position:absolute; display:block; left:0; top:16px; width:155px; height:50px; text-indent: -9999px; background: url(../img/logo.png) 0 0 no-repeat; }
#logo a:hover { background-position: 0 -50px; }

/* =Type/Lists
----------------------------------------------------------------------------------------- */
ol, ul, dl { margin-bottom: 18px;  }
ol, ul { list-style: none; }
dt { font-weight: bold; }
dd { margin: 0; font-weight: normal; }
.bulleted { list-style: disc; list-style-position: outside; }
p { margin-bottom: 18px; }
em { font-style:normal;}
a { text-decoration: none; font-weight: bold; color: #4a2e5d; }
a:hover { color: #1e072e; text-decoration:underline; }

/* =Layout
----------------------------------------------------------------------------------------- */
#categories #content, #detail #content { float:left; width:920px; }

#branding { background: #fff; height:80px; border-top:5px solid #4c2566; border-bottom:5px solid #c1d83a; }

.shrinkwrap { position: relative; width: 920px; margin: 0 auto; clear: both; height: 1%;}
.shrinkwrap:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }

#mainsection {position:relative; min-height:380px; height:auto!important; height: 380px; padding:36px 0 54px 0; background:#a5b743; 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A5B743), to(#A5B743), color-stop(.3,#DBE989),color-stop(.5,#E5F29D),color-stop(.7,#DBE989));
background: -moz-linear-gradient( center top, rgb(166,183,67) 0%, rgb(214,227,143) 50%, rgb(166,183,67) 100%, rgb(219,233,137) 75%, rgb(219,233,137) 25% );
-moz-box-shadow: inset 0px 3px 18px rgba(0, 0, 0, .15); box-shadow: inset 0px 3px 18px rgba(0, 0, 0, .15);
}

#content { float:left; width:415px; padding-right:85px; }
#aside { float:right; width:420px;}
.featured { font-size:1.55em; margin-top:25px;}

#featured-towns { overflow: hidden; height: 1%; float:left; margin-top:18px; xwidth:100%; }
#featured-towns li { line-height:18px; zmargin-bottom:16px; width:100%; }
#featured-towns li a { position: relative; display:block; padding: 12px 0; xbackground:#fff; width:400px; border-bottom:1px dotted #a0b043; font-size:1.45em; text-transform:uppercase; }
#featured-towns li a span  { display:block; color:#666; font-size:.75em; font-weight:normal;}
#featured-towns li a:hover { text-decoration:none; border-bottom:1px dotted #454f08;}

#content-main { float:left; position:relative; background:#fff; width:713px; padding:25px; margin-top:18px; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); border:1px solid #c5c5c5;}
.cm-imagery { float:right; position:relative; width:305px; height:228px; overflow: hidden; margin:-45px 0 25px 25px; border:5px solid #fff; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); } 
.cm-imagery img { width:305px;}
.map {position:absolute; right:430px; top:-23px;}
.contact {position:absolute; right:360px; top:-20px;}


#content-main.meta { width:725px; padding: 25px 155px 35px 35px;}

#breadcrumbs { overflow: hidden; height: 1%; padding: 0 0 32px 0; margin: -2px 0 36px 0; border-bottom: 1px solid #e5f19f; }
#breadcrumbs li { float: left; margin-right: 15px; line-height: 25px; }
#breadcrumbs li a { background:#fff; display:block; border:1px solid #ccc; padding:0 15px; line-height:22px; text-transform: capitalize; }
#breadcrumbs li a:hover { border:1px solid #ababab;}
li#home a { display: block; width: 23px; height: 23px; border: none; text-indent: -9999px; background: url(../img/home.png) 0 0 no-repeat; padding:0; margin-top:1px; cursor:pointer;}
li#home a:hover { background-position: 0 -23px; border:none; }

#nav-sup { overflow: hidden; height: 1%; float:left; margin-top:18px; width:155px; }
#nav-sup li { line-height:18px; margin-bottom:16px; }
#nav-sup li a { position: relative; display:inline-block; padding: 8px 10px; background:#fff; width:115px; border:1px solid #c5c5c5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#nav-sup li span a { background:#412355; background:-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(61,32,82)), color-stop(1, rgb(103,70,125)));
background:-moz-linear-gradient( center bottom, rgb(61,32,82) 0%, rgb(103,70,125) 100%); color:#fff; border:1px solid #fff; }

#calendar { overflow: hidden; height: 1%; }
#calendar li { float: left; padding:0 5px; margin: 0 2px 5px 0; text-align: center; text-transform: uppercase; line-height: 25px; }
ol#calendar.names li {margin: 0 10px 10px 0;}
#calendar a { display: block; padding:0 8px; margin: 0 -4px; background: #fff; color: #000; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#calendar a:hover { background: #e33274; color:#fff; text-decoration:none; }
#calendar em a { background: #3a1852; font-style: normal; color:#fff; } #calendar em a:hover { background: #000; }

.categories { margin:54px 0 0 -10px; width:100%; overflow:hidden; position:relative;}
.categories li { float:left; width:169px; height:162px; display:inline; padding:0 8px 18px 8px; overflow:hidden; position:relative; }
.categories li:nth-child(5n) { margin-right:0; width:164px; }
.categories li img {width:155px; border: 5px solid #fff;  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); -webkit-transition: border .18s linear; }
.categories li a:hover { text-decoration:none;}
.categories li a:hover img { border-color: #4a2e5d; -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, .5); box-shadow: 0px 5px 12px rgba(0, 0, 0, .5); text-decoration:none; }
.categories li a span {-webkit-transition: color .18s linear; display:block; width:165px; text-transform:uppercase;}
.categories li a:hover span { textx-decoration:underline; }
.categories li a span.cat { line-height:15px; margin-top:3px; font-size:.95em;}

.listing li div a { background:#4c2566; width:135px; height:91px; border: 5px solid #fff;  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); box-shadow: 0px 3px 10px rgba(0, 0, 0, .3); -webkit-transition: border .18s linear; overflow:hidden; padding:6px 10px 3px 10px; float:left; text-decoration:none; cursor:pointer; text-transform:uppercase;}
.listing li div a:hover {background:#c51255; -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, .5); box-shadow: 0px 5px 12px rgba(0, 0, 0, .5); color:#fff;}
.listing div .title { font-size:1em; color:#fff; display:inline; line-height:12px; display:inline-block; width:138px; }
.listing div .description { color:#fff; font-size:.95em; margin:5px 0; line-height:12px; height:24px; overflow:hidden; font-weight:normal; display:block; }
.listing div .tel { color:#fff; font-size:1.15em; display:block; margin-top:2px; }
.listing div em { display:block; background:#fff url(../img/star.jpg) 50% 50% no-repeat; text-indent:-99999px; width:30px; height:30px; position:absolute; right:12px; top:0px;}
.listing li { height:134px;  display:block;}

#pagination { height: 1%; position:relative; overflow: hidden; clear: left; padding: 5px; margin: 18px 0;}
#pagination ul { float:left;}
#pagination li { display: inline-block; height:28px; margin:0; float:left; }
#pagination #amount { margin-right:15px;}
#pagination .next, #pagination .prev { margin-left:15px;}
#pagination a.number { background:#f4f8fe; color:#000; border: 1px solid #999; margin: 0 3px; padding: 3px 6px;} #pagination a.number:hover { background:#e33274; border:1px solid #fff; color:#fff;}
#pagination a.current { background: #3a1852; border-color: #fff; color: #fff; } #pagination a.current:hover { background:#000;}

#siteinfo { background:#fff; border-top:5px solid #c1d83a; border-bottom:5px solid #b2acac; padding:36px 0 13px 0; color:#606060; position:relative;}

#meta { overflow: hidden; height: 1%; }
#meta li { float: left; margin-right: 25px; line-height: 18px; }
#meta li a { color:#484848; text-transform:uppercase; font-weight:normal; font-size:.9166em; }
#meta li a:hover { color:#000;}

#copy { color:#fff; position:absolute; bottom:-72px; left:0; height:36px;}

/* =Forms
----------------------------------------------------------------------------------------- */
#login { position:absolute; top:23px; right:0; width:250px; text-align:right; }
#login input[type="submit"] { border: none; width:164px; height:34px; cursor:pointer; color:#fff; background-color:#ff0e6c; font-size:1em; padding:5px 0 8px 0; }
#login input[type="submit"]:hover { background-color:#956fb0; }
.fm-default input, .fm-default textarea { width: 365px; border: 2px solid #C9C9C9; padding: 10px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 3px 12px rgba(0, 0, 0, .15); box-shadow: 1px 3px 12px rgba(0, 0, 0, .15); margin:18px 0; font-size:1.083em; color:#484848; }
.fm-default input[type=text]:hover, .fm-default input[type=text]:focus { border:2px solid #8daf31; }

label { clear: both; display: block; margin-bottom: 18px;}
label span { float: left; width: 100%;clear:both; font-size:1.25em; }
label em { display:inline-block; margin-left:15px;}
.fm-default textarea { width:600px; font-size:14px;}

.fm-default input.submit { padding: 8px 0; xheight:38px; background:#fff; border: 2px solid #C9C9C9; -webkit-border-radius: 18px; -moz-border-radius: 18px; cursor:pointer; text-shadow:.5px .5px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.15); box-shadow:2px 2px 5px rgba(0, 0, 0, 0.15); margin:30px 0 36px; width:80px; font-size:1em; font-weight:bold; }
.fm-default input.submit:hover { color:#311a41; border:2px solid #8daf31; -webkit-box-shadow:2px 2px 15px rgba(0, 0, 0, 0.10); -moz-box-shadow:2px 2px 15px rgba(0, 0, 0, 0.10); box-shadow:2px 2px 15px rgba(0, 0, 0, 0.10); }

.fm-default input.enquiry { width:100px;}

.fm-default.search { position:absolute; width:500px; right:0; top:98px;}
.fm-default.search fieldset {float:right;}
.fm-default.search .submit {float:right; margin:0; width:50px;}
.fm-default.search #global-search {width:165px; margin:0 15px 0 0; padding:8px 15px; float:right;}

.oops { color: #e32222; } #location.oops, #global-search.oops { border: 2px solid #d55b75; color: #e32222;} input#location.oops:hover, input#location.oops:focus, input#global-search.oops:hover, input#global-search.oops:focus { border: 2px solid #820e25; color: #820e25;}