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,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-weight: inherit; font-style: inherit;  font-size: 100%;  font-family: inherit; vertical-align: baseline;}
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate;  border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {  content: ""; }
blockquote, q { quotes: "" ""; }

/* =reset.css many thanks to Mr Meyer. http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-----------------------------------------------------------------------------*/

hr {display: none;}
/* =setup
-----------------------------------------------------------------------------*/

body {position: relative; margin: 0 auto; width: 949px; background: #58585A; font: 62.5% / 1.5em helvetica, arial, sans-serif;}
.logo,body.home h1 {position: absolute; top: 30px; left: 10px; width: 400px; height: 37px; background: url(../images/h1-logo.png) scroll no-repeat; text-indent: -99999px; }
/*.rule {float: left; clear: both; display: block; width: 100%; height: 3px; margin: 2em 0 2em 0; border: none; background: url(../images/content-hr.png) scroll no-repeat center;}*/
/* =body
-----------------------------------------------------------------------------*/


#content form label {display: block;}
#content form label span {float: left; clear: left; width: 200px; margin: 0 0 1em 0; padding: 0 10px 0 0; text-align: right; line-height: 1.5em;}
#content form label input,textarea,select {float: left;}
#content form label input.text {width: 190px; background: url(../images/content-input-text.png) scroll no-repeat 0 0; height: 2em; padding: 4px 10px 5px 5px; line-height: 2em !important; border: none;}
#content form label textarea {background: url(../images/content-textarea.png) scroll no-repeat 0 0; padding: 5px 25px 5px 5px; border: none; width: 445px; height: 190px;}
#content form input.submit {float: none; position: relative; left: 210px; display: block; clear: both;}
#content form label.captcha img {float: left;}
#content form label.captcha input {clear: left; position: relative; left: 210px;}
#content form .thanks {position: relative; left: 210px;}
/* =form
-----------------------------------------------------------------------------*/

#content {width: 699px; padding: 500px 250px 0 0; font-size: 1.2em; color: #fff; background: url(../images/home-map.png) scroll no-repeat 100% 500px;overflow: hidden; min-height: 300px;}
/*#content .column {float: left; width: 300px; margin-left: 50px;}*/
#content h2, #content h1 {margin: 1.5em 0 1.5em 0; font-size: 1.5em; font-weight: bold;}
#content h3 {margin: 1.5em 0 1.5em; font-size: 2.0em; text-transform: lowercase;}
#content p {margin: 1.5em 0 1.5em 0;}
#content ul li {margin: 1.5em 0 1.5em 30px; }
#content a:link, #content a:visited {color: #EEAD13; text-decoration: none; border-bottom: 1px dotted #EC730E;}
#content strong {font-weight: bold;}

.home #content h2, #content h1 {margin: 1.5em 0 1.5em 0; width: 170px; height: 32px; background: url(../images/home-h2.png) scroll no-repeat 0 0; text-indent: -99999px;}
.more-info #content h1 {width: 367px; height: 36px; background: url(../images/h1-more-info.png) scroll no-repeat 0 0;}
.more-info #content a:link span, .more-info #content a:visited span {display: block; font-size: 1.17em; color: #fff; border: 0 !important;}
.more-info #content {background-image: none; min-height: 570px;}

.our-ambassadors #content ul {float: left; clear: both;}
.our-ambassadors #content li {width: 120px; float: left;}
.our-ambassadors #content h1 {width: 271px; height: 32px; background: url(../images/our-ambassadors-h1.png) scroll no-repeat 0 0;}

.our-ambassadors #content ul.reviews {float: none;display: block;}
.our-ambassadors #content ul.reviews li {width: 700px; float: none; border-bottom: 1px dotted #ccc; padding: 0 0 1.5em 0;}
.our-ambassadors #content ul.reviews img {float: left;}
.our-ambassadors #content ul.reviews p,.our-ambassadors #content ul.reviews h3 {padding: 0 0 0 150px;}
.our-ambassadors #content ul.reviews a {margin: 0 0 0 150px;}

.our-ambassadors #content ul.countries h3 {font-size: 1.3em;margin: 0 0 5px 0; color:#fff;}
.our-ambassadors #content ul.countries li a:link, .our-ambassadors #content ul.countries li a:visited {border: none;}
.our-ambassadors #content ul.countries span {display: block;}

.enrol #content h1 {width: 80px; height: 32px; background: url(../images/enrol-h1.png) scroll no-repeat 0 0;}
.error404 #content h1 {width: 327px; height: 40px; background: url(../images/error-404-h1.png) scroll no-repeat 0 0;}
/* =#content
-----------------------------------------------------------------------------*/

#contextual-navigation {position: absolute; right: 0; top: 550px; width:200px;}
#contextual-navigation h4 {font-size: 1.4em; text-transform: lowercase;}
#content #contextual-navigation ul,
#content #contextual-navigation ul li {margin-left: 0;}
/* =#contextual-nav
-----------------------------------------------------------------------------*/

#content .error {padding: 10px 20px 10px 20px; margin-bottom: 2em; background: #666; border: 5px #333 solid; width: 700px;}
#content .error h3 {margin: 0.5em 0 0.5em 0;}
#content .error ul {margin: 0 0 1em 0; width: 600px; color: #EFE0E0;}
#content .error li {margin: 0; list-style: inside disc;}

/* =.error
-----------------------------------------------------------------------------*/

#supporting-content {position: absolute; top: 113px; left:0; width: 955px; height: 376px; background: url(../images/home-supporting-content-bg.jpg) scroll no-repeat -6px -4px;}
#supporting-content blockquote {position: absolute; top: 20px; left: -30px; width: 184px; height: 135px; background: url(../images/home-supporting-content-blockquote.png) scroll no-repeat 0 0; }
#supporting-content blockquote p {position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -80px; width: 154px; color: #fff; line-height: 1em; font-size: 1.2em; text-align: center;} 

.our-ambassadors #supporting-content {background-image: url(../images/our-ambassadors-supporting-content-bg.jpg);}
.our-ambassadors #supporting-content blockquote {background-image: url(../images/our-ambassadors-supporting-content-blockquote.png);}

.enrol #supporting-content {background-image: url(../images/enrol-supporting-content-bg.jpg);}
.enrol #supporting-content blockquote {background-image: url(../images/enrol-supporting-content-blockquote.png);}

.more-info #supporting-content {background-image: url(../images/more-info-supporting-content-bg.jpg);}

.anglesey #supporting-content {background-image: url(../images/more-info-anglesey-bg.jpg);}
.borderlands #supporting-content {background-image: url(../images/more-info-borderlands-bg.jpg);}
.coastal #supporting-content {background-image: url(../images/more-info-coastal-bg.jpg);}
.snowdonia #supporting-content {background-image: url(../images/more-info-snowdonia-bg.jpg);}

.more-info #supporting-content blockquote {background-image: url(../images/more-info-supporting-content-blockquote.png);}

.contact-us #supporting-content {background-image: url(../images/contact-us-supporting-content-bg.jpg);}
.contact-us #supporting-content blockquote {background-image: url(../images/contact-us-supporting-content-blockquote.png);}

/* =#supporting-content
-----------------------------------------------------------------------------*/

#main-navigation {position: absolute; top: -26px; left: 16px; width: 948px;}
#main-navigation li {float: left;}
#main-navigation li a {display: block; text-indent: -99999px;}
#main-navigation li.home a {width: 122px; height: 26px; background: url(../images/main-nav-li-home.png) scroll no-repeat 0 0;}
#main-navigation li.our-ambassadors a {width: 173px; height: 26px; background: url(../images/main-nav-li-our-ambassadors.png) scroll no-repeat 0 0;}
#main-navigation li.enrol a {width: 121px; height: 26px; background: url(../images/main-nav-li-enrol.png) scroll no-repeat 0 0;}
#main-navigation li.more-north-wales-info a {width: 230px; height: 26px; background: url(../images/main-nav-li-more-north-wales-info.png) scroll no-repeat 0 0;}
#main-navigation li.contact-us a {width: 133px; height: 26px; background: url(../images/main-nav-li-contact-us.png) scroll no-repeat 0 0;}
#main-navigation li.sign-up-for-updates {position: absolute; left: -99999px;}

/* =#main-navigation
-----------------------------------------------------------------------------*/

#sub-navigation {position: absolute; right: 0; width: 197px;}
#sub-navigation li a {position: absolute; display: block; text-indent: -99999px;}
#sub-navigation li.ambassadors-from-your-country a {top: 17px; left: 0; width: 183px; height: 57px; background: url(../images/home-sub-nav-li-country.png) scroll no-repeat 0 0;}
#sub-navigation li.ambassadors-from-your-uk-county a {top: 74px; left: 0; width: 183px; height: 65px; background: url(../images/home-sub-nav-li-county.png) scroll no-repeat 0 0;}
#sub-navigation li.ambassadors-from-your-usa-state a {top: 139px; left: 0; width: 183px; height: 65px; background: url(../images/home-sub-nav-li-state.png) scroll no-repeat 0 0;}

.home #sub-navigation li.ambassadors-from-your-country a,
.home #sub-navigation li.ambassadors-from-your-uk-county a,
.home #sub-navigation li.ambassadors-from-your-usa-state a {width: 180px;}

.our-ambassadors #sub-navigation li.ambassadors-from-your-country a {background-image: url(../images/our-ambassadors-sub-nav-li-country.png);}
.our-ambassadors #sub-navigation li.ambassadors-from-your-uk-county a {background-image: url(../images/our-ambassadors-sub-nav-li-county.png);}
.our-ambassadors #sub-navigation li.ambassadors-from-your-usa-state a {background-image: url(../images/our-ambassadors-sub-nav-li-state.png);}

.enrol #sub-navigation li.ambassadors-from-your-country a {background-image: url(../images/enrol-sub-nav-li-country.png);}
.enrol #sub-navigation li.ambassadors-from-your-uk-county a {background-image: url(../images/enrol-sub-nav-li-county.png);}
.enrol #sub-navigation li.ambassadors-from-your-usa-state a {background-image: url(../images/enrol-sub-nav-li-state.png);}

.more-info #sub-navigation li.ambassadors-from-your-country a {background-image: url(../images/more-info-sub-nav-li-country.png);}
.more-info #sub-navigation li.ambassadors-from-your-uk-county a {background-image: url(../images/more-info-sub-nav-li-county.png);}
.more-info #sub-navigation li.ambassadors-from-your-usa-state a {background-image: url(../images/more-info-sub-nav-li-state.png);}

.contact-us #sub-navigation li.ambassadors-from-your-country a {background-image: url(../images/contact-us-sub-nav-li-country.png);}
.contact-us #sub-navigation li.ambassadors-from-your-uk-county a {background-image: url(../images/contact-us-sub-nav-li-county.png);}
.contact-us #sub-navigation li.ambassadors-from-your-usa-state a {background-image: url(../images/contact-us-sub-nav-li-state.png);}
/* =#sub-navigation
-----------------------------------------------------------------------------*/

#sign-up-for-updates {position: absolute; right: 0; top: 219px; width: 185px;}
#sign-up-for-updates fieldset legend span {display: block; width: 135px; height: 19px; background: url(../images/home-sign-up-legend.png) scroll no-repeat 0 0; text-indent: -99999px;}
#sign-up-for-updates label span {float: left; clear: both; text-transform: lowercase; color: #fff;}
#sign-up-for-updates input {float: left; clear: both;}
#sign-up-for-updates input.submit {position: relative; top: 4px;}

.our-ambassadors #sign-up-for-updates fieldset legend span {background-image: url(../images/our-ambassadors-sign-up-legend.png);}
.enrol #sign-up-for-updates fieldset legend span {background-image: url(../images/enrol-sign-up-legend.png);}
.more-info #sign-up-for-updates fieldset legend span {background-image: url(../images/more-info-sign-up-legend.png);}
.contact-us #sign-up-for-updates fieldset legend span {background-image: url(../images/contact-us-sign-up-legend.png);}
/* =#sign-up-for-updates
-----------------------------------------------------------------------------*/

#what-will-you-do-next {float: left; clear: both; width: 950px; margin: 2em 0 0 0; background: url(../images/content-hr.png) scroll no-repeat 0 0;}
#what-will-you-do-next h3 {margin: 2em 0 2em 0; width: 265px; height: 45px; text-indent: -999999px; background: url(../images/h3-what-will-you-do-next.png) scroll no-repeat 0 0;}
#what-will-you-do-next p {position: absolute; left: -999999px;}
#what-will-you-do-next li {float: left; clear: none; }
#what-will-you-do-next li a {float: left; display: block; width: 80px; height: 108px; margin: 0 6px 0 0; text-indent: -9999px; clear: none;}
#what-will-you-do-next li#attractions-north-wales a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat 0 0;}
#what-will-you-do-next li#short-breaks-north-wales a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat -86px 0;}
#what-will-you-do-next li#adventure-north-wales a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat -173px 0;}
#what-will-you-do-next li#golf-north-wales a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat -260px 0;}
#what-will-you-do-next li#walking-north-wales a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat -346px 0;}
#what-will-you-do-next li#moviemap-north-wales a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat -432px 0;}
#what-will-you-do-next li#giants-north-wales a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat -519px 0;}
#what-will-you-do-next li#walledtowns-north-wales a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat -605px 0;}
#what-will-you-do-next li#events-north-wales a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat -692px 0;}
#what-will-you-do-next li#gardens-north-wales a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat -778px 0;}
#what-will-you-do-next li#north-wales-08 a {background: url(../images/what-will-you-do-next.jpg) scroll no-repeat -864px 0;}
/* =#what-will-you-do-next
-----------------------------------------------------------------------------*/

