@charset "UTF-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

html, body {
	height:100%; /* used to ensure uses full height of browser */
	margin:0px;
	padding:0px;
	background:#000;
	font-family:Arial, Helvetica, sans-serif; /* sets the default font for the website */
	font-size:14px; /* sets the default font size for the website */
	line-height: 19px;
	color:#FFFFFF; /* sets the default colour of the text for the website */
}

html {
	overflow-y:scroll; /* keeps the right scrollbar on a browser so there's not a shift when it appears */
}

#wrapper { /* used to ensure uses full height of browser */
	width:100%;
	height:100%;
	text-align: left;
	position:relative;
	margin:0px;
	padding:0px;
	bottom:0px;
	top:0px;
}
.container { /* used to contain the 900px width */
	margin: 0 auto;
	width:900px;
	min-height:100%;
	background:url(../images/main/back_black.gif) center repeat-y;
	padding:0 1px 0 0;
	position:relative;
}

.containerclick { /* used to contain the 900px width */
	margin: 0 auto;
	width:100%;
	min-height:100%;
	background:url(../images/main/back_blackpics.gif) center repeat-y;
	padding:26px 1px 0 0;
	position:left;
	left:0px;
}

.containerclick2 { /* used to contain the 900px width */
	margin: 0 auto;
	width:500px;
	min-height:100%;
	background:url(../images/main/back_blackpics.gif) center repeat-y;
	padding:26px 1px 0 0;
	position:left;
	left:0px;
}


* html .container {
	height:100%; /* for ie6 */
}

.topbar { /* top coloured bar */
	background:#ffffff url(../images/top/grey_top.gif) repeat-x;
	height:24px;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
}

/* top bar colours */

.home .topbar {
	background:#ffffff url(../images/top/grey_top.gif) repeat-x;
}
.accom .topbar {
	background:#ffffff url(../images/top/1_top.gif) repeat-x;
}
.menupage .topbar {
	background:#ffffff url(../images/top/2_top.gif) repeat-x;
}
.prices .topbar {
	background:#ffffff url(../images/top/3_top.gif) repeat-x;
}
.courses .topbar {
	background:#ffffff url(../images/top/4_top.gif) repeat-x;
}
.enthusiasts .topbar {
	background:#ffffff url(../images/top/13_top.gif) repeat-x;
}
.dining .topbar {
	background:#ffffff url(../images/top/4_top.gif) repeat-x;
}
.activities .topbar {
	background:#ffffff url(../images/top/5_top.gif) repeat-x;
}
.places .topbar {
	background:#ffffff url(../images/top/6_top.gif) repeat-x;
}
.location .topbar {
	background:#ffffff url(../images/top/7_top.gif) repeat-x;
}
.events .topbar {
	background:#ffffff url(../images/top/7_top.gif) repeat-x;
}
.contact .topbar {
	background:#ffffff url(../images/top/8_top.gif) repeat-x;
}
.offers .topbar {
	background:#ffffff url(../images/top/10_top.gif) repeat-x;
}
.terms .topbar {
	background:#ffffff url(../images/top/9_top.gif) repeat-x;
}
.weather .topbar {
	background:#ffffff url(../images/top/11_top.gif) repeat-x;
}
.availability .topbar {
	background:#ffffff url(../images/top/14_top.gif) repeat-x;
}
.guidedwalks .topbar {
	background:#ffffff url(../images/top/5_top.gif) repeat-x;
}

.winter .topbar {
	background:#ffffff url(../images/top/15_top.gif) repeat-x;
}

.charity .topbar {
	background:#ffffff url(../images/top/15_top.gif) repeat-x;
}

/* end top bar colours */

.bottombar { /* bottom grey bar */
	background:#ffffff url(../images/main/bottombar_back.gif) repeat-x;
	height:45px;
	width:100%;
	position:fixed;
	margin:-45px 0 0 0;
}

.middle { /* contains the bulk of the web page content */
	min-height:550px;
	width:900px;
	margin:0px auto;
	padding:24px 1px 40px 0;
}

.logo { /* positioning for the logo img */
	padding:19px 20px;
	float:left;
}

.pageimage { /* where the top page image is contained */
	width:670px;
	height:180px;
	background:#333;
	float:right;
}

.topdivider { /* used as a line and to seperate from the next section (menu and content) */
	clear:both;
	width:875px;
	height:1px;
	background-color:#FFFFFF;
	border-left:25px solid #000000;
	overflow:hidden;
}

/* menu */

.menuarea { /* column one */
	float:left;
	width:230px;
}

.menutop {
	width:25px;
	height:27px;
	border-right:1px solid #fff;
}

.menudivider {
	float:left;
	margin-left: 25px;
	width:204px;
	height:25px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;

}

.menu {
	color:#FFFFFF;
	width:205px;
	float:left;
	padding:0px 0 10px 25px;
	list-style:none;
}
.menu li {
}
.menu li a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 0 3px 30px;
	height:24px;
	line-height:24px;
}
.menu li a:hover {
	color:#ccc;
}

/* submenus - applies to any lists within the menu list */
.menu li ul {
	list-style:none;
	width:176px;
	margin-top:-3px;
	padding-bottom:3px;
	font-size:12px;
}
.menu li ul a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:3px 0 0 47px;
	height:24px;
	line-height:24px;
	background:url(../images/menu/submenu_middle.gif) no-repeat;
}
.menu li ul a.last {
	background:url(../images/menu/submenu_bottom.gif) no-repeat; /* add a class of 'last' to the last menu link of the submenu */ 
}

.walking .walkingmenu, .climbing .climbingmenu, .cycling .cyclingmenu, .kayaking .kayakingmenu, .instructors .coursesmenu {
	color:#00CC00;
}
.castles .castlesmenu, .gardens .gardensmenu, .beaches .beachesmenu, .towns .townsmenu, .prehistoric .prehistoricmenu, .leisurecentres .leisurecentresmenu, .museums .museumsmenu {
	color:#FF00FF;
}
.llanberis .llanberismenu, .miners .minersmenu, .pyg .pygmenu, .ranger .rangermenu, .watkins .watkinsmenu, .southridge .southridgemenu, .horseshoe .horseshoemenu {
	color:#5ab224;
}
.3day .3daymenu, .5day .5daymenu, .winter .wintermenu {
	color:#5ab224;
}

/* old coding   .availability .availabilitymenu  {
	color:#ef1a23;
}
*/

/* use to show and hide submenus - can listed one after the other seperated by a comma */

.suboffersmenu, .subguidedwalksmenu, .subactivitiesmenu, .subplacesmenu, .subavailabilitymenu  {
	display:none;
}

.offers .suboffersmenu, .guidedwalks .subguidedwalksmenu, .activities .subactivitiesmenu, .places .subplacesmenu, .prices .subavailabilitymenu  {
	display:block;
}



/* menu colour backs - have to apply a different colour for each */
.homemenu {
	background:url(../images/menu/inactive/menu0_inactive.gif) no-repeat;
}
.home .homemenu {
	background:url(../images/menu/active/menu0_active.gif) no-repeat;
}
.accommenu {
	background:url(../images/menu/inactive/menu1_inactive.gif) no-repeat;
}
.accom .accommenu {
	background:url(../images/menu/active/menu1_active.gif) no-repeat;
}
.menumenu {
	background:url(../images/menu/inactive/menu2_inactive.gif) no-repeat;
}
.menupage .menumenu {
	background:url(../images/menu/active/menu2_active.gif) no-repeat;
	color:#000000;
}
.pricesmenu {
	background:url(../images/menu/inactive/menu3_inactive.gif) no-repeat;
}
.prices .pricesmenu {
	background:url(../images/menu/active/menu3_active.gif) no-repeat;
}
.availabilitymenu {
	background:url(../images/menu/inactive/menu12_inactive.gif) no-repeat;
}
.availability .availabilitymenu {
	background:url(../images/menu/active/menu12_active.gif) no-repeat;
}
.guidedwalksmenu {
	background:url(../images/menu/inactive/menu5_inactive.gif) no-repeat;
}
.guidedwalks .guidedwalksmenu {
	background:url(../images/menu/active/menu5_active.gif) no-repeat;
}
.winterwalkmenu {
	background:url(../images/menu/inactive/menu15_inactive.gif) no-repeat;
}
.winterwalk .winterwalkmenu {
	background:url(../images/menu/active/menu15_active.gif) no-repeat;
}
.charitymenu {
	background:url(../images/menu/inactive/menu16_inactive.gif) no-repeat;
}
.charity .charitymenu {
	background:url(../images/menu/active/menu16_active.gif) no-repeat;
}
.coursesmenu {
	background:url(../images/menu/inactive/menu4_inactive.gif) no-repeat;
}
.courses .coursesmenu {
	background:url(../images/menu/active/menu4_active.gif) no-repeat;
}
.enthusiastsmenu {
	background:url(../images/menu/inactive/menu13_inactive.gif) no-repeat;
}
.enthusiasts .enthusiastsmenu {
	background:url(../images/menu/active/menu13_active.gif) no-repeat;
}
.diningmenu {
	background:url(../images/menu/inactive/menu4_inactive.gif) no-repeat;
}
.dining .diningmenu {
	background:url(../images/menu/active/menu4_active.gif) no-repeat;
}
.eventsmenu {
	background:url(../images/menu/inactive/menu7_inactive.gif) no-repeat;
}
.events .eventsmenu {
	background:url(../images/menu/active/menu7_active.gif) no-repeat;
}
.activitiesmenu {
	background:url(../images/menu/inactive/menu5_inactive.gif) no-repeat;
}
.activities .activitiesmenu {
	background:url(../images/menu/active/menu5_active.gif) no-repeat;
}
.placesmenu {
	background:url(../images/menu/inactive/menu14_inactive.gif) no-repeat;
}
.places .placesmenu {
	background:url(../images/menu/active/menu14_active.gif) no-repeat;
}
.locationmenu {
	background:url(../images/menu/inactive/menu7_inactive.gif) no-repeat;
}
.location .locationmenu {
	background:url(../images/menu/active/menu7_active.gif) no-repeat;
}
.contactmenu {
	background:url(../images/menu/inactive/menu8_inactive.gif) no-repeat;
}
.contact .contactmenu {
	background:url(../images/menu/active/menu8_active.gif) no-repeat;
}
.offersmenu {
	background:url(../images/menu/inactive/menu10_inactive.gif) no-repeat;
}
.offers .offersmenu {
	background:url(../images/menu/active/menu10_active.gif) no-repeat;
}

.termsmenu {
	background:url(../images/menu/inactive/menu9_inactive.gif) no-repeat;
}
.terms .termsmenu {
	background:url(../images/menu/active/menu9_active.gif) no-repeat;
}
.weathermenu {
	background:url(../images/menu/inactive/menu11_inactive.gif) no-repeat;
}
.weather .weathermenu {
	background:url(../images/menu/active/menu11_active.gif) no-repeat;
}

.walkingbutton .walkingbuttonmenu {
	background:url(../images/menu/walkbutton_text.swf) no-repeat;
}

/* end menu */

.content { /* column two */
	float:left;
	width:580px;
	padding:10px 70px 10px 20px;
	border:0px;
}

.contactcontent {
	width:270px;
	padding:205px 15px 10px 10px;
	position:absolute;
	right:20px;
	top:10px;
}

.bullets li {
}

.bullets li a{
padding-left: 20px;
}

.bullets {
	padding-left: 13px;
	text-decoration: none;

}

.bold {
	font-weight:bold;
}
.purplebold {
	font-weight:bold;
	color:#bd62fe;
}

.italic {
	font-style:italic;
}
.lighter {
	font-weight: lighter;
}

.small {
	font-size:10px;
}

.smaller {
	font-size:8px;
}


.medium {
	font-size:12px;
}


.narrow {
	font-stretch: semi-condensed;
}

.larger {
	font-size:16px;
}

.white {
	color:#fffbf0;
}

.green {
	color:#5ab224;
}

.aqua {
	color:#377893;
}

.lightaqua {
	color:#00bfaa;
}
.cyan {
	color:#23a0c8;
}

.yellow {
	color:#f9fc0d;
}

.red {
	color:#ef1a23;
}
.darkred {
	color:#aa0000;
}

.pink {
	color:#ce027f;
}

.brown {
	color:#cc6633;
}

.lightblue {
	color:#99ffff;
}

.blue {
	color:#0066ff;
}

.darkblue {
	color:#2a1faa;
}

.orange {
	color:#fe891b;
}

.darkorange {
	color:#b76617;
}

.grey {
	color:gray;
}

.darkgreen {
	color:#2a5f00;
}
.purple {
	color:#bd62fe;
}
.mauve{
	color:#9d3c9f;
}
.black{
	color:#000000;
}

.lightpurple{
	color:#aa5fff;
}

.winterblue{
	color:#15beff
}

.catdivider {
	background:url(../images/main/divider10.gif) no-repeat left;
	position:relative;
	height:1px;
	width:600px;
	padding:30px 0 20px 0;
	margin:0 0 10px 0;
}
.catdivider3 {
	background:url(../images/main/divider3.gif) no-repeat left;
	position:relative;
	height:1px;
	width:600px;
	padding:30px 0 20px 0;
	margin:0 0 10px 0;
}
.catdivider4 {
	background:url(../images/main/divider4.gif) no-repeat left;
	position:relative;
	height:1px;
	width:600px;
	padding:30px 0 20px 0;
	margin:0 0 10px 0;
}

.catdivider5 {
	background:url(../images/main/divider5.gif) no-repeat left;
	position:relative;
	height:1px;
	width:600px;
	padding:10px 0 5px 0;
	margin:0 0 10px 0;
}

.catdivider6 {
	background:url(../images/main/divider6.gif) no-repeat left;
	position:relative;
	height:1px;
	width:600px;
	padding:10px 0 5px 0;
	margin:0 0 10px 0;
}

.catdivider7 {
	background:url(../images/main/divider7.gif) no-repeat left;
	position:relative;
	height:1px;
	width:600px;
	padding:10px 0 5px 0;
	margin:0 0 10px 0;
}

.catdivider11 {
	background:url(../images/main/divider11.gif) no-repeat left;
	position:relative;
	height:1px;
	width:600px;
	padding:10px 0 5px 0;
	margin:0 0 10px 0;
}
.catdivider13 {
	background:url(../images/main/divider13.gif) no-repeat left;
	position:relative;
	height:1px;
	width:600px;
	padding:10px 0 5px 0;
	margin:0 0 10px 0;
}

.catdivider15 {
	background:url(../images/main/divider15.gif) no-repeat left;
	position:relative;
	height:1px;
	width:600px;
	padding:10px 0 5px 0;
	margin:0 0 10px 0;
}

.bordercolour {
	border-color: #000000;
	border-width:1px;
	border-style: solid;
}
.event {
	padding-left: 40px;
	color: #ef1a23;
}



.submit, .reset {
	width:60px;
	float:right;
	background:#3399cc;
	margin:10px 210px 0 0;
	display:block;
}

.footer { /* to contain the sitemap and treefrog links */
	margin:0 auto;
	width:900px;
	height:42px;
	padding:3px 20px 0 0;
}

.footer p { /* paragraphs that contain the links */
	margin:0px;
	padding:0px;
	text-align:right;
}

.footer a { /* applied to both links */
	font-size:11px;
	text-decoration:none;
}

.sitemap { /* sitemap link */
	color:#FFFFFF;
	height:20px;
	line-height:20px;
}
.sitemap:hover {
	text-decoration:underline;
}

.treefrog {/* treefrog link */
	color:#666;
	height:22px;
	line-height:22px;
}
.treefrog:hover {
	text-decoration:underline;
}
.white:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}



/* general */

p {
	margin:10px 0;
}

.title {
	font-weight: lighter;
	font-size:23px;
	margin:20px 0;
	line-height: 25px;
}
.firstpara {
	font-size:18px;
	margin:15px 0;
}

.linespace {
	margin:0px 0;
}

.link {/* treefrog link */
	color:white;
	height:22px;
	line-height:22px;
}

.list  {
	list-style:none;
	margin:0px;
}

.room1{
	background:url(../images/accommodation/room1group_click.jpg) no-repeat left;
	width:900px; 
	border:0;
	background-position: center;
}
	 
.webcam{
	width:321px; 
	border:0;
	padding: 0px 0px 30px 0px;
	
}

.awardspic{
	width:125px;
	margin-left: 27px;
}
	
.wifipic{
	width:155px;
	margin-left: 15px;
}