﻿/* ----- General ----- */

* {
}	
html {
}	
body {
margin:0px;
padding:0px;
background-color:#ffffff;
}
body, table, td, div, span, ul, li, form, select, input, textarea {
font-family: tahoma;
font-size:11px;
line-height:14px;
}

/* ----- Links ----- */

a {
text-decoration:none;
color:#d24747;
}
a:hover {
text-decoration:underline !important;
color:#cb1818;
}
a:visited,
a:active,
a:focus {
text-decoration:none;
}

/* ----- Top ----- */

#top {
display:block;
padding-top:50px;
width:100%;
background:url(../../english/images/header_footer/top.bg.gif) top center repeat-x;
}
.cadarn {
display:block;
margin-left:50px;
width:395px;
height:21px;
background:url(../../english/images/header_footer/top.cadarn.gif) no-repeat;
}
.cadarn a {
display:block;
width:395px;
height:21px;
}
.cadarn a:hover {
background:url(../../english/images/header_footer/top.cadarn-.gif) no-repeat;
}

/* ----- Banner ----- */

.pattern {
display:block;
width:100%;
height:56px;
margin-top:20px;
background:url(../../english/images/header_footer/top.pattern.gif) repeat-x;
}
.pattern ul {
margin:0px;
padding:0px;
}
.pattern ul li {
display:block;
float:left;
font-size:0px;
list-style:none;
}
.logo {
width:110px;
height:56px;
background:url(../../english/images/header_footer/top.logo.gif) no-repeat;
}
.banner {
width:379px;
height:56px;
background:url(../../english/images/header_footer/top.banner.gif) no-repeat;
}
.wbanner {
width:379px;
height:56px;
background:url(../../cymraeg/images/header_footer/top.banner.gif) no-repeat;
}
.line {
display:block;
width:100%;
height:3px;
margin-top:20px;
font-size:0px;
background:url(../../english/images/header_footer/mid.line.gif) repeat-x;
}

/* ----- Nav ----- */

#nav {
display:block;
width:100%;
height:29px;
background-color:#dddddd;
}
#nav ul {
margin:0px;
padding:0px;
}
#nav ul li {
display:block;
height:29px;
float:left;
font-size:0px;
list-style:none;
}

/* ----- English ----- */

.home a {
display: block;
width:75px;
height:29px;
background: url(../../english/images/navigation/nav.home.gif) 0px 0px no-repeat;
}
.home a:hover {
background-position: -75px 0px;
}
.homeon a {
display: block;
width:75px;
height:29px;
background: url(../../english/images/navigation/nav.home.gif) -75px 0px no-repeat;
}


.group a {
display: block;
width:75px;
height:29px;
background: url(../../english/images/navigation/nav.group.gif) 0px 0px no-repeat;
}
.group a:hover {
background-position: -75px 0px;
}
.groupon a {
display: block;
width:75px;
height:29px;
background: url(../../english/images/navigation/nav.group.gif) -75px 0px no-repeat;
}


.newydd a {
display:block;
width:75px;
height:29px;
background:url(../../english/images/navigation/nav.newydd.gif) 0px 0px no-repeat;
}
.newydd a:hover {
background-position: -75px;
}
.newyddon a {
display:block;
width:75px;
height:29px;
background:url(../../english/images/navigation/nav.newydd.gif) -75px 0px no-repeat;
}


.careandrepair a {
display:block;
width:120px;
height:29px;
background:url(../../english/images/navigation/nav.care.gif) 0px 0px no-repeat;
}
.careandrepair a:hover {
background-position: -120px ;
}
.careandrepairon a {
display:block;
width:120px;
height:29px;
background:url(../../english/images/navigation/nav.care.gif) -120px 0px no-repeat;
}


/*.architecture a {
display:block;
width:100px;
height:29px;
background:url(../../english/images/navigation/nav.architecture.gif) 0px 0px no-repeat;
}
.architecture a:hover {
background-position: -100px ;
}
.architectureon a {
display:block;
width:100px;
height:29px;
background:url(../../english/images/navigation/nav.architecture.gif) -100px 0px no-repeat;
}*/


.development a {
display:block;
width:100px;
height:29px;
background:url(../../english/images/navigation/nav.development.gif) 0px 0px no-repeat;
}
.development a:hover {
background-position: -100px ;
}
.developmenton a {
display:block;
width:100px;
height:29px;
background:url(../../english/images/navigation/nav.development.gif) -100px 0px no-repeat;
}


/*.property a {
display:block;
width:100px;
height:29px;
background:url(../../english/images/navigation/nav.property.gif) 0px 0px no-repeat;
}
.property a:hover {
background-position: -100px ;
}
.propertyon a {
display:block;
width:100px;
height:29px;
background:url(../../english/images/navigation/nav.property.gif) -100px 0px no-repeat;
}*/


.is a {
display:block;
width:150px;
height:29px;
background:url(../../english/images/navigation/nav.is.gif) 0px 0px no-repeat;
}
.is a:hover {
background-position: -150px ;
}
.ison a {
display:block;
width:150px;
height:29px;
background:url(../../english/images/navigation/nav.is.gif) -150px 0px no-repeat;
}


.jobs a {
display:block;
width:75px;
height:29px;
background:url(../../english/images/navigation/nav.jobs.gif) 0px 0px no-repeat;
}
.jobs a:hover {
background-position: -75px ;
}
.jobson a {
display:block;
width:75px;
height:29px;
background:url(../../english/images/navigation/nav.jobs.gif) -75px 0px no-repeat;
}


.contact a {
display:block;
width:75px;
height:29px;
background:url(../../english/images/navigation/nav.contact.gif) 0px 0px no-repeat;
}
.contact a:hover {
background-position: -75px ;
}
.contacton a {
display:block;
width:75px;
height:29px;
background:url(../../english/images/navigation/nav.contact.gif) -75px 0px no-repeat;
}

.cymraeg a {
display:block;
width:100px;
height:29px;
background:url(../../english/images/navigation/nav.cymraeg.gif) 0px 0px no-repeat;
}
.cymraeg a:hover {
background-position: -100px ;
}
.cymraegon a {
display:block;
width:100px;
height:29px;
background:url(../../english/images/navigation/nav.cymraeg.gif) -100px 0px no-repeat;
}

/*
.welsh a {
display:block;
width:75px;
height:29px;
background:url(../../english/images/navigation/nav.welsh.gif) 0px 0px no-repeat;
}
.welsh a:hover {
background-position: -75px ;
}
.welshon a {
display:block;
width:75px;
height:29px;
background:url(../../english/images/navigation/nav.welsh.gif) -75px 0px no-repeat;
}
*/

/* ----- Welsh ----- */

/*
.adref a {
display: block;
width:75px;
height:29px;
background: url(../../welsh/images/navigation/nav.adref.gif) 0px 0px no-repeat;
}
.adref a:hover {
background-position: -75px 0px;
}
.adrefon a {
display: block;
width:75px;
height:29px;
background: url(../../welsh/images/navigation/nav.adref.gif) -75px 0px no-repeat;
}


.grwp a {
display: block;
width:75px;
height:29px;
background: url(../../welsh/images/navigation/nav.grwp.gif) 0px 0px no-repeat;
}
.grwp a:hover {
background-position: -75px 0px;
}
.grwpon a {
display: block;
width:75px;
height:29px;
background: url(../../welsh/images/navigation/nav.grwp.gif) -75px 0px no-repeat;
}

.gofal a {
display:block;
width:120px;
height:29px;
background:url(../../welsh/images/navigation/nav.gofal.gif) 0px 0px no-repeat;
}
.gofal a:hover {
background-position: -120px ;
}
.gofalon a {
display:block;
width:120px;
height:29px;
background:url(../../welsh/images/navigation/nav.gofal.gif) -120px 0px no-repeat;
}


.adeiladaeth a {
display:block;
width:100px;
height:29px;
background:url(../../welsh/images/navigation/nav.adeiladaeth.gif) 0px 0px no-repeat;
}
.adeiladaeth a:hover {
background-position: -100px ;
}
.adeiladaethon a {
display:block;
width:100px;
height:29px;
background:url(../../welsh/images/navigation/nav.adeiladaeth.gif) -100px 0px no-repeat;
}

.datblygu a {
display:block;
width:100px;
height:29px;
background:url(../../welsh/images/navigation/nav.datblygu.gif) 0px 0px no-repeat;
}
.datblygu a:hover {
background-position: -100px ;
}
.datblyguon a {
display:block;
width:100px;
height:29px;
background:url(../../welsh/images/navigation/nav.datblygu.gif) -100px 0px no-repeat;
}

.elddo a {
display:block;
width:100px;
height:29px;
background:url(../../welsh/images/navigation/nav.elddo.gif) 0px 0px no-repeat;
}
.elddo a:hover {
background-position: -100px ;
}
.elddoon a {
display:block;
width:100px;
height:29px;
background:url(../../welsh/images/navigation/nav.elddo.gif) -100px 0px no-repeat;
}

.tg a {
display:block;
width:150px;
height:29px;
background:url(../../welsh/images/navigation/nav.tg.gif) 0px 0px no-repeat;
}
.tg a:hover {
background-position: -150px ;
}
.tgon a {
display:block;
width:150px;
height:29px;
background:url(../../welsh/images/navigation/nav.tg.gif) -150px 0px no-repeat;
}

.swyddi a {
display:block;
width:75px;
height:29px;
background:url(../../welsh/images/navigation/nav.swyddi.gif) 0px 0px no-repeat;
}
.swyddi a:hover {
background-position: -75px ;
}
.swyddion a {
display:block;
width:75px;
height:29px;
background:url(../../welsh/images/navigation/nav.swyddi.gif) -75px 0px no-repeat;
}

.cysylltu a {
display:block;
width:75px;
height:29px;
background:url(../../welsh/images/navigation/nav.cysylltu.gif) 0px 0px no-repeat;
}
.cysylltu a:hover {
background-position: -75px ;
}
.cysylltuon a {
display:block;
width:75px;
height:29px;
background:url(../../welsh/images/navigation/nav.cysylltu.gif) -75px 0px no-repeat;
}

.saesneg a {
display:block;
width:75px;
height:29px;
background:url(../../welsh/images/navigation/nav.saesneg.gif) 0px 0px no-repeat;
}
.saesneg a:hover {
background-position: -75px ;
}
.saesnegon a {
display:block;
width:75px;
height:29px;
background:url(../../welsh/images/navigation/nav.saesneg.gif) -75px 0px no-repeat;
}*/

/* ----- Cymraeg ----- */


.adref a {
display: block;
width:75px;
height:29px;
background: url(../../cymraeg/images/navigation/nav.adref.gif) 0px 0px no-repeat;
}
.adref a:hover {
background-position: -75px 0px;
}
.adrefon a {
display: block;
width:75px;
height:29px;
background: url(../../cymraeg/images/navigation/nav.adref.gif) -75px 0px no-repeat;
}


.grwp a {
display: block;
width:75px;
height:29px;
background: url(../../cymraeg/images/navigation/nav.grwp.gif) 0px 0px no-repeat;
}
.grwp a:hover {
background-position: -75px 0px;
}
.grwpon a {
display: block;
width:75px;
height:29px;
background: url(../../cymraeg/images/navigation/nav.grwp.gif) -75px 0px no-repeat;
}

.gofal a {
display:block;
width:120px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.gofal.gif) 0px 0px no-repeat;
}
.gofal a:hover {
background-position: -120px ;
}
.gofalon a {
display:block;
width:120px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.gofal.gif) -120px 0px no-repeat;
}


.adeiladaeth a {
display:block;
width:100px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.adeiladaeth.gif) 0px 0px no-repeat;
}
.adeiladaeth a:hover {
background-position: -100px ;
}
.adeiladaethon a {
display:block;
width:100px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.adeiladaeth.gif) -100px 0px no-repeat;
}

.datblygu a {
display:block;
width:100px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.datblygu.gif) 0px 0px no-repeat;
}
.datblygu a:hover {
background-position: -100px ;
}
.datblyguon a {
display:block;
width:100px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.datblygu.gif) -100px 0px no-repeat;
}
/*
.elddo a {
display:block;
width:100px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.elddo.gif) 0px 0px no-repeat;
}
.elddo a:hover {
background-position: -100px ;
}
.elddoon a {
display:block;
width:100px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.elddo.gif) -100px 0px no-repeat;
}
*/

.tg a {
display:block;
width:150px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.tg.gif) 0px 0px no-repeat;
}
.tg a:hover {
background-position: -150px ;
}
.tgon a {
display:block;
width:150px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.tg.gif) -150px 0px no-repeat;
}

.swyddi a {
display:block;
width:75px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.swyddi.gif) 0px 0px no-repeat;
}
.swyddi a:hover {
background-position: -75px ;
}
.swyddion a {
display:block;
width:75px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.swyddi.gif) -75px 0px no-repeat;
}

.cysylltu a {
display:block;
width:75px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.cysylltu.gif) 0px 0px no-repeat;
}
.cysylltu a:hover {
background-position: -75px ;
}
.cysylltuon a {
display:block;
width:75px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.cysylltu.gif) -75px 0px no-repeat;
}

.saesneg a {
display:block;
width:75px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.saesneg.gif) 0px 0px no-repeat;
}
.saesneg a:hover {
background-position: -75px ;
}
.saesnegon a {
display:block;
width:75px;
height:29px;
background:url(../../cymraeg/images/navigation/nav.saesneg.gif) -75px 0px no-repeat;
}


/* ----- Helpdesk Feedback Menu ----- */

.helpdesk_home a {
display: block;
width:75px;
height:29px;
background: url(../../helpdesk/images/navigation/nav.home.gif) 0px 0px no-repeat;
}
.helpdesk_home a:hover {
background-position: -75px 0px;
}
.helpdesk_homeon a {
display: block;
width:75px;
height:29px;
background: url(../../helpdesk/images/navigation/nav.home.gif) -75px 0px no-repeat;
}

.helpdesk_all a {
display: block;
width:75px;
height:29px;
background: url(../../helpdesk/images/navigation/nav.all.gif) 0px 0px no-repeat;
}
.helpdesk_all a:hover {
background-position: -75px 0px;
}
.helpdesk_allon a {
display: block;
width:75px;
height:29px;
background: url(../../helpdesk/images/navigation/nav.all.gif) -75px 0px no-repeat;
}

.helpdesk_search a {
display: block;
width:75px;
height:29px;
background: url(../../helpdesk/images/navigation/nav.search.gif) 0px 0px no-repeat;
}
.helpdesk_search a:hover {
background-position: -75px 0px;
}
.helpdesk_searchon a {
display: block;
width:75px;
height:29px;
background: url(../../helpdesk/images/navigation/nav.search.gif) -75px 0px no-repeat;
}

.helpdesk_help a {
display: block;
width:75px;
height:29px;
background: url(../../helpdesk/images/navigation/nav.help.gif) 0px 0px no-repeat;
}
.helpdesk_help a:hover {
background-position: -75px 0px;
}
.helpdesk_helpon a {
display: block;
width:75px;
height:29px;
background: url(../../helpdesk/images/navigation/nav.help.gif) -75px 0px no-repeat;
}

/* ----- Footer ----- */

#footer {
display:block;
width:100%;
height:23px;
margin:0px 0px 30px 0px;
background:url(../../english/images/header_footer/footer.gif) no-repeat;
background-color:#eeeeee;
}
#footer ul {
margin:0px;
padding:0px;
}
#footer ul li {
display:block;
height:23px;
float:left;
font-size:0px;
list-style:none;
}
#copyright {
display:block;
width:450px;
margin:10px 0px 10px 50px;
}

/* ----- Footer Validator ----- */

#footer_validator {
display: block;
width: 100%;
height: 31px;
}
#footer_validator ul {
margin: 0px;
padding: 0px;
}
#footer_validator ul li {
display: block;
height: 31px;
width:88px;
float: left;
margin-left:50px;
font-size:0px;
list-style:none;
}

.xhtml{
display:block;
width: 88px;
height: 31px;
background: url(../../english/images/header_footer/valid-xhtml.gif) no-repeat;
}

.vcss{
display:block;
width:88;
height:31px;
background: url(../../english/images/header_footer/vcss.gif) no-repeat;
}

/* ----- Main ----- */

#main {
display:block;
width:450px;
margin:10px 0px 10px 50px;
color:  #646464;
}
#main_developments{
display:block;
width:509px;
margin:10px 0px 10px 50px;
color:  #646464;
}
.arrow {
display:block;
width:9px;
height:10px;
margin:20px 0px 0px 20px;
background:url(../../english/images/header_footer/mid.arrow.gif) no-repeat;
}

/* ----- Positions ----- */

.left {
position: relative;
float:left;
}
.right {
float:right;
}
.bottom {
clear:both;
}

/* ----- Headings ----- */

.titles {
font-family: tahoma;
font-size:22px;
color: #FF0000;
padding:7px 0px 7px 0px;
margin:0px;
}
h3 {
display:block;
margin:10px 0px 20px 0px;
}


h4 {
font-family: tahoma;
font-size:14px;
font-weight:bold;
color:#646464;
padding:7px 0px 7px 0px;
margin:0px;
}
h5 {
font-family: tahoma;
font-size:10px;
font-weight:normal;
color:#969696;
padding:3px 0px 0px 0px;
margin:0px;
}

/* ----- Paragraphs ----- */

p {
margin:0px;
padding:0px 10px 10px 0px;
font-size:11px;
line-height:17px;
font-size:small;
font-family: tahoma;
text-align: justify;
}

p.h1 {
font-family: tahoma;
font-size:24px;
font-weight:bold;
color:#646464;
padding:7px 0px 7px 0px;
margin:0px;
}


span {
display:none;
}

/* ----- Images ----- */

img {
border-style: none;
	border-color: inherit;
	border-width: 0px;
	text-align: center;
}
img a {
border:0px;
}
img a:hover {
border:0px;
}

.image {
	display:block;
	position:absolute;
	margin:50px 0px 0px 520px;
	left: 29px;
	top: 203px;
	width: 149px;
}

.image_developments {
	display:block;
	position:absolute;
	margin:50px 0px 0px 520px;
	left: 29px;
	top: 10px;
	width: 250px;
}

.search {
	display:block;
	position:absolute;
	width:277px;
	height:25px;
	margin:10px 0px 10px 520px;
	left: 32px;
	top: 432px;
	color:  #646464;
}

.vacancies {
	display:block;
	position:absolute;
	width:277px;
	height:25px;
	margin:230px 0px 10px 520px;
	left: 32px;
	top: 432px;
	color:  #646464;
}

.side {
	display:block;
	position:absolute;
	margin:220px 0px 0px 530px;
	width: 200px;
	left: 24px;
	top: 195px;
}
.side ul {
margin:0px;
padding:0px;
}
.side ul li {
display:block;
list-style:none;
padding:2px 0px 2px 0px;
font-size:10px;
}

/* ----- Forms ----- */

form {
padding:0px;
margin:0px;
}
#form {
}
fieldset {
}
legend {
}
label {
}
input {
display:block;
}
.input {
position:absolute;
width:200px;
}
textarea {
width:450px;
}
select {
width:200px;
}
optgroup {
}
option {
}
greyText {
	font-family: tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color:  #646464;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
}