/* reset archive (include after normalize)
============================================================================= */
html
{
    height: 101%;
}
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, caption
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body
{
    line-height: 1.3; /* Do not use any unit of measure! See notes */
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
.clear
{
    clear: both;
}
img
{
    display: block;
}

/* www.bryn-afon.co.uk bespoke
============================================================================= *//* font-family
----------------------------------------------------------------------------- */
body
{
    font-family: Arial, Verdana, sans-serif;
}
header h1, h1, h2, header #strap, nav, #blogNav, .uBlogsy_tag_list, .uBlogsy_category_list
{
    font-family: Georgia, Times New Roman, Serif;
}

/* font-size
----------------------------------------------------------------------------- */
header h1, h1, h2
{
    font-size: 1.5000em; /* 16 x 1.5000 = 24px */
}
header #strap /*, nav */
{
    font-size: 1.1250em; /* 16 x 1.1250 = 18px */
}
/*
#col2 p, #col2 li
{
font-size: 0.9375em; /* 16 x 0.9375 = 15px *
}
*/
#col2 p, #col2 li, #conColFooterOuter, #col2 #ffResFormPanel
{
    font-size: 0.8750em; /* 16 x 0.8750 = 14px */
}
footer, .btt
{
    font-size: 0.7500em; /* 16 x 0.7500 = 12px */
}
/* font other
----------------------------------------------------------------------------- */
h1, h2, h3, h4
{
    margin-top: 1.3em;
    font-weight: normal;
}
#col2 h1, #col2 h2, #col2 .divRule
{
    margin-bottom: 0.5em;
}
#col2 p
{
    margin-bottom: 1.0em;
}
#col2 ul, #col2 ol, #col2 li
{
    margin-bottom: 0.7em;
}
#col2 ul, #col2 ol
{
    margin-left: 1em;
}
#col2 ul li
{
    margin-left: 1em;
    list-style-type: disc;
}
#col2 .divRule
{
	margin-top: 2.5em;
    border-top: 1px dotted #333;
	padding-top: 1em;
}
#col2 img
{
	margin-bottom: 1.5em;
	max-width: 100%;
}
/* ...
============================================================================= */
html, body
{
	
}
body
{
    margin: 0;
    padding: 0;
    background: #445511;
    color: #ddd;
	
}
/* Default Display : Generic
----------------------------------------------------------------- */
.extraPad
{
    padding: 10px 10px;
}
#wrapper
{
    min-width: 320px;
    max-width: 444px;
    margin: 0 auto;
}
/* Header
----------------------------------------------------------------- */
header
{
    padding: 10px;
    text-align: center;
}
header h1, header h1 a, header h1 a:active, header h1 a:link, header h1 a:visited
{
    margin-top: 0em;
    color: #ffffee;
    text-decoration: none;
}
header h1 a:hover
{
    text-decoration: underline;
}
/* Hero section
----------------------------------------------------------------- */
#heroBox img
{
    /* display: none; */
    max-width: 100%;
    float: left;
}
#heroBox img#imgMain1
{    
    display: block;
}
#slides
{	
	display: none;
	width: 0px;
	height: 0px;	
}
/* center a floating container
----------------------------------------------------------------- */
.outer-center
{
    float: right;
    right: 50%;
    position: relative;
}
.inner-center
{
    float: right;
    right: -50%;
    position: relative;
}
/* nav
----------------------------------------------------------------- */
.sub-level
{
    display: none;
}
.sub-level h4
{
    margin: 0em;
    margin-top: 1em;
    padding: 0 1em;
    color: #aaa;
}

/* Columns CSS
----------------------------------------------------------------- */
#container3, #conColFooterOuter, header
{
    clear: both;
    border-left: 1px solid #222;
    border-right: 1px solid #222;
    background: #213820;
}
#container3
{
    float: left;
}
#container3 a:hover
{
    /* color: #660000; */
    font-weight: normal; /* text-decoration: underline; */
}
#col1
{
    width: 100%;
    float: left;
    background: #213820;
}
#col2
{
    clear: both;
    float: left;
    background: #fff url(img/Snowdonia2.gif) repeat-x;
    color: #444;
    padding-bottom: 2em;
}
#col2 p a, #col2 p a:active, #col2 p a:link, #col2 p a:visited, #col2 li a, #col2 li a:active, #col2 li a:link, #col2 li a:visited
{
    color: #456456; /* 660000 */
    font-weight: bold;
    text-decoration: underline;
}
#col2 p a:hover, #col2 li a:hover
{
    background-color: #567567;
	color: #fff; /* ff0000 */
}
#col2 p img
{
    /* FIX 080416 content with images inserted 
	float: right; 
    margin-left: 15px;
    margin-bottom: 15px;
	*/
}
#col2 p strong
{
    color: #222;
}

/* col1 contents */
#col1 #topCon
{
    padding-top: 0.2em;
    text-align: center;
}
#col1 #topCon p
{
    padding-bottom: 0.5em;
}

/* Awards Box
----------------------------------------------------------------- */
#awardsBox
{
    display: none;
    margin: auto;
    width: 177px;
    background-color: #333;
    border-color: #666;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    margin-top: 40px;
}
#awardsBoxInner
{
    width: 152px;
    margin: auto;
    padding: 12px;
}
#awardVisitWales
{
    display: inline;
    width: 70px;
    height: 99px;
    float: left;
}
#awardGreenTourism
{
    display: inline;
    width: 76px;
    height: 99px;
    float: right;
}
#awardFoodandTravel
{
    display: inline;
    width: 152px;
    height: 213px;
    padding-top: 8px;	
    float: right;	
}
#awardTA
{
    clear: both;
    float: left;
    width: 152px;
    padding-top: 8px;
    padding-bottom: 8px;
}
#awardCyclistsWelcome
{
    clear: both;
    float: left;
    width: 72px;
    height: 72px;
    display: inline;
}
#awardWalkersWelcome
{
    float: right;
    width: 72px;
    height: 72px;
    display: inline;
}


/* Twitter 
----------------------------------------------------------------- */
#twBox
{
    display: none;
    margin: auto;
    width: 180px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#twBird
{
    border: 0px solid white;
    width: 50px;
    position: relative;
    top: 22px;
    left: -22px;
}
/* Social Media Icons 
----------------------------------------------------------------- */
.smIcons
{
    width: 30px;
    padding: 3px;
    display: inline;
}

/* Columns Footer
----------------------------------------------------------------- */
#conColFooterOuter
{
    border: none;
    border-bottom: 1px solid #222;
}
#conColFooterContent
{
    clear: both;
    padding: 15px;
    text-align: center;
}
/* Page Footer
----------------------------------------------------------------- */
footer
{
    clear: both;
    text-align: center;
    padding: 10px;
}
footer, footer a, footer a:active, footer a:link, footer a:visited
{
    color: #888877;
}
footer a
{    
    padding-left: 0.5em;
}
footer a:hover
{
    color: #bbb;
}

/* Nav
----------------------------------------------------------------- */
#nav-wrap, #blogNav
{
    margin-top: 20px;
    margin-bottom: 20px;
}
nav
{
    font-size: 1.0000em;
    width: 210px;
}
nav ul.sub-level
{
    font-size: 0.9000em; /* 16 x 0.9000 = 14px */
}
nav ul
{
    margin: 0;
    padding: 0;
}
nav li#
{
    list-style: none;
}
ul.top-level li
{
    border-bottom: #213820 solid;
    border-top: #213820 solid;
    border-width: 1px;
}
nav a, nav li a.noLink:hover, #blogNav a
{
    color: #ccc;
}
nav a, #blogNav a
{
    color: #ccc;
    cursor: pointer;
    display: block;
    line-height: 1.3em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 10px;
	padding-right: 10px;
    text-decoration: none;
    width: 100%;
}
nav a:hover, #blogNav a:hover
{
    text-decoration: underline;
}
nav li:hover, #blogNav a:hover
{
    background: #567567; /* aa0000 */
    position: relative;
}
nav li a.noLink:hover
{
    text-decoration: none;
    cursor: default;
}
nav a:hover, #blogNav a:hover
{
    color: #fff;
}

li:hover .sub-level
{
    background: #213820;
    border: #666 solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 165px;
    top: -10px;
}
ul.sub-level
{
    display: none;
}
ul.sub-level li
{
    display: none;
    border: 3px solid #213820;
    float: left;
    min-width: 200px;
	margin-bottom: 0.25em;
}
ul.third-level li
{
	margin-bottom: 0;
}
.selectedItem
{
    /* background: #111; */
}
.hideFromMobile
{
    display: none;
}

/* gallery
--------------------------------------------------------------------- */
#gallery
{ 
    margin: 0 12px;
}
#gallery img 
{ 
	display: inline-block;
    margin-bottom: 1em;
    margin-right: 1em; 
	max-width: 240px;
    border: 2px solid #9a9a8e;
}

#imgRotate1
{
    display: none;
}

/* iBox - generic
--------------------------------------------------------------------- */
.iBoxCF
{
    padding: 15px;
}

/* TEMP 1 - BEGIN 
================================================================= */
#ffResFormPanel
{
    display: inline-block;
    margin: 0 auto 0px auto;
    padding: 5px;
    background-color: #333;
    text-align: center;
    color: #ddd;
    border: 1px solid #ddddcc;
    border-bottom-width: 4px; 
}
#ffResFormP1, #ffResFormP2
{
    display: inline-block;
    width: 100%;
}

/* TEMP 1 - END 
================================================================= */

/* Buttons
---------------------------------------------------------------- */
button.css3button
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #eeeeee;
    padding: 5px 15px;
    background: -moz-linear-gradient( 		top, 		#aa0000 0%, 		#b81111 50%, 		#ab203c 50%, 		#800000);
    background: -webkit-gradient( 		linear, left top, left bottom,  		from(#aa0000), 		color-stop(0.50, #b81111), 		color-stop(0.50, #ab203c), 		to(#800000));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #800000;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.4);
}
button.css3button:hover
{
    background: -moz-linear-gradient( 		top, 		#cc0000 0%, 		#a81111 50%, 		#9b203c 50%, 		#700000);
    background: -webkit-gradient( 		linear, left top, left bottom,  		from(#cc0000), 		color-stop(0.50, #a81111), 		color-stop(0.50, #9b203c), 		to(#700000));
    border: 1px solid #700000;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.4);
    text-decoration: underline;
    color: #fff;
}

#gmapFrame
{
    width: 100%;
    max-width:650px;
    height: 450px;
}

#TA_selfserveprop581 /* TA Reviews */
{
	display: none;
	width: 468px;
	margin: 40px auto;
}
#TA_selfserveprop897 /* TA Reviews */
{
	display: block;
	width: 240px;
	margin: 40px auto;	
}

/* End of Default Display */
@media screen and (min-width: 768px) /* Tablet + Desktop */
{
    /* Media screen and (min-width: 768px) : Generic
        	----------------------------------------------------------------- */
    .extraPad
    {
        padding: 0px;
    }
    #wrapper
    {
        max-width: 960px;
        width: 960px;
    }
    /* Header
        	---------------------------------------------------------------- */
    header h1 a
    {
        float: left;
    }
    header #strap
    {
        line-height: 28px;
        font-style: italic;
        float: right;
    }
    /* Hero section
        	---------------------------------------------------------------- */
    #heroBox
    {
        border: 2px solid #ddddcc;
        background-color: #ddddcc;
    }
    #heroBox img
    {
        display: block;
    }
    #heroBox img#imgMain1
    {
        border: none;
    }
	#slides
	{	
		display: block;
		width: 511px;
		height: 296px;
	}
    .sub-level
    {
        display: inline-block; /* ? */
    }
    #awardsBox
    {
        display: block; /* ? */
    }
    #twBox
    {
        display: block; /* ? */
    }
    /* Columns CSS
        	----------------------------------------------------------------- */
    header
    {
        padding: 1em;
        background: inherit;
        border: none;
    }
    #container3
    {
        clear: both;
        float: left;
        overflow: hidden;
        margin-left: 10px;
        width: 940px;
    }
    #container2 /* overlaps con3 */
    {
        clear: left;
        float: left;
        width: 100%;
        position: relative;
        right: 10px;
        background: #fff url(img/Snowdonia2.gif) repeat-x;
        border-top: 1px solid #777;
    }
    #container1 /* overlaps con2 */
    {
        float: left;
        width: 100%;
        position: relative;
        right: 710px;
        background: #213820;
    }
    #col1 /* within con1 */
    {
        float: left;
        width: 200px;
        position: relative;
        left: 730px; /* overflow: hidden;  for second level nav */
        z-index: 5; /* for second level nav */
    }
    #col2 /* within con1 */
    {
        clear: none;
        float: left;
        width: 650px;
        position: relative;
        left: 770px;
        overflow: hidden;
        z-index: 3; /* for second level nav */
    }

    /* col1 contents */
    #col1 #topCon
    {
        padding-top: 0.5em;
    }
    #col1 #topCon p
    {
        padding-bottom: 1.5em;
    }

    /* Columns Footer
        	----------------------------------------------------------------- */
    #conColFooterInner
    {
        min-height: 20px;
        width: 710px;
        margin-left: 220px;
        background-color: #fff;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    #conColFooterContent
    {
        width: 710px;
        margin-left: 220px;
    }
    /* Page Footer
        	----------------------------------------------------------------- */
    footer
    {
        padding: 20px;
    }

    /* Nav
        	----------------------------------------------------------------- */

    ul.sub-level li
    {
        display: block;
    }
    nav
    {
        width: 180px;
    }
    ul#nav2, ul#nav2 li
    {
        list-style-type: none;
        padding-left: 0;
        margin-left: 0;
    }

    /* TEMP 2 - BEGIN 
        	================================================================= */
    #ffResFormPanel
    {
        display: inline-block;
        margin: 0 auto 0px auto;
        padding: 5px;
        width: 640px;
        background-color: #333;
        text-align: center;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        color: #ddd;
        border: none;
    }
    #ffResFormP1, #ffResFormP2
    {
        display: inline;
    }
    .nnTitle
    {
        padding-left: 20px;
    }
    /* TEMP 2 - END 
        	================================================================= */
    #imgRotate1
    {
        display: block;
    }
    .hideFromMobile
    {
        display: block;
    }

	#TA_selfserveprop581 /* TA Reviews */
	{
		display: block;
	}
	#TA_selfserveprop897 /* TA Reviews */
	{
		display: none;
	}

    /* Media screen and (min-width: 768px) END */
}
/* Generic Classes
----------------------------------------------------------------- */
.floatL
{
    float: left;
}
.floatR
{
    float: right;
}
.txtC
{
    text-align: center;
}
#col2 ul.noBullets, #col2 ul.noBullets li
{
    margin-left: 0;
    padding-left: 0;
}
#col2 ul.noBullets li
{
    list-style-type: none;
}
strong
{
    font-weight: 700;
}
.empty1
{
    display: none;
}



a.imgLink { margin-left: 1em; margin-right: 1em; padding: 3px; font-size: 1em; text-align: center; text-decoration: underline; font-family: Arial; border-radius: 8px; padding: 8px; background-color: #567567; color: #fff; }
a.imgLink:hover { background-color: #345345; }







































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */