/* CSS Document */

body { background-color: #333333; }

h1 {
	font: 130% bold Arial, Helvetica, Verdana, sans-serif;
}

h2 {
	font-face: Arial, Helvetica, Verdana, sans-serif;
	font-color: #cccccc;
	font-size: 125% ;
	text-decoration: bold ;
	line-height: 0px;
	padding: 10px 0px 0px 0px;
}

.smalltext {
	font: 95% Arial, Helvetica, Verdana, sans-serif;
}


.quotetext {
	font: 70% Arial, Helvetica, Verdana, sans-serif;
}


/* LAYOUT - MAIN PAGE AREAS */
.centreContent {
	width: 100%;
	text-align: center;
	background-image: url(images/bkgnd-top.gif); 
	background-repeat: repeat-x;
/* code for centreuing */
	#position: absolute; #top: 0px; left: 0px;
}

.topmenu
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #999999;
	align: center;
	}


/* large white bg */
#contentAreaHome {
	background-color: #000000;
	width: 986px;
	height: 670px;
	top: 9px;
	text-align: left;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 

/* code for centering */
	margin:0px auto 0px auto;
	position: relative; 
}

/* large white bg */
#contentArea {
	background-color: #000000;
	width: 986px;
	height: 735px;
	top: 9px;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	/* code for centering */
	margin:0px auto;
	position: relative;
	vertical-align: top;
}


/* large white bg */
#contentAreaprices {
	background-color: #000000;
	width: 986px;
	height: 925px;
	top: 9px;
	text-align: left;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 

/* code for centering */
	margin:0px auto 0px auto;
	position: relative; 
}


/* large white bg */
#contentAreaphotos {
	background-color: #000000;
	width: 986px;
	height: 967px;
	top: 9px;
	text-align: left;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 

/* code for centering */
	margin:0px auto 0px auto;
	position: relative; 
}


/* large white bg */
#contentArealinks {
	background-color: #000000;
	width: 986px;
	height: 782px;
	top: 9px;
	text-align: left;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 

/* code for centering */
	margin:0px auto 0px auto;
	position: relative; 
}

#foot { /* For Mozilla etc */
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 18PX;
	top: 12px;
	height: 60px;
	width:986px;
	min-width:986px;
	padding:0px 0px 0px 0px;
	z-index:3;
	background-color: #000000;
	left: auto;
	/* code for centering */
	margin:0px auto 0px auto;
	position: relative; 
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
}

	
* html #foot { /* IE ignores the * html so sees this as #contenti */
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 18PX;
	top: 12px;
	height: 60px;
	width:986px;
	min-width:986px;
	padding:0px 0px 0px 0px;	
	z-index:3;
	background-color: #000000;
	left: auto;
	/* code for centering */
	margin:0px auto 0px auto;
	position: relative; 
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
}
	
#foottext {
	text-align: center;
	color: #ffffff;
	padding: 10px 0px 0px 0px;
	left: 80px;
	position: absolute;
}



 
/* foot */
/*
#foot {
	background-color: #000000;
	width: 986px;
	height: 60px;
	top: 12px;
	text-align: center;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
*/

/* code for centering */
/*	margin:0px auto 0px auto;
	position: relative; 
}*/

/*
#footArea {
	float: left;
	position: relative;
	top: -140px;
	width: 950px;
	font: 70% Arial, Helvetica, Verdana, sans-serif;
	line-height: 13px;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
}
*/

/*
.footAreaPadding {
	width: 986px !important;
	height: 60px !important;
	padding: 0px 0px 0px 0px;
}
*/

/* main text area */

#textAreahome {
	float: left;
	position: relative;
	top: 10px;
	width: 564px;
	height: 620px;
	font: 75% Arial, Helvetica, Verdana, sans-serif;
	line-height: 15px;
	color: #ffffff;
}


#textArea {
	float: left;
	position: relative;
	top: 10px;
	width: 700px;
	font: 75% Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;

}

#textA_ER{
	float: left;
	position: relative;
	top: 10px;
	width: 700px;
	font: 75% Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;
}

#textArea {
	float: left;
	position: relative;
	top: 10px;
	width: 700px;
	font: 75% Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;

}

#textArea_EVENT {
	float: left;
	position: relative;
	top: 10px;
	width: 700px;
	font: 75% Arial, Helvetica, Verdana, sans-serif;
	/*color: #ffffff;*/
	background-image: url(images/wales_black_mountains.jpg);
}

#textborderhome {
	padding: 40px 15px 0px 15px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
	background-image: url(images/title-welcome.gif); 
	background-repeat: no-repeat;
}

#textborder {
	padding: 0px 15px 0px 15px;
	height: 474px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
}

#textborderprices {
	padding: 0px 15px 0px 15px;
	height: 682px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
}

#textborderphotos {
	padding: 0px 15px 0px 15px;
	height: 714px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
}

#textborderlinks {
	padding: 0px 15px 0px 15px;
	height: 538px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
}

/* adds padding to textArea - eg for text */
.textAreaPaddinghome {
	width: 560px !important;
	height: 575px !important;
	padding: 0px 0px 0px 0px;
}

/* adds padding to textArea - eg for text */
.textAreaPadding {
	width: 762px !important;
	padding: 0px 0px 0px 0px;
}



.rightImagePaddingCycling {
	margin: -22px -15px 0px 0px;
}

.rightImagePadding {
	margin: -19px -15px 0px 0px;
}

#cyclinglinks {
	position: absolute;
	width: 251px;
	height: 31px;
	top: 1px;
	left: 511px;
}

.texttitlepadding {
	margin: 0px 0px 0px -15px;
}


.textAreaPagePadding {
	width: 560px !important;
	height: 575px !important;
	padding: 0px 40px 10px 215px;
}


/* left nav column and sections*/
#leftNavArea {
	float: left;
	position: relative;
	top: 5px;
	left: 5px;
	margin: 0px;
	height: 190px;
	border-style: solid;
	border-width: 0px; 
	border-color: #ffffff; 
}

#leftNav {
	float: left;
	position: relative;
	top: 4px;
	left: 5px;
	margin: 0px;
	height: 30px;
	padding: 0px;
	border-style: solid;
	border-width: 0px; 
	border-color: #ffffff; 
}


#leftlinks {
	float: left;
	position: relative;
	top: 10px;
	width: 193px;
	height: 400px;
	font: 80% Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;
	z-index: 2;

}


#leftlinksborder {
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
}

#leftlinksborder2 {
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: none;
}

#leftlinksborder3 {
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: none;
}

#leftlinksborderbttm { 
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: none;
	background-image: url(images/bttnimage-bttm.gif); 
	background-repeat: repeat;

}

/* adds padding to textArea - eg for text */
.leftlinksPadding {
	width: 193px !important;
	height: 400px!important;
	padding: 0px 9px 0px 11px;
}




#rightlinks {
	position: absolute;
	top: 230px;
	left: 773px;
	width: 193px;
	height: 400px;
	font: 80% Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;
	z-index: 2;
}

#rightlinksborder {
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
}

#rightlinksborder2 {
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: none;
}

#rightlinksborderbttm { 
	padding: 0px 0px 0px 100px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: none;
	background-image: url(images/bttnimage-bttm.gif); 
	background-repeat: repeat;

}

/* adds padding to textArea - eg for text */
.rightlinksPadding {
	width: 193px !important;
	height: 500px !important;
	padding: 20px 0px 0px 9px;
}


#pricesboxtitle1 {
	position: absolute;
	width: 525px;
	height: 25px;
	margin-left: -10px;
	margin-top: -1px;
	padding: 0px 0px 0px 0px;
}

#pricesboxtitle2 {
	position: absolute;
	width: 525px;
	height: 25px;
	margin-left: -10px;
	margin-top: -2px;
	padding: 0px 0px 0px 0px;
}

#pricesbox1 {
	position: absolute;
	top: 50px;
	width: 457px;
	height: 268px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
	padding-right: 10px;
	padding-left: 10px;
	background-color: #1b1b1b;
}

#pricesbox2 {
	position: absolute;
	top: 330px;
	width: 457px;
	height: 153px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
	padding-right: 10px;
	padding-left: 10px;
	background-color: #1b1b1b;
}

#pricesbox3 {
	position: absolute;
	top: 495px;
	width: 718px;
	height: 68px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
	padding-left: 10px;
	background-color: #1b1b1b;
}

#pricesbox4 {
	position: absolute;
	top: 575px;
	width: 708px;
	height: 80px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-color: #333333;
}

#typicalboxwalk {
	position: absolute;
	width: 457px;
	height: 58px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
	padding-right: 10px;
	padding-left: 10px;
	background-color: #1b1b1b;
}

#typicalboxtitle {
	position: absolute;
	width: 525px;
	height: 25px;
	margin-left: -10px;
	margin-top: -1px;
	padding: 0px 0px 0px 0px;
}

#photographer {
	position: absolute;
	width: 200px;
	margin-left: 10px;
	margin-top: 25px;
	font-face: Arial, Verdana;
	font-size: 11px;
	border-style: solid;
	border-width: 1px; 
	border-color: #ffffff; 
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #1b1b1b;
}

#smallphototext {
	position: absolute;
	width: 200px;
	margin-left: 10px;
	margin-top: -15px;
	font-face: Arial, Verdana;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

/* LINK COLOURS */
/* links in copy */
a:link { color: #3399cc; text-decoration: underline; }
a:visited { color: #3399cc; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: none; }
a:active { color: #ffffff; text-decoration: none; }

/* links in nav areas */
#leftNavArea a:link { color: #ffffff; text-decoration: none; }
#leftNavArea a:visited { color: #ffffff; text-decoration: none; }
#leftNavArea a:hover { color: #e0bec6; text-decoration: none; }
#leftNavArea a:active { color: #e0bec6; text-decoration: none; }

#contactArea a:link { color: #e0bec6; text-decoration: none; }
#contactArea a:visited { color: #e0bec6; text-decoration: none; }
#contactArea a:hover { color: #ffffff; text-decoration: none; }
#contactArea a:active { color: #ffffff; text-decoration: none; }


.leftFloat { float: left; }
.rightFloat { float: right; }

/* backgrounds */


/* Pagination */
table.pagination { position: absolute; top: 630px; left: 550px; z-index: 99; font-family: Verdana, Arial, Helvetica, sans-serif; color: #7f5267; font-size: 10.8pt;}
html>body table.pagination { position: absolute; top: 630px; left: 550px; z-index: 99;}