@charset "UTF-8";
@import url('/css/fancybox.css') screen;
/* CSS Document */
/* build for Glynllifon Services by Creare */
/* Last edited 03/08/11 by Stephen Radford */
/* reset */


* {
	margin: 0;
	padding:0;
}
body {
	font-size:62.5%;
	background: url(../images/bg3.jpg) repeat-x;
}
p {
	font-size:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	line-height:14px;
	margin-bottom:20px;
}
img, img a {
	outline: none;
	border: none;
}
.clear {
	clear: both;
}
h1 {
	color: #d4ca41;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:7px;
}
p.fake-h {
	color: #343434;
	font-size: 1.8em;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:7px;
}
p.fake-h3 {
	color: #d4ca41;
	font-size: 1.6em;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:7px;
}
h2 {
	color:#d4ca41;
	font-family:Arial, Helvetica, sans-serif;
	margin:7px 0;
}
h3 {
	color: #d4ca41;
	font-family:Arial, Helvetica, sans-serif;
	margin: 7px 0;
}
/* type + classes */

.picture {
	margin-left:50px;
}
.picture-services {
	margin-left:50px;
	padding-top:30px;
}
.tag {
	clear:both;
	float:left;
	letter-spacing:2px;
	text-align:left;
	height:35px;
	width:400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin:0;
	padding-left: 0;
}
.phone {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.9em;
	margin-top:4px;
	letter-spacing:2px;
	color:#666666;
	font-weight:bolder;
}
.area1 {
	float:left;
	margin-top:0px;
	text-align:left;
	height:18px;
	width:130px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin:20px 30px 0 0;
}
.areatitle {
	color: #999;
	font-size:1.9em;
	text-transform:uppercase;
	font-weight:lighter;
}
#wrap {
	width:905px;
	overflow:hidden;
	clear:both;
	margin: 0 auto;
}
/* header */
#headerwrap {
	clear:both;
}
#before-nav {
	height:100px;
	margin-top:10px;
}
#tagline {
	height:33px;
	width:610px;
	float:right;
	font-size:1.5em;
	color:#999;
	margin-top:10px;
	clear:right;
	text-align:right;
	font-size:1.6em;
}
#numbers1 {
	float: right;
	width: 185px;
	text-align: right;
	margin:0 0 0 30px;
}
#numbers2 {
	width:185px;
	float: right;
	text-align: right;
}
.logo {
	float:left;
	margin-top:10px;
}
#navigation {
	background:url(../images/nav-bar2.jpg) repeat-x;
	clear: both;
	height: 37px;
	margin:0;
	padding:0;
}
#navigation li {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	display:inline;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding:0 10px;
	border-right: 1px solid #999;
}
#navigation ul {
	text-align:center;
	letter-spacing:5px;
	padding-top: 10px;
	color:#000000;
	list-style:none;
}
#navigation a {
	color: #000000;
	text-decoration:none;
	list-style:none;
}
#navigation a:hover {
	color: #999999;
}
/*3 tabs*/


p.button {
	text-decoration:none;
	text-decoration:none;
	margin:135px 0 0 40px;
}
p.button a:hover {
	color:#999999;
	text-decoration:none;
}
p.button a {
	color:#000000;
	text-decoration:none;
}
#jquery-wrapper {
	clear:both;
	height:320px;
	padding-top:60px;
}
#jquery {
	height:320px;
	float:left;
	clear:both;
	margin:0 0 0 20px;
}
#jquery-right {
	margin-right:40px;
	float:right;
}
#jquery-right ul {
	padding: 0 0 0 26px;
	color:#999;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
}
#jquery-right li {
	padding:10px 1px 5px 37px;
	line-height:2px;
	background:url(../images/arrow.png) no-repeat left;
}
.image {
	margin:5px 0 0 5px;
}
#button-wrap {
	clear:both;
	height:180px;
	margin:40px 0 0 10px;
}
.button1 {
	background:url(../images/button1.jpg);
	height:180px;
	width:290px;
	float:left;
}
.button2 {
	background:url(../images/button2.jpg);
	height:180px;
	width:290px;
	float:left;
	margin-left:15px;
}
.button3 {
	background:url(../images/button3.jpg);
	height:180px;
	width:290px;
	float:left;
	margin-left:10px;
}
/*services page only*/


#services {
	float:left;
	margin:5px 0 0 10px;
}
#services-left {
	clear:both; 
	
	padding-left: 10px;
	margin:10px 0 30px;
}
#services-left img {
	border: 2px solid #191919;
	margin: 10px 30px 0 0;
}
#services li {
	margin:2px 10px 0 0;
	color:#999;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
/* slider-setup */

#example {
	width:545px;
	height:273px;
	position:relative;
}
#example #ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}
#example #frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}
/*
	Slideshow
*/

#example #slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#example .slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
	z-index:50;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

#example .slides_container a {
	width:570px;
	height:270px;
	display:block;
}
.slides_container a img {
	display:block;
}
/*
	Next/prev buttons
*/

#example #slides .next, #slides .prev {
	position:absolute;
	top:107px;
	left:-24px;
	width:26px;
	height:43px;
	display:block;
	z-index:200;
}
#example #slides .next {
	left:545px;
}
/*
	Pagination
*/

#example .pagination {
	margin:26px auto 0;
	width:100px;
}
#example .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
#example .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-position:0 0;
	float:left;
	overflow:hidden;
}
#example .pagination li.current a {
	background-position:0 -12px;
}
a:link, a:visited {
	color:#999;
	text-decoration:underline;
}
a:hover, a:active {
	color:#666;
	text-decoration:none;
}
/* content */
#contactform {
	margin-bottom:20px;
	overflow:hidden;
}
#contentwrap {
	clear:both;
	width:905px;
	margin-top:15px;
}
#wrap-left { 
	
	float:right; 
}
#contentleft {
	overflow:hidden; float:right;
	padding: 20px 0 12px 30px;
	width: 261px;
	margin:0 19px 0 5px; 
}
#logo-left {
	margin: 10px 0 0 10px; float:right;
}
#contentleft input, textarea {
	border:1px solid #bbb;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#666;
	width:218px;
	height: 20px;
	clear:none;
	background: url(../images/home-contact.jpg) repeat-x;
}
#contentleft div.item {
	padding:0;
	margin-bottom: 10px;
	overflow:hidden;
}
#contentleft #cfb {
	float: left;
}
#contentleft #cfb input {
	color: #000;
	background: url(../images/submit.jpg) no-repeat;
	width: 83px;
	height: 34px;
	border: none;
	margin: 10px 20px 0 0;
	padding: 0;
	font-size: 1.1em;
}
#contentleft #capt {
}
#contentleft #capt a {
	text-decoration:none;
	font-size:1.1em;
	color:#666;
}
#contentleft #capt a:hover {
	text-decoration:underline;
}
#contentleft .cpt {
	padding-top:4px;
	margin-bottom:0;
}
#contentleft .errortop {
	text-align:center;
	background:#c13d00;
	color:#FFF;
	padding:9px;
	font-weight:bold;
	margin: 10px 33px 0 0;
}
p.errortop {
	margin-top:20px;
}
#contentleft .error {
	clear:both;
}
#contentleft .clear {
	color:#ff0000;
	font-weight:bold;
}
.code {
	float: left;
	margin-right: 30px;
}
#contentleft #capture textarea {
	float: none;
}
#contentleft #captcha {
	margin-top: 10px;
}
#contentright {
	width:554px;
	height:auto;
	float:left;
	margin-left:10px;
}
#contentright2 {
	width:auto;
	height:auto;
	float:left;
	margin:40px 0 0 40px
}
#contentright2 li a {
	color: #999999;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:1.5em;
	list-style-type: none;
}
#contentright2 ul li a:hover {
	color: #f4e100;
	text-decoration: underline;
}
/* contact-us */

#form {
	width:250px;
	height:200px;
	float:right;
}
.post {
	width:auto;
	height:auto;
}
.form {
	height:20px;
	width:200px;
	color:#000;
	margin-bottom:5px;
}
.formmsg {
	height:40px;
	width:195px;
	color:#000;
	padding:3px;
	font-size: 1.1em;
}
input.submit {
	height:20px;
	width:202px;
	color:#000;
	margin:5px 0 20px 0;
}
input.submit:hover {
	background-color:#ae173a;
	color:#000;
	border:#FFF solid 2px;
}
/* contact -us page */
#contact-left {
	overflow:hidden;
	width:500px;
	height:auto;
	float:left;
	margin:10px 30px 0 0;
}
#contact-right {
	width:300px;
	height:auto;
	float:right;
	margin:10px 0 0 8px;
}
#contactjquery-right {
	margin-left:1px;
}
#contactjquery-right li {
	list-style:none;
	padding-left: 30px;
	padding-top: 0px;
	color:#999;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.4em;
}
#contactjquery-right p {
	margin:5px 0;
}
/*footer*/

#footer {
	background: url(../images/footer-bg.png) repeat;
	clear: both;
}
.footer-holder {
	width: 960px;
	margin: 0 auto;
	padding: 20px;
	overflow: hidden;
	margin-top:10px;
	background: none;
}
.footer-holder ul {
	float: left; 
	font: 1.1em Arial, Helvetica, sans-serif;
	color:#fff;
	list-style-type: none;
	margin:0 50px 0 70px;
}
#footer li a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #f4e100;
	text-decoration: underline;
}
.footer-logo {
	float: left; 
	margin-left:40px;
}
/*xcontact page*/

.picture.arrow {
	margin: 20px 0 0 30px;
}
#jquery-right.cont {
	margin: 0 0 0 100px;
	float:left;
}
#contact-form {
	width: 470px;
	float: left;
	border-right: 1px solid #F4E100;
	margin-top: 10px;
}
#contact-form .success {
	text-align:center;
	background:#090;
	color:#FFF;
	padding:10px;
	font-weight:bold;
}
#contactleft .success {
	text-align:center;
	background:#090;
	color:#FFF;
	padding:10px;
	font-weight:bold;
}
#contact-form label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#333;
	line-height:20px;
	float: left;
	width: 80px;
}
#contact-form input, textarea {
	border:1px solid #ced4d7;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#666;
	width:360px;
	height: 24px;
	clear:none; background:#FFFfff;
	
	margin-bottom: 10px;
	color: #8f8f8f;
}
#select {
	border:1px solid #bbb;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#666;
	width:308px;
	float:right;
}
#contact-form div.item {
	padding:6px 0 6px 0;
	overflow:hidden;
}
#contact-form #cfb {
	clear:both;
	overflow:hidden;
}
#contact-form #cfb input {
	background:url(../images/submit-button.png) no-repeat;
	border:none;
	float:right;
	width:85px;
	margin-right:15px;
	height:30px;
}
#contact-form #contactform .submit {
	color: #000;
	background: url(../images/submit.jpg) no-repeat;
	width: 83px;
	height: 34px;
	border: none;
	padding: 0;
	font-size: 1.1em;
	margin-right: 50px;
	float: right;
}
#contact-form #capt {
	clear:both;
	overflow:hidden;
}
#contact-form #capt a {
	text-decoration:none;
	font-size:1.1em;
	color:#666;
}
#contact-form #capt a:hover {
	text-decoration:underline;
}
#contact-form .cpt {
	padding-top:4px;
	margin-bottom:0;
}
#contact-form .errortop {
	text-align:center;
	background:#c13d00;
	color:#FFF;
	padding:10px;
	font-weight:bold;
}
#contact-form .error {
	clear:both;
}
#contactleft .errortop {
	text-align:center;
	background:#c13d00;
	color:#FFF;
	padding:10px;
	font-weight:bold;
}
#contactleft .error {
	clear:both;
}
#contact-form .clear {
	color:#ff0000;
	font-weight:bold;
}
#contact-form .clearboth {
	clear:both;
}
#contact-form .message2 {
	height: 180px;
}
#contact-form .required {
	clear: both;
}
#contact-form .scode {
	width: 148px;
	float: right;
	margin-right: 15px;
}
#contact-form #capture {
	width: 460px;
}
#contact-form select {
	border:1px solid #bbb;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#000;
	width:308px;
	float: none;
}
.gmaps {
	width: 410px;
	height: 300px;
	border: 5px solid #dbdbdb;
	float: left;
	margin: 40px 0 10px 10px;
}
.info ul {
	font-size:1.1em;
	font-family: Verdana, Geneva, sans-serif;
	color: #5B5B5B;
	list-style-type: none;
	margin-right: 10px;
	float: right;
	text-align: right;
	font-weight: bold;
}
.info ul li {
	margin-bottom: 10px;
}
/*separotor*/
#footclass {
	background: url(../images/footer-bg.png) repeat;
	text-align:center;
	clear:both;
	overflow:hidden;
}
#footclass a {
	color:#FFFFFF;
}
#footclass a:hover {
	color:#f4e100;
}
#footclass ul {
	list-style: none;
	list-style-type: none;
	display:inline;
}
#footclass li {
	list-style: none;
	list-style-type: none;
	display:inline;
	margin-right: 10px;
}
/* Cookie Law */
#cookie-law {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	color: #FFF;
	background:#535353;
	overflow:hidden;
	border-top:1px solid #828083;
	outline:1px solid #fff;
	z-index:9999;
	opacity: 0.9;
}
.cookie-law-holder {
	width:960px;
	margin:0 auto;
}
.cookie-law-holder a{
	color:#FFF;
	text-decoration:underline;
}
.cookie-law-holder p {
	float: left;
	padding: 10px 0;
	margin:0;
	width: 885px;
	color:#FFF;
	font-size:1.1em;
}
.cookie-law-close {
	float: right;
	font-size: 1.1em;
	padding: 10px 0 0;
}
.eu-cookies {
}
.eu-cookies ul {
	font-size:1.2em;
	line-height:1.3em;
}
#content ul li{
	line-height: 18px;
}
ul li h3{
	padding: 16px 0 16px 0;
}
#cookies-table {
	border-left:1px solid #9b9b9b;
}
#cookies-table th {
	color: #454545;
	border-right: 1px solid #9b9b9b;
	border-bottom: 1px solid #9b9b9b;
	border-top: 1px solid #9b9b9b;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}
#cookies-table td {
	border-right: 1px solid #9b9b9b;
	border-bottom: 1px solid #9b9b9b;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #454545;
}