/* #0e385f dark blue */
/* #3c5a9a blue */
/* #d9dfeb light blue */ 
/* #9f948e grey */   

@font-face {
    font-family: 'MyriadPro-Cond';
    font-weight: normal;
    font-style: normal;
}
/* m */
/* a */
/* i */
/* n */  
 
h1,h2,h3{color:#0e385f;}
h2, h3 {font-family:'MyriadPro-Cond'; text-transform:uppercase; } 
strong{  }

#header_wrap{  
margin:auto; 
min-width:1010px;/*prevents my background image from displacing if the user minimises and uses the bottom scroll bar*/   
background: url('img/background_shadow_top.png') repeat-x bottom #3c5a9a;  
height:145px;  
}

#header{
padding-top:20px;  
margin:auto;
width:960px;     
}

#content_wrap{ 
min-width:1010px;/*prevents my background image from displacing if the user minimises and uses the bottom scroll bar*/   
padding:20px 0;
color:#333;  
background:url('img/noise.png');  
}

#content{  
width:960px;
margin: auto;     
font-size:1.1em; 
}

#aside{ 
width:295px;
float:left; 
}

#main{ 
width:640px;
float:right; 
}

#footer{    
font-size:1.1em; 
width:960px;
clear:both;
padding:0 10px;
margin:auto;
}

#footer_wrap{      
background:url('img/background_image_footer.jpg') repeat-x;  
min-width:1010px;/*prevents my background image from displacing if the user minimises and uses the bottom scroll bar*/  
background-color:#fff;  
} 

/* h */
/* e */
/* a */   
#header h1 {   
z-index:99;
position:relative;  
}

#header h1 a { 
height:118px;
width:300px; 
display:block;
float:left;
margin-left:-15px;
}

#header  ul li{
display:inline-block;
zoom: 1;
*display: inline;
}

#header  #navigation_upper{     
}

#header  #navigation_upper ul{
float:right; 
width:660px;
}
    
#header #navigation_upper li{  
padding:5px 0;   
}

#header #navigation_upper li a,#header #navigation_upper li span.current{   
font-size:15px; 
display:block;
color:#d9dfeb;
text-transform:uppercase;  
height:20px;  
float:left;  
padding-left:25px;  
padding-top:4px;
}
 
#header  #navigation_upper li a:hover{
color:#fff; 
}  
 
#header  #navigation_upper li span.current {
color:#fff;
cursor:default;
} 

#header  #navigation_upper li span.current span{ 
display:block;
background: url('img/navigation_arrow.png') no-repeat center 0px;  
height:14px; 
position:relative;
width:100%;
z-index:99;
margin-top:-3px;
}  

#header #information{  
float:right;
display:block;    
color:#3c5a9a;
margin-top:50px; 
font-size:1.4em; 
}

#header #information .mid_wales{  
height:20px;
zoom: 1;
*display: inline; 
margin-left:-100px;
margin-top:-1px;
position:absolute;
text-align:center;
font-size:1em;  
text-transform:uppercase;  
font-weight:bold;
font-family:'MyriadPro-Cond'; text-transform:uppercase;
}

#header  #information .telephone_label{ 
vertical-align:top; 
}

#header  #information .telephone{  
line-height:0.8; 
font-size:24px;
height:24px; 
display:inline-block;
zoom: 1; 
font-weight:600; 
*display: inline;
padding:0 0 2px 5px;  
text-shadow: 0px 1px 1px #fff;
} 

/* b */
/* a */
/* n */  
#slideshow_wrapper{
height:300px;
width:960px;  
}
 
#slideshow , #slide{ 
float:left;
position:relative; 
height:300px;
width:960px;
z-index:1;    
border:1px solid #fbfbfb; 
padding-bottom:15px;
background-color:#3c5a9a; 
}  

#slideshow  #banner,#slide  #banner{   
height:300px;
width:960px;
background-color:#3c5a9a;
overflow:hidden;  
position:absolute; 
}

#slideshow  .bx-pager{   
z-index:99; 
left:42%;
position:absolute;
height:15px;
width:180px;
margin-top:-40px; 
}

#slideshow .bx-pager a {  
height:15px;
width:15px;  
display:inline-block;
zoom: 1;
*display: inline;
text-indent:-9999px; 
background-color:#0e385f;   
margin: 0 5px; 
}

#slideshow .bx-pager a:hover {  
background-color:#d9dfeb; 
}

#slideshow .bx-pager .pager-active{
background-color:#d9dfeb; 
}   
 
#slide figcaption {    
position:absolute;
background-color:#3c5a9a; 
display:block; 
font-size:1.1em;  
z-index:99;
right:0;
bottom:0;
margin:20px; 
text-align:center; 
padding:10px;
color:#d9dfeb;    

} 
 
/* a */
/* s */
/* i */   
#aside, #main{
padding-top:20px;
}

#aside #navigation_lower{
margin:-8px 20px 0 0;  
}

#aside #navigation_lower  ul li{  
margin-top:10px; 
}  

#aside #navigation_lower  ul li a, #aside #navigation_lower  ul li span.current{  
display:block;   
background-color:#3c5a9a;  
clear:both; 
transition: background-color 1s;
-moz-transition: background-color 1s; /* Firefox 4 */
-webkit-transition: background-color 1s; /* Safari and Chrome */
-o-transition: background-color 1s; /* Opera */   
height:50px; 
font-size:0.85em;  
text-transform:uppercase; 
} 

#aside #navigation_lower ul  li span.current{
background-color:#0e385f;
cursor:default;
}

#aside #navigation_lower ul li a:hover{ 
background-color:#0e385f;
}

#aside #navigation_lower  ul li .text{   
color:#d9dfeb;
font-size:1.3em;
padding:17px 10px 13px 10px;  
display:inline-block;
zoom: 1;
*display: inline; 
float:left;
}  

#aside #navigation_lower  ul li span.cow{background:url('img/cow.png') no-repeat} 
#aside #navigation_lower  ul li span.industrial{background:url('img/industrial.png') no-repeat} 
#aside #navigation_lower  ul li span.corn{background:url('img/corn.png') no-repeat} 
#aside #navigation_lower  ul li span.lorry{background:url('img/lorry.png') no-repeat} 
#aside #navigation_lower  ul li span.concrete{background:url('img/concrete.png') no-repeat} 
#aside #navigation_lower  ul li span.general{background:url('img/crate.png') no-repeat} 
#aside #navigation_lower  ul li span.straw{background:url('img/straw.png') no-repeat; padding-top:5px;} 

#aside #navigation_lower  ul li span.icon{
width:50px;
height:50px; 
display:inline-block;
zoom: 1;
*display: inline;  
padding-right:5px;
float:right;
}   

#aside #cards{
padding:20px 0 0 30px;
}

#aside #cards div span{ 
display:inline-block;
zoom: 1;
*display: inline; 
background-color:#3c5a9a; 
padding:2px;
margin:10px 10px 0 0
}

/* m */
/* a */
/* i */     

#content #main #talk{
text-align:justify; 
font-size:1.1em;  
}
  
#content #main #talk h2{
font-size:1.5em; 
line-height:1.3em; 
padding:0;
margin:0;
}

#content #main #talk h3{
font-size:1.2em; 
line-height:1.3em; 
font-family:arial;
text-transform:none;
}


#content #main #talk #gallery figcaption{
display:none;
}

#content #main #talk #gallery .gallery_section{
padding-bottom:15px;  
}

#content #main #talk #gallery div.no_pad{
padding-bottom:0; 
}

#content #main #talk #gallery div{
float:left;
}

#content #main #talk #gallery div div figure{
background-color:#3c5a9a; 
margin-right:27px;
width:170px; 
padding:12px; 
}
 

#content #main #talk  #gallery_paging{
width:100%;
text-align:right; 
}

#content #main #talk  #gallery_paging ul li{
display:inline-block;
zoom: 1;
*display: inline; 
}

#content #main #talk  #gallery_paging ul li a{ display:block; margin:2px; padding:3px 8px; background-color:#3c5a9a; color:#d9dfeb}
#content #main #talk  #gallery_paging ul li a.current{  background-color:#d9dfeb; color:#3c5a9a}
#content #main #talk  #gallery_paging ul li a:hover{  background-color:#d9dfeb; color:#3c5a9a}
#second, #third, #fourth{display:none; }

#content #main #talk #gallery div div .figcaption{   
padding-top:10px;   
color:#0e385f;  
display:block;  
text-align:center; 
}

#content #main #talk #gallery div div .figure{   
position:absolute; 
margin-left:-60px;
margin-top:-250px;
box-shadow:0px 0px 2px #3c5a9a; 
z-index:99;
width:270px;
display:block;
padding:15px;
background-color:#d9dfeb;
clear:both; 
}

#content #main #talk #gallery div figure{cursor:pointer}

#content #main #talk div div.no_margin, #content #main #talk #gallery div figure.no_margin{
margin-right:0;
}

#content #main #talk span.to_top a{
display:block; 
margin-top:-10px;
color:#ccc;
}

#content #main  #talk #contact_form {
width:485px;
margin:auto;
}
#content #main  #contact_form legend{
font-weight:600;
} 
#content #main  #contact_form fieldset{
padding:15px 0;
}

#content #main #talk  #contact_form div{
padding:1px 0;
}

#content #main #talk  #contact_form label{
width:170px;
display:block;
float:left;
padding-top:8px;
} 

#content #main  #contact_form input, #content #main  #contact_form textarea, #content #main  #contact_form select{  
padding:5px; 
width:190px;  
border:2px solid #3c5a9a;
background-color:#fff;
box-shadow:inset 0 0 2px 0 #0e385f; 
} 

#content #main  #contact_form textarea{  
width:280px;
height:100px; 
margin:7px 0 0 0;
}
  

#content #main  #contact_form  a.more{
font-size:1.1em;
color:#d9dfeb;
background-color:#3c5a9a;
padding:5px 10px;
}

#content #main  #contact_form  #building_details{
display:none;
}

#content #main  #contact_form .error_highlight{
display:inline-block;
zoom: 1;
*display: inline; 
clear:both;
}

#content #main  #contact_form  .form_field{
padding:2px 2px 2px 19px;
display:inline-block;
zoom: 1;
*display: inline;  
height:35px;  
}

#content #main  #contact_form  .error_highlight_arrow {
height:35px;
width:13px;
display:inline-block;
zoom: 1;
*display: inline; 
float:left;
} 

#content #main  #contact_form .error_highlight_border{
display:inline-block;
zoom: 1;
*display: inline;
padding:2px 2px 2px 6px;
float:right; 
}

#content #main  #contact_form  .js_error_highlight_arrow{ background:url('img/validation_arrow.png') no-repeat; }
#content #main  #contact_form  .js_error_highlight_border{ background-color:#d33c20; }
#content #main  #contact_form  .js_error_highlight_input{ background-color:#f9c5bb; }
 
#content #main   .success_message{
width:300px;
margin:auto; 
text-align:center;
color:#3c5a9a;
}

#content #main ul.sitemap { 
padding-right:30px;
}

#content #main ul.sitemap li a{
color:#3c5a9a;
} 

#content #main ul.sitemap li a:hover{
color:#000;
} 

#content #main .list{
margin-left:40px;
list-style-image:url('img/list_style.jpg');
color:#0e385f
}

#content #main .list .spacer{
width:150px;
display:block;
color:#333;
}

/* f */
/* o */
/* o */  
#footer h3{
font-size:1.6em;
line-height:0;
} 
#footer_wrap .outer{ 
background: url('img/background_shadow.png') repeat-x #3c5a9a; 
}

#footer_wrap #inner{
padding:7px 0 7px 0;
width:960px;
margin:auto; 
color:#fff;  
}

#footer_wrap ul{
float:left;
padding-top:6px;
}

#footer_wrap #inner ul li{
display:inline-block;
zoom: 1;
*display: inline; 
padding:4px 5px;
}

#footer_wrap #inner ul li a{
color:#fff; 
text-decoration:underline;
}

#footer_wrap #inner ul li a:hover{
text-decoration:none;
}

#footer_wrap #inner #copyright{
float:right;
padding:9px 0;
}

#footer_wrap #inner #copyright span{
padding:0 5px;
}

#footer_wrap #inner #copyright span a{
color:#d9dfeb; 
} 
 
#footer .col{   
margin-top:10px; 
width:300px;
display:inline-block;
zoom: 1;
*display: inline;
float:left; 
padding-bottom:15px;
} 

#footer .one{ width:18%; }
#footer .two{ width:19%; }
#footer .three{ width:63%; float:right}

#footer .col a{
color:#3c5a9a;
}

#footer .col a:hover{
color:#333;
} 

#footer .col  p{  
margin:0 0 10px 0;
}

#footer .col  ul{
padding:0;
}

#footer .col  ul li{
padding:3px 0;
display:block;
}

#footer .col  ul li span.current{
cursor:default;
}

#footer .col .links{  
float:left; 
display:inline-block;
zoom: 1;
*display: inline;  
width:110px;
}

#footer .col .links .letterpress_small{
display:none;
}

#footer .col .buildings{  
float:left; 
display:inline-block;
zoom: 1;
*display: inline; 
width:115px;   
}
 

#footer .col .buildings ul li.shorter{
width:110px; 
padding-left:22px;
padding-right:0;
}

#footer .col .callback{  
height:145px;
width: 305px;
float:right; 
display:inline-block;
zoom: 1;
*display: inline;   
}
#footer .col .contact{   
 float:left; 
}
#footer .col .callback form div{
padding:1px 0;
}

#footer .col .callback form label, #main  #contact_form label{
width:80px;
display:inline-block;
zoom: 1;
*display: inline;
float:left;
padding-top:8px;
} 

#footer input, #main  #contact_form input{  
padding:5px; 
width:190px;  
border:2px solid #3c5a9a;
background-color:#fff;
box-shadow:inset 0 0 2px 0 #0e385f; 
} 
 

#footer .col .callback form .error_highlight, #main  #contact_form  .error_highlight{ 
display:inline-block;
zoom: 1;
*display: inline; 
clear:both;
}

#footer .col .callback form .error_highlight_arrow ,#main  #contact_form  .error_highlight_arrow{
width:13px;
height:33px;
display:inline-block;
zoom: 1;
*display: inline; 
float:left;
} 

#footer .col .callback form .error_highlight_border, #main  #contact_form .error_highlight_border{
display:inline-block;
zoom: 1;
*display: inline;
padding:2px 2px 2px 6px;
float:right; 
}

.js_error_highlight_arrow{ background:url('img/validation_arrow.png') no-repeat; }
.js_error_highlight_border{background-color:#d33c20;}
.js_error_highlight_input{background-color:#f9c5bb;}
 
#footer .col .contact .telephone{   
display:inline-block;
zoom: 1;
*display: inline; 
} 

#footer .col .contact .telephone_label{   
padding-right:5px;
} 

#footer .col .callback .submit, #content #main  #contact_form  .submit{ 
float:right;
background-color:#3c5a9a; 
width:39px;
height:27px;
font-size:1.11em;
border:0; 
padding: 0 12px;
color:#d9dfeb;
text-align:center;
margin-right:2px; 
}

#content #main  #contact_form  .submit{  
font-size:1em;
}
 
#footer .col .callback .submit:hover, #content #main  #contact_form  .submit:hover{ 
background-color:#0e385f;
} 
 
.loading{
margin:auto;
padding-top:40px;
display:block;
height:32px;
width:32px;
} 

.center_text{
text-align:center;
}

.left_text{
text-align:left;
}

.letterpress{ 
margin-top:30px;
height: 106px; 
width: 3px; 
background:url('img/letterpress.jpg') no-repeat center; 
float:left; 
padding:25px;
display:inline-block; 
zoom: 1; 
*display: inline; 
} 
 
.no_pad_bottom, #content #aside #search_specific ul li.no_pad_bottom { padding-bottom:0; margin-bottom:0; } 
.no_pad_top, #content #aside #search_specific ul li.no_pad_top { padding-top:0; margin-top:0; }

.left{ 
float:left;
}

.right{
float:right;
}

.no_pad, #content #aside #search span.no_pad label{
padding:0;
} 

.uppercase{
text-transform:uppercase;
}

.success_message{ 
background-color:#fff; 
height:120px;
display:block;
width:240px;
}

.blue{
color:#3c5a9a; 
}

iframe{
width:100%;  
margin-bottom:15px;
}

/**browser discrepancies**/ 

/*ie6*/ 
 
 
.ie6 #header #information .mid_wales{  
margin-left:-130px;
}

.ie6 #header  #navigation_upper li span.current span{ 
display:none;
}

.ie6 #header h1 a{  
 
top:16px;
}

.ie6 #header #navigation_upper ul{    
width:640px;
 margin-top:8px;
clear:none;
} 

/*ie7*/ 
.ie7 #header h1 a{  
position:absolute;
top:16px;
}

.ie7 #header  #navigation_upper ul{    
float:right;  
width:660px; 
margin-top:-8px;
clear:both;
} 

.ie7 #aside, .ie7 #main{
padding-top:0;
}

.ie7 #slideshow_wrapper{
margin-bottom:37px;
}

.ie7 #slide{
margin-bottom:20px;
}

.ie7 #footer .footer_pad{
padding:10px;
margin-top:10px;
} 

.ie7 #footer .col .callback form .error_highlight_arrow { margin-top:1px;}
.ie7 .col .callback label, .ie6 .col .callback label{ height:28px; float:left; }
.ie7 .col .callback .error_highlight, .ie6 .col .callback .error_highlight{
height:36px;
width:225px;
float:right;  
}     
.ie7 #contact_form   label, .ie6 #contact_form label{ height:27px; }
.ie7 #contact_form .error_highlight,.ie7 #contact_form .form_field, .ie6 #contact_form .form_field, .ie6 #contact_form .error_highlight{
float:right;  
width:225px; 
height:35px;
}  

.ie7 #contact_form .form_field, .ie6 #contact_form .form_field{
width:205px; 
}
.ie7 #slideshow .bx-pager a{
line-height:0; 
text-indent:0; 
} 

.ie7 .letterpress{
padding:28px;
}

.ie7 #footer .three{ float:right; clear:both; }
.ie7 .telephone_label{ vertical-align:bottom; }  
.ie7 h2{font-size:17px;} 
.ie7 h3{font-size:15px;}
.ie7 #header { 
}
/*ie8*/  

/*ie9*/ 

.ie9 #header  #navigation_upper ul li a, .ie9 #header #navigation_upper li span.current{    
padding-left:23px;   
}