/* Fonts */

@font-face {
	font-family: 'PTSans';
	src: url('../fonts/PT_Sans-webfont.eot');
	src: local('☺'), url('../fonts/PT_Sans-webfont.woff') format('woff'), url('../fonts/PT_Sans-webfont.ttf') format('truetype'), url('../fonts/PT_Sans-webfont.svg#webfont6MwxiJev') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PTSans';
	src: url('../fonts/PT_Sans_Bold_Italic-webfont.eot');
	src: local('☺'), url('../fonts/PT_Sans_Bold_Italic-webfont.woff') format('woff'), url('../fonts/PT_Sans_Bold_Italic-webfont.ttf') format('truetype'), url('../fonts/PT_Sans_Bold_Italic-webfont.svg#webfontyl6J07dT') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'PTSans';
	src: url('../fonts/PT_Sans_Bold-webfont.eot');
	src: local('☺'), url('../fonts/PT_Sans_Bold-webfont.woff') format('woff'), url('../fonts/PT_Sans_Bold-webfont.ttf') format('truetype'), url('../fonts/PT_Sans_Bold-webfont.svg#webfonttr1X6ZwX') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'PTSans';
	src: url('../fonts/PT_Sans_Italic-webfont.eot');
	src: local('☺'), url('../fonts/PT_Sans_Italic-webfont.woff') format('woff'), url('../fonts/PT_Sans_Italic-webfont.ttf') format('truetype'), url('../fonts/PT_Sans_Italic-webfont.svg#webfontYtPqKeMF') format('svg');
	font-weight: normal;
	font-style: italic;
}

/*base*/

*                      {margin:0;padding:0}
a                      {text-decoration:none;outline:none;}
html                   {background:url(/assets/images/bg.png) repeat 0 0;}

ul                     {margin-left:20px;}

/*backgroud image needs centering but only on X not Y*/

body                   {background:url(/assets/images/twirl.png) no-repeat 0 0;height:100%;background-position:center 20px;font-family:PTSans, arial, sans-serif}

h1                     {background:url("/assets/images/logo.png") no-repeat scroll center center transparent;
                        margin:0 auto;padding:5px;
                        position:relative;top:71px;height:126px;width:110px;left:-264px;
                        z-index:100;}


h1 span                {display:none}

h2                     {
                        height:144px;
                        margin:-77px auto 0 ;
                        width:879px;
                        position:relative;left:50px;z-index:100;
                        background:url(/assets/images/strap.png) no-repeat 0 0; width:515px; height:150px;
                       }
h2 span                {display:none}

h3                     {font-size:65px;color:#333;}

.button                {background:url(/assets/images/button.png) no-repeat 0 2px;width:225px;margin:-6px 0 10px 0;height:42px;padding:16px 60px 14px 11px;}
h4,
.button a              {font-size:30px;font-weight:bold;letter-spacing:-1px;text-shadow:2px 2px 5px #aaa;color:#333}
.button a              {color:#333;}

/* Backgrounds */

#banner,
#main-content,
#gallery div.image     {background:url(/assets/images/semi_trans.png)}

/* Shadow Boxes */

#coming-up-main img    {-moz-box-shadow:2px 2px 5px #111;}

/* Bordered Boxes */

#main-content,
#gallery div.image     {border:solid 1px white;}

/*Nav*/

#main-menu             {background:none repeat scroll 0 0 #DDFFDD;border-bottom:1px solid #CCCCCC;
                        font-size:16px;height:36px;position:absolute;opacity:0.7;top:0;width:100%;text-transform:lowercase}
#main-menu a           {text-decoration:none;color:#003300}
#main-menu ul          {position:relative;margin:0 auto;width:879px;text-align:center;}
#main-menu li          {background:none repeat scroll 0 0 #DDFFDD;
                        border-right:1px solid #CCCCCC;
                        display:inline-block;
                        height:36px;
                        list-style-type:none;
                       }
#main-menu li a        {display:block;padding:9px 10px 9px;}
#main-menu li:hover ,
#main-menu li:active   {background: white;-moz-box-shadow:0px -5px 25px #999;z-index:10;position:relative;}
#main-menu li.loading  {background: white;-moz-box-shadow:0px -5px 25px #666;z-index:30;position:relative;}

#main-menu li.first    {border-left:1px solid #CCCCCC;}
#main-menu li.active   {color:#003300;font-weight:bold;background:none repeat scroll 0 0 white;border-bottom:1px solid white;-webkit-box-shadow:0 -5px 25px #666;-moz-box-shadow:0px -5px 25px #666;z-index:20;position:relative;}
#main-menu li.loading a,
#main-menu li.active a {height:30px;background:white;}

/*Content*/

#content,#gallery      {margin:10px auto;width:878px;position:relative;}
#gallery               {margin-top:20px;}

#main-content          {width:575px;color:#333;font-size:1.1em;padding:10px;margin-top:20px;margin-right:20px;min-height:465px;}
#main-content h3       {margin-bottom:20px}
#graphic               {background:url(/assets/images/horizontal_large.png) no-repeat 48% 100%; padding-bottom: 20px;width:100%;}

/*book online*/
#book                   {background:url(../images/book_online.png) no-repeat;height:226px;margin-left:-23px;padding-left:33px;padding-top:1px;}
#book h3                {padding-left:20px}
#book h3 a              {color:#003300;font-weight:bolder;width:255px;height:85px;}
#book span              {text-align:left;}
#book .eviivo_sbox      {background:none;width:338px;padding-left:0;}
#book .eviivo_title     {padding-left:31px;}
#book .eviivo_sbox_top {height:0}


#book label             {margin:0;}
#book_online            {position:relative;margin-left:50%;min-height:500px;height:200px;width:400px;position:relative;float:left;margin-top:50px}
#book_online h3         {margin-left:9%}
.date                   {position:absolute;top:70px;left:-45px;width:400px}

/*Call to cation*/

#cta                   {margin-top:-7px;}
#cta h3                {padding-left:20px}
#cta h3 a              {color:#003300;font-weight:bolder}
#cta span              {display:none}

/*Sub content*/

#suplimentry           {position:absolute;width:260px;right:0px;top:0;}
#suplimentry h3        {font-size:30px;}

#coming-up             {width:248px;height:238px;overflow:hidden;padding:10px 20px 20px 10px;background:url(../images/whatson.png) no-repeat}

#coming-up-main        {}
#coming-up-main img    {float:right;margin-left:20px;border:solid 4px #fafafa}
#coming-up h3          {text-align:left}
#coming-up-list img    {float:left;margin-right:10px;margin-left:0;border:0;-moz-box-shadow:2px 2px 5px #444;}
.coming-up-small       {color:#333}
#coming-up h3          {text-align:left;margin-bottom:20px}
#coming-up p a         {text-decoration:none;color:#003300;font-weight:bolder}
#coming-up div         {margin-bottom:5px;}

/*Banner images(fader)*/

#banner                {margin-top:30px;border-top:solid 1px #ddd;border-bottom:solid 1px #bbb;-moz-box-shadow:0px 5px 25px #999;}
#banner #image-rotator {height:400px;width:878px;position:relative;margin:0 auto;padding:20px 0;}
#banner img            {margin:0px;padding:0px;position:absolute;top:10px;left:0;border:solid 1px white;}
#banner ul             {margin:0;padding:0;height:500px}
#banner ul li          {display:none;list-style-type:none;}
#banner ul li.start    {display:block;}

#extra-images-2        {position:absolute;top:10px;left:0px;}
#extra-images-1        {position:absolute;top:222px;left:0px;}
#extra-images-0        {position:absolute;top:10px;left:159px;}

#extra-images-4        {position:absolute;top:222px;left:741px;}
#extra-images-3        {position:absolute;top:10px;left:741px;}

#image1                {position:relative;top:0px;left:0px}
#image2                {position:relative;top:0px;left:0px}


/*Accommodation Styling*/

#subcontent           {margin-left:25%;padding-top:50px;color:#333;font-size:1.1em;}
#subcontent h3        {text-align:left}
#left_subcontent      {float:left; width:30%;padding-right:30px;}
#subcontent .subcontent_text {width:220px;margin-left:10px;}
#middle_subcontent    {float:left; width:30%;padding-right:30px;}
#right_subcontent     {float:left; width:30%;}

#intro                {width:878px;margin:10px auto 30px auto;}
#intro h3             {margin-bottom:10px;}

#gallery h3          {text-align:left;font-size:32px;margin-bottom:10px;}
#gallery h3 a        {color:#003300;font-weight:bolder}
.image               {position:relative;width:255px;float:left;margin-bottom:15px;margin-right:20px;padding:0 16px 16px;height:auto}
.image a             {position:absolute;top:0;left:0;width:100%;height:100%}
.image a span        {display:none}
#gallery .abstract li {margin-left:35%}
#back                {clear:both}
#room-list .abstract li {margin-left:20px}

/*suplimentary*/
#map                {position:relative}
#map_canvas         {position:absolute;top:0;left:10px;-moz-box-shadow: 2px 2px 2px gray;-webkit-box-shadow: 2px 2px 2px gray;box-shadow: 2px 2px 2px gray;}

/*contact_form*/

#contact_form       {margin-left:7%}

fieldset.grommit, legend {display:none;}
fieldset            {border:none;}
label               {display:block;clear:both;margin:3px 0;padding:3px 0;}
label span          {display:block;float:left;width:150px;text-align:right;padding-right:5px;font-weight:normal;font-size:16px;}
label               {margin-top:8px;}
.textarea span      {position:absolute}
#message            {margin-left:159px;width:320px}
.button-block       {margin-left:55%}

#postal             {margin-left:7%}
#postal h3          {margin-left:0}
#postal div         {margin-left:20px}

/*Footer*/
#footer form        {font-size:16px;}
#month, #year       {float:left;position:relative;margin-top:-21px;margin-left:133px;}
#year               {margin-left:180px;}

#footer label span  {display:block;float:left;width:90px;text-align:left;padding-right:5px;}


.clear              {clear:both;}

#footer             {background:#E7FFE7;margin-top:30px;
                     border-top:solid 1px #ddd;border-bottom:solid 1px #bbb;-moz-box-shadow:0px -5px 25px #999;height:300px;padding-top:20px;
                     font-size:15px}

#footer-content     {margin:0 auto;width:890px;position:relative;}
#footer dt span,
#footer dd          {display:none;}

#footer h3          {font-size:28px;margin:0 0 10px;padding:0;}

#footer #footer-note   {width:355px;margin-left:15px}
#footer #accreditiations {width:300px;border-left:solid 1px #ccc;position:absolute;top:0;left:410px;}
#footer #accreditiations dl {position:relative;}
#footer #accreditiations dt {height:140px;position:absolute;top:0;left:0;width:140px;}

#footer #accreditiations  #visit-wales {background:url(../images/vw3star.jpg) no-repeat;height:200px;}
#footer #accreditiations  #north-wales-tourism {background:url(../images/visit_wales.jpg) no-repeat;width:70px;left:140px;top:0px;}
#footer #accreditiations  #walker-friendly {background:url(../images/walker_friendly.jpg) no-repeat;width:80px;left:140px;top:60px;}
#footer #accreditiations  #biker-friendly {background:url(../images/biker_friendly.jpg) no-repeat;width:80px;left:140px;top:120px;}

#footer #legal      {position:absolute;top:0;width:270px;right:-15px;}
#footer ul          {margin:0;}
#footer li          {list-style-type:none;}

/*Credits*/

#credits            {display:none;}