html {
	font-size: 62.5%;
	background: url('../images/html_bg.png') repeat-x top #fff;
	height: 100%;
}

body {
	background: #88B8E1 url('../images/clouds.jpg') center 82px no-repeat;
	margin: 0; padding: 0;
	font: 1.4em/1.7em 'Verdana', sans-serif;
	min-height: 100%;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
	font-size: 1em;
	font-weight: bold;
}

img {
	border: none;
}

a {
	color: #E20C68;
	text-decoration: underline;
}

ul, ol {
	margin: 0; 
	padding: 0 0 0 20px;
}

form, fieldset {
	margin: 0; padding: 0;
	border: 0;
}

p {
	margin: 1em 0;
}

::-moz-selection {
	background: #1b75bb;
	color: #ffffff;
}

::selection {
	background: #1b75bb;
	color: #ffffff;
}

object, embed {
	outline: 0;	
}

/* ## Generic ## */

.stamp {
	background: url('../images/stamp_large.png') no-repeat;
	padding: 11px 14px 16px 14px;
	position: relative;
	left: -16px;
	top: -5px;
	width: 443px;
	height: 241px;
	overflow: hidden;
}

.stamp a,
.stamp img {
	display: block;	
	border: 0;
}


.bar {
	background: url('../images/large/bar_top.png') no-repeat;
	color: #ffffff;
	font-family: 'Verdana', sans-serif;
	font-weight: bold;
	position: relative;
	margin: 0 0 3px 0;
	width: 708px;
	overflow: hidden;
	display: block;
}

.bar .val {
	margin: 4px 0 0 0;
	background: #e20c68;
	padding: 2px 10px 3px 10px;
	font-size: 1.1em;
	display: block;
}

.bar .bottom {
	background: url('../images/large/bar_bottom.png') no-repeat !important;
	width: 708px;
	height: 3px !important;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	display: block
}

.bar a {
	color: #ffffff;
	text-decoration: none;
}


.paginationF {
	background: url('../images/large/pagination_bg.png') 0 0 no-repeat;
	color: #ffffff;
	font-weight: normal;
	width: 688px;
	padding: 5px 10px 7px 10px;
}

.paginationF span {
	margin: 0 3px;	
}

.paginationF a {
	color: #ffffff;
	display: inline !important;
	margin: 0 1px;
	padding: 2px 4px;
	text-decoration: none;
	position: relative;
}

.paginationF .currentPage {
	font-weight: bold;	
}


.box {
	margin: 12px 0;
	width: 774px;
	overflow: hidden;
}

.box .title {
	background: url('../images/large/title.png') 0 0 no-repeat;
	height: 73px;
	overflow: hidden;
}

.box .title span {
	color: #ffffff;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	/* font-size: 2.25em; */
	font-size: 1.6em;
	line-height: 1em;
	margin: 18px 35px;
	display: block;
	letter-spacing: -1px;
}

.box .content {
	overflow: hidden;
}

.box .inside {
	overflow: hidden;
}

.box .top {
	background: url('../images/large/wood_top.png') 0 0 no-repeat;
	height: 26px;
}

.box .bottom {
	background: url('../images/large/wood_bottom.png') 0 0 no-repeat;
	height: 47px;
	overflow: hidden;
}

.box .inner {
	background: url('../images/large/wood_repeat.png') 0 0 repeat-y;
	padding: 0 32px;
	overflow: hidden;
}

.box .text {
	background: url('../images/large/text_top.png') 0 0 no-repeat;
	margin: 10px 0;
	position: relative;
	width: 708px;
	color: #e20c68;
	padding: 3px 0 0 0;
}

.box .text .inner {
	background: #fee9c9;
	padding: 0 11px 3px 11px;
	overflow: hidden;
}

.box .text .bottom {
	background: url('../images/large/text_bottom.png') 0 0 no-repeat;
	height: 4px;
	width: 708px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 -4px 0;
}


ul.error {
	background: url('../images/error_bg.png') 0 0 no-repeat;
	padding: 0 0 0 179px;
	min-height: 75px;
	list-style-type: none;
	color: #e20c68;	
}

ul.error li {
	background: url('../images/error_bullet.png') left center no-repeat;	
	padding: 2px 0 2px 17px;
	position: relative;
	top: -3px;
}


/* # Box Types # */

.large {
	width: 774px;
}


.med {
	width: 507px;
}

.med .title {
	background-image: url('../images/med/title.png');
}

.med .top {
	background-image: url('../images/med/wood_top.png');
}

.med .bottom {
	background-image: url('../images/med/wood_bottom.png');
}

.med .inner {
	background-image: url('../images/med/wood_repeat.png');
}

.med .bar {
	width: 443px;
}

.med .bar {
	background: url('../images/med/bar_top.png') no-repeat;
	width: 443px;
}

.med .bar .bottom {
	background: url('../images/med/bar_bottom.png') no-repeat !important;
	width: 443px;
}

.med .text {
	background: url('../images/med/text_top.png') 0 0 no-repeat;
	width: 443px;
}

.med .text .bottom {
	background: url('../images/med/text_bottom.png') 0 0 no-repeat;
	width: 443px;
}

.med .paginationF {
	background-image: url('../images/med/pagination_bg.png');
	width: 423px;
}


.small {
	width: 254px;
}

.small .title {
	background-image: url('../images/small/title.png');
}

.small .top {
	background-image: url('../images/small/wood_top.png');
}

.small .bottom {
	background-image: url('../images/small/wood_bottom.png');
}

.small .inner {
	background-image: url('../images/small/wood_repeat.png');
	padding: 0 22px;
}

.small .bar {
	background: url('../images/small/bar_top.png') no-repeat;
	width: 210px;
}

.small .bar .bottom {
	background: url('../images/small/bar_bottom.png') no-repeat !important;
	width: 210px;
}

.small .text {
	background: url('../images/small/text_top.png') 0 0 no-repeat;
	width: 210px;
}

.small .text .bottom {
	background: url('../images/small/text_bottom.png') 0 0 no-repeat;
	width: 210px;
}

.small .stamp {
	background: url('../images/small/stamp.png') no-repeat;
	width: 190px;
	left: -5px;
	height: 87px;
	padding: 11px 14px;
}


.centre {
	width: 583px;
}

.centre .title {
	background-image: url('../images/centre/title.png');
}

.centre .top {
	background-image: url('../images/centre/wood_top.png');
}

.centre .bottom {
	background-image: url('../images/centre/wood_bottom.png');
}

.centre .inner {
	background-image: url('../images/centre/wood_repeat.png');
}




/* ## Structure ## */

#s4cHeader{
	background:#fff;
	height:92px;
}

#toolbar {
	z-index:999 !important;
	top: 300px;
	left: 200px;
	}

#header {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	z-index: 1 !important;
}

#toolbarshow {
	z-index:999 !important;
	top: 300px;
	left: 200px;
	}
	
	

#header .inner {
	width: 777px;
	height: 65px;
	margin: 0 auto;
	position: relative;
}


#cyw a,
#s4c a {
	display: block;
	float: left;
	outline: 0;
}

#cyw span,
#s4c span {
	overflow: hidden;
	text-indent: -5000px;
	display: block;
}


#cyw {
	position: absolute;
	top: 0; 
	left: -114px;
}

#cyw a {
	padding: 15px 7px 7px 0;
}

#cyw span{
	background: url('../images/cyw.png') no-repeat;
	width: 84px;
	height: 43px;
}


#s4c {
	position: absolute;
	top: 0; 
	right: -116px;
}

#s4c a {
	padding: 17px 0 11px 7px;
}

#s4c span{
	background: url('../images/s4c.png') no-repeat;
	width: 93px;
	height: 37px;
}


#nav {
	width: 777px;
	margin: 0 auto;
	padding: 21px 0 0 0;
	list-style-type: none;
}

#nav li {
	float: left;
	background:#E20C68;
	
}

#nav a {
	display: block;
	overflow: hidden;
	color:#ffffff;
	font-weight:bold;	
	font-size:0.8em;
	text-align:center;
	
}

	#nav a:hover {
	color:#F5AD5D;
	}

	#nav .nav_home a{
	width:75px;
	}
	#nav .nav_blog a{
	width:49px;
	}
	#nav .nav_gallery a{
	width:63px;
	}
	#nav .nav_games a{
	width:63px;
	}
	#nav .nav_activities a{
	width:70px;
	}
	#nav .nav_journey a{
	width:128px;
	}
	#nav .nav_tour a{
	width:92px;
	}
	
	#nav  .nav_parents a{
	width:65px;
	}
	
	#nav .nav_tv a{
	width:83px;
	}
	
	#nav .nav_contact a{
	width:86px;
	}
	
	
	
	
	#nav .hafan a{
	width:65px;
	}
	#nav .blogiadur a{
	width:76px;
	}
	#nav .oriel a{
	width:46px;
	}
	#nav .gemau a{
	width:64px;
	}
	#nav .gweithgareddau a{
	width:123px;
	}
	#nav .siwrnair_plant a{
	width:106px;
	}
	#nav .yr_orsaf a{
	width:66px;
	}
	
	#nav  .rhieni a{
	width:53px;
	}
	
	#nav .teledur_orsaf a{
	width:103px;
	}
	
	#nav .cyswllt a{
	width:72px;
	}

/* Nav Eng */

/*#nav .home a {
	background-position: 0 0;
	width: 74px;
}
#nav .home a:hover,
#nav .home .active {
	background-position: 0 -30px;
}

#nav .blog a {
	background-position: -74px 0;
	width: 50px;
}
#nav .blog a:hover,
#nav .blog .active {
	background-position: -74px -30px;
}

#nav .gallery a {
	background-position: -124px 0;
	width: 64px;
}
#nav .gallery a:hover,
#nav .gallery .active {
	background-position: -124px -30px;
}

#nav .games a {
	background-position: -188px 0;
	width: 62px;
}
#nav .games a:hover,
#nav .games .active {
	background-position: -188px -30px;
}

#nav .activities a {
	background-position: -250px 0;
	width: 71px;
}
#nav .activities a:hover,
#nav .activities .active {
	background-position: -250px -30px;
}

#nav .childrens_journey a {
	background-position: -321px 0;
	width: 128px;
}
#nav .childrens_journey a:hover,
#nav .childrens_journey .active {
	background-position: -321px -30px;
}

#nav .station_tour a {
	background-position: -449px 0;
	width: 91px;
}
#nav .station_tour a:hover,
#nav .station_tour .active {
	background-position: -449px -30px;
}

#nav .parents a {
	background-position: -540px 0;
	width: 65px;
}
#nav .parents a:hover,
#nav .parents .active {
	background-position: -540px -30px;
}

#nav .station_tv a {
	background-position: -605px 0;
	width: 83px;
}
#nav .station_tv a:hover,
#nav .station_tv .active {
	background-position: -605px -30px;
}

#nav .contact a {
	background-position: -688px 0;
	width: 86px;
}
#nav .contact a:hover,
#nav .contact .active {
	background-position: -688px -30px;
}*/


/* Nav Cym */

/*#nav .hafan a {
	background-position: 0 -60px;
	width: 65px;
}
#nav .hafan a:hover,
#nav .hafan .active {
	background-position: 0 -90px;
}

#nav .blogiadur a {
	background-position: -65px -60px;
	width: 76px;
}
#nav .blogiadur a:hover,
#nav .blogiadur .active {
	background-position: -65px -90px;
}

#nav .oriel a {
	background-position: -141px -60px;
	width: 47px;
}
#nav .oriel a:hover,
#nav .oriel .active {
	background-position: -141px -90px;
}

#nav .gemau a {
	background-position: -188px -60px;
	width: 65px;
}
#nav .gemau a:hover,
#nav .gemau .active {
	background-position: -188px -90px;
}

#nav .gweithgareddau a {
	background-position: -253px -60px;
	width: 121px;
}
#nav .gweithgareddau a:hover,
#nav .gweithgareddau .active {
	background-position: -253px -90px;
}

#nav .siwrnair_plant a {
	background-position: -374px -60px;
	width: 103px;
}
#nav .siwrnair_plant a:hover,
#nav .siwrnair_plant .active {
	background-position: -374px -90px;
}

#nav .yr_orsaf a {
	background-position: -480px -60px;
	width: 65px;
}
#nav .yr_orsaf a:hover,
#nav .yr_orsaf .active {
	background-position: -480px -90px;
}

#nav .rhieni a {
	background-position: -545px -60px;
	width: 56px;
}
#nav .rhieni a:hover,
#nav .rhieni .active {
	background-position: -545px -90px;
}

#nav .teledur_orsaf a {
	background-position: -601px -60px;
	width: 102px;
}
#nav .teledur_orsaf a:hover,
#nav .teledur_orsaf .active {
	background-position: -601px -90px;
}

#nav .cyswllt a {
	background-position: -703px -60px;
	width: 71px;
}
#nav .cyswllt a:hover,
#nav .cyswllt .active {
	background-position: -703px -90px;
}*/


#holder {
	background: url('../images/clouds.jpg') center -11px no-repeat;
	width: 774px;
	margin: 0 auto;
	position: relative;
	padding: 54px 0 405px 0;
	min-height: 1148px;
}


#lang {
	text-align: right;
	margin: 0;
	color: #ffffff;
	font-size: 0.9em;
	line-height: 1em;
	padding: 16px 0 4px 0;
}

#lang a {
	font-weight: bold;
	position: relative;
	color: #ffffff;
}


#flash {
	width: 100%;
	height: 500px;
	position: relative;
}

#player {
	width: 900px;
	height: 500px;
	position: absolute;
	left: -63px;
}

#player .alt {
	text-align: center;
	padding: 20px 0;	
}


#page {
	overflow: hidden;
}


#side {
	float: right;
	width: 254px;
	display: inline;
	margin: 0;
	overflow: hidden;
}

#side .box .title span {
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}


#subnav ul {
	margin: 0;
	padding: 4px 11px;
	list-style-type: none;
	line-height: 1.5em;
}

#subnav ul a {
	color: #e20c68;
}


#content {
	overflow: hidden;
}


#footer {
	background: url('../images/clouds_repeat.png') bottom center repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 405px;
}

#footer  .inner {
	background: url('../images/footer_people.jpg') no-repeat 0 0;
	width: 774px;
	margin: 0 auto;
	height: 405px;
	position: relative;
}

#footer .text {
	position: absolute;
	bottom: -126px;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

#footer ul {
	list-style-type: none;
	padding: 5px 0;
	margin: 0;	
	text-align: center;
	font-size: 0.9em;
}

#footer li {
	display: inline;
}

/* ## Page Specific ## */

#home .stamp {
	margin: 0 0 10px 0;
}


#whats_on .item {
	padding: 0 0 30px 0;
}

#whats_on .last {
	padding: 0;
}

#whats_on .inside  {
	margin: -6px 0 0 0;
}

#whats_on .bar span {
	font-weight: normal;
	line-height: 1.25em;
	padding: 2px 10px 3px 10px;
}

#whats_on .bar strong {
	display: block;
}


#gallery {
	background: url('../images/gallery_bg.jpg') no-repeat;
	width: 774px;
	height: 851px;
	position: relative;
}

#gallery .info {
	padding: 22px 33px 0 33px;
}

#gallery .info p {
	margin: 0.5em 0;
}

#gallery .pictures {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#gallery li {
	position: absolute;
	overflow: hidden;
}

#gallery a,
#gallery img {
	display: block;
	border: 0;
}

#gallery .paginationF {
	position: absolute;
	top: 770px;
	left: 34px;	
}

#gallery .picture1 {
	left: 82px;
	top: 202px;
	width: 150px;
	height: 124px;
}
#gallery .picture2 {
	left: 318px;
	top: 220px;
	width: 150px;
	height: 124px;
}
#gallery .picture3 {
	left: 548px;
	top: 202px;
	width: 151px;
	height: 126px;
}
#gallery .picture4 {
	left: 83px;
	top: 375px;
	width: 151px;
	height: 126px;
}
#gallery .picture5 {
	left: 83px;
	top: 375px;
	width: 151px;
	height: 126px;
}
#gallery .picture5 {
	left: 299px;
	top: 406px;
	width: 149px;
	height: 126px;
}
#gallery .picture6 {
	left: 529px;
	top: 373px;
	width: 168px;
	height: 143px;
}
#gallery .picture7 {
	left: 79px;
	top: 573px;
	width: 150px;
	height: 125px;
}
#gallery .picture8 {
	left: 310px;
	top: 581px;
	width: 150px;
	height: 125px;
}
#gallery .picture9 {
	left: 533px;
	top: 589px;
	width: 151px;
	height: 127px;
}


#contact .input {
	background: url('../images/textbox.png') no-repeat;
	width: 337px;
	height: 32px;
	overflow: hidden;
}

#contact .textbox {
	border: 0;
	background: 0;
	background: transparent;
	color: #e20c68;
	font-size: 1.1em;
		height: 32px;
	padding: 9px 10px;
	width: 314px;
	font-family: 'Verdana', sans-serif;
}

#contact .textbox,
#contact .control {
	position: relative;
}

#contact .textarea {
	background: url('../images/large_textbox.png') no-repeat;
	width: 337px;
	height: 116px;
	overflow: hidden;
}

#contact .textarea .textbox {
	height: 95px;
	display: block;   
}

#contact .form {
	overflow: hidden;
}

#contact .details {
	float: left;
	width: 334px;
}

#contact .form .bar {
	background-image: url('../images/contact_bar_top.png');
	margin: 19px 0 4px 0;
	width: 334px;
}

#contact .form .bar .bottom {
	background-image: url('../images/contact_bar_bottom.png') !important;
}

#contact .comment {
	float: right;
}

#contact .submit {
	float: right;
	margin: 15px 0 0 0;
	display: block;
}

#contact .error {
	margin: 10px 0 0 0;	
}


#diary .info {
	padding: 0 0 10px 0;
}

#diary .info .inner {
	padding-top: 2px;
	padding-bottom: 2px;
}

#diary .info p {
	margin: 0;
}

#diary .video {
	background: url('../images/diary_video.png') no-repeat;
	padding: 19px 27px 17px 31px;
	margin: 0 0 5px 0;
	width: 384px;
	height: 216px;
}

#diary .desc {
	position: relative;
	width: 460px;
	left: -9px;
}

#diary .desc .bottom {
	background: url('../images/desc_bottom.png') no-repeat !important;
	height: 39px;
	width: 460px;
}

#diary .desc .aaa {
	background: url('../images/desc_top.png') no-repeat;
	padding: 21px 21px 0 21px;
	font-size: 1.1em;
}

#diary .item {
	padding: 0 0 42px 0;
}

#diary .last {
	padding-bottom: 39px;
}


#journey .input {
	background: url('../images/textbox.png') no-repeat;
	width: 337px;
	height: 32px;
	overflow: hidden;
}

#journey .textbox {
	border: 0;
	background: 0;
	height: 32px;
	background: transparent;
	color: #e20c68;
	font-size: 1.1em;
	padding: 9px 10px;
	width: 314px;
	font-family: 'Verdana', sans-serif;
}

#journey .textbox,
#journey .control {
	position: relative;
}

#journey .textarea {
	background: url('../images/large_textbox.png') no-repeat;
	width: 337px;
	height: 116px;
	overflow: hidden;
}

#journey .textarea .textbox {
	height: 95px;
	display: block;
}

#journey .form {
	overflow: hidden;
	padding: 15px 0 0 0;
}

#journey .details {
	float: left;
	width: 334px;
}

#journey .form .bar {
	background-image: url('../images/contact_bar_top.png');
	margin: 19px 0 4px 0;
	width: 334px;
}

#journey .form .bar .bottom {
	background-image: url('../images/contact_bar_bottom.png') !important;
}

#journey .comment {
	float: right;
	width: 337px;
}

#journey .comment .checkbox {
	float: left;
	width: 250px;
}

#journey .submit {
	float: right;
	margin: 8px 0 0 0;
	display: block;
}

#journey .checkbox {
	padding: 7px 0;
	font-size: 0.95em;
	overflow: hidden;
}

#journey .checkbox input {
	float: left;
	margin: 5px 5px 5px 0;
	*margin: 2px 3px 2px 0;
	padding: 0;
}

#journey .checkbox label {
	display: block;
	padding: 5px 0;
}

#journey .checkbox a {
	color: #000000;
	text-decoration: underline;
}

#journey .checkbox .replaced {
	background: url('../images/checkbox_unchecked.png') no-repeat;
	overflow: hidden;
	width: 25px;
	height: 25px;
	float: left;
	position: relative;
	margin: 0 3px 0 0;
}

#journey .checkbox .checked {
	background-image: url('../images/checkbox_checked.png');
}

#journey .checkbox .replaced input {
	position: absolute;
	top: 0;
	left: -500px;
}

#journey .upload {
	overflow: hidden;
}

#journey .upload .replaced {
	background: url('../images/button_upload.png') no-repeat;
	width: 61px;
	height: 31px;
	overflow: hidden;
	position: relative;
	float: left;
}

#journey .upload .CYM .replaced {
	background-image: url('../images/button_upload_cym.png');
	width: 97px;
	height: 31px;
}

#journey .upload .replaced input {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	height: 100%;
}

#journey .upload .area {
	overflow: hidden;
	padding: 4px 0;
}

#journey .upload .filename {
	float: left;
	overflow: hidden;
	width: 260px;
	white-space: nowrap;
	margin: 6px 0;
	padding: 0 0 0 5px;
}

#journey .upload .checked {
	background: #ff00ff;
}


#game {
	margin-left: auto;
	margin-right: auto;	
}

#game .stamp {
	background-image: url('../images/game_stamp.png');
	width: 500px;
	height: 500px;
	top: -2px;
	left: -9px;
	padding: 17px 19px 22px 20px;
}

#game .inside {
	padding: 6px 0 0 0;	
}