/* ----- end float fix ----- */
body{background:#36363a url(../images/bg.gif) no-repeat;background-position: center top;color:#333;font: 70%  Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;text-align:center;line-height:150%;margin:0;padding:0;}
/* ----- global links ----- */
a:link, a:visited, a:active{color:#660000;text-decoration:none;}
a:hover{color:#555;text-decoration:underline;}
/* ----- links that open documents or in new windows ----- */
a.newwindow{background-image: url(../images/new-window.gif);background-repeat: no-repeat;background-position:right center;padding:0 20px 0 0;display:inline-table;}
a.pdf{background-image: url(../images/pdf-document.gif);background-repeat: no-repeat;background-position:right center;padding:0 20px 0 0;display:inline-table;}
a.doc{background-image: url(../images/word-document.gif);background-repeat: no-repeat;background-position:right center;padding:0 20px 0 0;display:inline-table;}
a.email{background-image: url(../images/e-mail.gif);background-repeat: no-repeat;background-position:right center;padding:0 20px 0 0;display:inline-table;}
/* ----- global paragraphs, headers & horizontal rules ----- */
p, h2, h3, h4, h5, h6{margin:1em 0;}
p{font-size:130%;}
h1{font:200% Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;color:#ffcc00;line-height:45px;background:url('../images/h1.gif') no-repeat;padding:2px 0 0 25px;margin:0;}
h2{font-size:130%;}
h3{font-size:120%;}
h4, h5{font-size:100%;}
hr {color:#cccc99;height:1px;clear:both;}
.message{color:#ff0000;}
ul.list{font-size:125%;}
ul.list li{padding-top:10px;}
ol{font-size:115%;}
/* ----- global images ----- */
img{border:none;}
/* ----- hidden items ----- */
#skip{display:none;}
/* ----- float left / right classes ----- */
.left{
  float:left;
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin:0 10px 10px 0;
}
.right {
	float:right;
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin:0 0 10px 10px;
} 
.left-nb{float:left;margin-right:.7em;padding:2px;border:0}
.right-nb{float:right;margin-left:.7em;padding:2px;border:0}
#unigol{clear:both;height:115px;margin:20px 0 10px 0;padding:10px 0 0 0;background: url('../images/quote-bg.jpg') no-repeat}
.un{font-size:130%;width:32%;float:left;text-align:center;}
.dau{font-size:130%;width:40%;float:left;text-align:center;}
.tri{font-size:130%;width:28%;float:left;text-align:center;}
.one{font-size:130%;width:35%;float:left;text-align:center;}
.two{font-size:130%;width:38%;float:left;text-align:center;}
.three{font-size:130%;width:27%;float:left;text-align:center;}
/* ----- container size & positioning ----- */
#container{margin:0 auto;width:985px;text-align:left;position:relative;padding:0;background-color:#ffffff;}
/* ----- header area ----- */
#header-cym{height:270px;position:relative;margin:0;padding:0;background: url('../images/header-cym.jpg') no-repeat}
#header-eng{height:270px;position:relative;margin:0;padding:0;background: url('../images/header-eng.jpg') no-repeat}
#banner{margin: 0 auto;padding-bottom:3px}
/* ----- company logo & strapline ----- */
#logo{float:left;margin:0;padding:10px 0 10px 10px;}
#tagline{float:right;font:160% Georgia;padding:20px 250px 0 0;line-height:25px;text-align:right;}
#iaith{width:391px;height:20px;line-height:25px;display:inline;margin:0 300px 0 0;float:right;font-weight:bold;background: url('../images/iaith.gif') no-repeat center left;padding:0 0 20px 20px;}
#iaith-eng {
	background: url('../images/english.gif') no-repeat center left;
	padding: 0 15px 0 25px;
	margin: 10px 0 0 15px;
	font-size: 15px;
}
#iaith-cym {
	background: url('../images/cymraeg.gif') no-repeat center left;
	padding: 0 15px 0 25px;
	font-size: 15px;
}
#iaith-eng a,#iaith-cym a {
	color: #990000;
	text-decoration:underline;
}
#iaith-eng a:hover,#iaith-cym a:hover {
	text-decoration: none;
}
/* ----- optional mid div (useful for more complex backgrounds) ----- */
#mid{
	background:url(../images/main-bg.gif) repeat-y;
	margin:0;
	padding:0;
	clear:both;
}
/* ----- menu ----- */
ul#menu{ 
	width: 979px;
	height: 34px;
	background: #fff url("../images/menu-bg.gif") top left repeat-x; 
	font-size: 11px; 
	font-family: "Trebuchet MS", Verdana, sans-serif; 
	font-weight: bold; 
	text-transform:uppercase;
	list-style-type: none; 
	margin: 3px 3px 0 3px; 
	padding: 0; 
}
ul#menu li {
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
}
ul#menu li a { 
	height: 34px; 
	color: #fff; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 12px 0; 
}
ul#menu li a:hover { 
	color: #333; 
	background: #fff url("../images/menu-bg-hover.gif") top left repeat-x; 	
}
ul#menu li a.current{ 
	color: #333; 
	background: #FFF url("../images/current-bg.gif") top left repeat-x; 
	padding: 5px 15px 0; 
}
/* ----- main content area ----- */
#main{
	float:left;
	display:inline;
	width:960px;
	margin:10px 0 0 15px;
}
#main h2,#main h2#pageTitle{
	font-size:180%;
	padding:5px 0 5px 0;
	margin: 0.5em 0 0.5em 0;
	color:#000066;
}
#main h3{color:#555;font-size:150%;}
#main h3.event{line-height:37px;color:#555;font-size:150%;background: url('../images/h3.gif') no-repeat center left;padding:0 0 0 40px;}
#content a:link, #content a:visited, #content a:active{
	font-weight:bold;text-decoration:underline;
}
#content a:hover{
	text-decoration:none;
}
.note{
	font-size:110%;
}
.highlight{
	font-size:140%;
	font-weight:bold;
	color:#FF0000;
	text-transform:uppercase;
}
/* ----- javascript gallery ----- */
#galeri1,#galeri4,#galeri5,#galeri6,#galeri7{
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 1px solid #a9a9a9;
margin: 0 auto;
margin-bottom:20px;
}
#galeri2,#galeri3{
float:right;
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 1px solid #a9a9a9;
margin-bottom:20px;
}

/* ----- google maps ----- */
#map_canvas{width:955px;height:500px;margin-bottom:20px;}
/* ----- footer area ----- */
#footer-container{
	clear:both;
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:left;
}
#footer{
	height:200px;
	width:985px;
	background:url(../images/footer-bg.gif) no-repeat;
	position:relative;
	text-align:left;
	border:0;
	color:#000;
	margin:0 auto;
	padding:0;
}
#footer p{margin:0 1em 0 0;}
#footer ul#eng{
	position:absolute;
	top:165px;
	right:30px;
}
#footer ul#cym{
	position:absolute;
	top:165px;
	right:30px;
}
#footer ul#cym, #footer ul#cym li{
	margin:0;
	padding:0 6px 0 0;
	list-style:none;
}
#footer ul#eng, #footer ul#eng li{
	margin:0;
	padding:0 20px 0 0;
	list-style:none;
}
#footer ul#cym li{display:inline;margin:0.5em;}
#footer ul#eng li{display:inline;margin:0.5em;}
#footer ul#cym li a, #footer ul#eng li a{
	line-height:20px;
	font:110% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#cccc33;
	text-transform:uppercase;
}
#footer ul#cym li a:hover, #footer ul#eng li a:hover{
	color:#777;
	text-decoration:none;
}
#footer #addthis{
	float:left;
	padding:1em 0 0 1.5em;
}
#footer #company-info{
	text-align:right;
	font:120% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:4em 0 0 12em;
}
#footer #northwaleswebdesign{padding:75px 0 0 0;text-align:left;font:120% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
#footer #northwaleswebdesign a{color:#ffcc00;text-decoration:underline;}
#footer #northwaleswebdesign a:hover{color:#777;text-decoration:none;}
/* ---------------------- float fix ----------------------------- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.inner, .products, .products li, #pagination, #total, .modules{display:block;}
/*  \*/
.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}
* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;}
 /*  */
/* -- acronyms & abbreviations -- */
acronym{cursor:help;border-bottom-color:#fff;border-bottom-style:dashed;border-bottom-width:1px;}
abbr{cursor:help;border-bottom:1px dashed;}