/**********************************
Description...:Master Screen CSS
Copyright.....:USdigital Ltd.
Author........:lewis@usdigital.co.uk
Last Changed..:09-04-2010
Notes #1......:Do NOT modify 
/******************
Layout**/
* {padding:0;margin:0;border:0;}
body {
font-family:"trebuchet ms","lucida sans unicode","lucida grande","lucida sans",arial,sans-serif;
font-size:100%;
text-align:center;
background:url(../img/bg.png) fixed;/*d5e2e7*/
}
.container, .footer-container {
position:relative;
width:880px;
margin:10px auto 0;padding:10px 14px 2px;
text-align:left;
background:url(../img/container.png);
}
.footer-container {margin-top:0;background:url(../img/footer-container.png) no-repeat;}
h2, h3, h4, h5, h6 {
color:#272a54;
font-weight:normal;

-moz-text-shadow:2px 2px 5px #ddd;
-webkit-text-shadow:2px 2px 5px #ddd;
text-shadow:2px 2px 5px #ddd;
}
/******************
Logo Area**/
#header {
float:left;
position:relative;
width:880px;height:196px;
background:#b9c9d5 url(../img/header_bg.png);
}
#header h1 {
float:left;
width:220px;height:175px;
margin:10px 20px;
background:url(../img/logo.png);
}
#header h1 a {
float:left;
display:block;
width:220px;height:175px;
}
#header h1 span {position:absolute;left:-9999px;}

#barratt-link {
position:absolute;
bottom:10px;right:20px;
width:130px;height:110px;
}
/******************
Navigation**/
#nav {
float:left;
width:880px;
margin-bottom:12px;
background:#333a68 url(../img/nav_bg.png) repeat-y;
border-top:1px solid #c5d4de;
}
#nav ul {margin-left:5px;}
#nav li {
float:left;
display:inline;
list-style:none;
font-size:0.75em;
text-transform:uppercase;
letter-spacing:-1px;
padding-right:2px;margin-right:0;
background:url(../img/nav-item.png) right no-repeat;
}
#nav li:last-child {background:none;}
#nav li span {font-weight:bold;}
#nav li a {
display:block;
color:#ccc;
text-decoration:none;
padding:6px 8px;
}
#nav li a:hover, #nav li a.selected {
color:#fff;
background:#323a68;
}
#nav li a.selected {font-weight:bold;}
/******************
LEFT COL**/
#left-col {
float:left;
width:225px;
padding:0 0 5px 15px;
}

.btn-news {
float:left;
width:197px;
padding:6px 14px;
font-size:0.85em;
text-align:center;
text-transform:uppercase;
background:#282b55;
}
.btn-news:hover {background:#45496f;}
.btn-news a {display:block;}
.btn-news a:link, .btn-news a:visited {color:#fff;text-decoration:none;}
.btn-news a:link span, .btn-news a:visited span {color:#b9c9d5;}

.advert01, .advert02, #newsletter {
float:left;
clear:left;
width:225px;
padding:0 0 12px;margin-top:15px;
background:#e2e7e9;
}
.advert01 {background:#b9c9d5;}
.advert01 p, .advert02 p {
font-size:1.2em;
margin:-5px 12px 0;
}
.advert01 p.map {margin:0 12px;}
.advert01 p strong {color:#fff;}
.advert02 p {margin:-40px 12px 0;letter-spacing:-1px;line-height:1em;}
.advert01 p a, .advert02 p a {text-decoration:none;}
.advert01 p a:hover, .advert02 p a:hover {color:#494c71;}
.advert01 p.map a span {color:#fff;}
.advert01 p a span.tiny {color:#494c71;}

/*CSS3*/
/*#left-col div:last-child {margin-bottom:0;}*/
/*#left-col div:nth-child(3) {background:#b9c9d5;}*/

#newsletter {
width:201px;
padding:7px 12px;
color:#272a54;
}
#newsletter h6 {font-size:1.3em;}
#newsletter h6 span {color:#3e4e5c;}
#newsletter p {font-size:0.75em;}
#newsletter label {
float:left;
cursor:pointer;
width:40px;
padding:2px 0;
font-size:0.7em;
font-weight:bold;
color:#3e4e5c;
}
#newsletter label:after {content:":";}
#newsletter input {
width:150px;height:17px;
font-size:0.75em;
padding:3px 4px 0;margin:0 0 4px;
border-top:1px solid #999;
border-left:1px solid #999;
}
#newsletter input:focus {background:#fce3d5;border-color:#b51c46;}
#newsletter input.submit {
float:right;
cursor:pointer;
width:auto;height:auto;
padding:1px 10px;
color:#fff;
text-transform:uppercase;
background:#272a55;
border:0;
}
/******************
Flash Content**/
#flashcontent {
float:right;
width:610px;height:290px;
}
#flashcontent img {}
/******************
Main Content**/
#main-content_holder {
float:right;
width:615px;
margin-right:15px;
}
.main-content {
float:right;
width:610px;
color:#5c5c5c;
}
.main-content h2 {
font-size:1.75em;
margin:0px 0 10px;

/*color:rgba(230, 10, 10, 0.5);*/
}
.main-content h3 {font-size:1.1em;}
.main-content h4, .main-content h5, .main-content h5 {font-size:0.9em;font-weight:bold;}
.main-content p {
font-size:0.75em;
margin:0 0 10px;
}
.main-content ul, .main-content ol {margin-bottom:10px;}
.main-content ul li, .main-content ol li {
list-style:disc;
font-size:0.75em;
font-style:italic;
line-height:1.3em;
margin:0 30px;
}
.main-content ul.spaced li {line-height:1.8em;}
.main-content ol li {list-style:decimal;font-weight:bold;font-style:normal;}
.main-content img {
float:right;
margin:10px 0 10px 10px;
border:3px solid #e2e7e9;
}
.main-content img.banner {
width:610px;height:160px;
margin:0 0 20px;padding-bottom:3px;
border:0;border-bottom:2px dotted #e2e7e9;
}
.main-content a:link, .main-content a:visited {
font-weight:bold;
text-decoration:underline;
}
.main-content a:hover {text-decoration:none;}
.main-content a:active {}

/******************
Labelled Images**/
.main-content .figure {
float:right;
width:281px;
margin:0 10px 5px;
}
.main-content .figure cite {
float:right;
clear:both;/*IE Needs me*/
width:261px;/*IE Needs me*/
text-align:right;
font-size:0.7em;
font-style:italic;
font-weight:bold;
line-height:normal;
color:#5c5c5c;
margin:2px 10px;
}
.main-content .figure img {margin:0;}

/******************
Poem**/
.poem {
text-align:center;
margin:25px 0;padding:20px 0;
background:#f9f9f9;

-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
.poem h3 {margin-bottom:10px;}
.poem p {font-style:italic;font-size:0.8em;}
/******************
NEWS LISTING**/
.newslist {
float:left;
width:100%;
margin:0 0 20px;
text-align:right;
border-bottom:2px dotted #ebeded;
}
.newslist h3 {font-size:0.95em;letter-spacing:-1px;}
.newslist p.date {
margin:10px 0 -3px;
font-size:0.7em;
font-weight:bold;
text-transform:uppercase;
}
.newslist img {
width:130px;height:100px;
margin:5px 0 15px 15px;
}
/*add this*/
.addthis_default_style {float:right;margin-top:-30px;}
/******************
Boxes**/
.boxy {
float:left;
width:260px;
margin:0 10px 10px 0;padding:15px;
background:#e2e7ea;

-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.boxy h3 {letter-spacing:-2px;}
.boxy img {border:0;margin:8px 0;}
.boxy a:link, .boxy a:visited {font-weight:normal;}

.boxyvids {padding:5px 15px;}
/******************
Contact Form**/
#contact-form {
float:right;
width:305px;
margin:-12px 0 15px 15px;padding:5px;
background:#e2e7e9;
border:2px dotted #ebeded;
}
#contact-form h4 {text-align:right;}
#contact-form label {
cursor:pointer;
display:block;
float:left;
clear:left;
width:120px;
text-align:right;
font-size:0.75em;
font-weight:bold;
color:#3e4e5c;
padding:2px 0 0;margin:0 10px 0 0;
}
#contact-form label:after {content:":";}
#contact-form input {
float:left;
width:162px;height:17px;
font-size:0.75em;
padding:3px 4px 0;margin:0 0 5px;
border:1px solid #999;
}
#contact-form input:focus {background:#fce3d5;border-color:#b51c46;}
#contact-form input.submit {
float:right;
cursor:pointer;
width:auto;height:auto;
padding:1px 10px;
color:#fff;
text-transform:uppercase;
background:#272a55;
border:0;
}
#contact-form textarea {
float:left;
width:166px;height:100px;
font-family:arial, helvetica, sans-serif;
font-size:0.7em;
padding:2px 2px 1px;margin:0 0 5px;
border:1px solid #999;
}
#contact-form textarea:focus {background:#fce3d5;border-color:#b51c46;}
/******************
Footer**/
#cta {
float:left;
width:850px;
color:#fff;
margin:10px 0 0;padding:6px 15px 4px;
background:#333a68 url(../img/nav_bg.png) repeat-y;
}
#cta p {
font-size:1em;
position:relative;
}
#cta p span {
position:absolute;
right:0;bottom:1px;
width:470px;
text-align:right;
font-size:0.8em;
}
/******************
Footer**/
#footer {
float:left;
width:100%;
margin:15px 0;
color:#3e4e5c;
}
#footer p {
font-size:0.7em;
margin:0 0 10px;
}
#footer a:link, #footer a:active, #footer a:visited {color:#3e4e5c;font-weight:bold;}
#footer a:hover {color:#3e4e5c;}
#footer img {float:right;}
a#credit {
float:left;
width:155px;height:20px;
background:url(../img/logo-usdigital.gif);
}
a#credit span {position:absolute;left:-9999px;}
/******************
Global Styles**/
.line {
border-bottom:1px dotted #b9c9d5;
margin:10px 0%;
height:1px;
clear:both;
font-size:0;
}
.clearing {clear:both;}
acronym, abbr {cursor:help;border-bottom:1px dotted #000;}
fieldset {margin:5px 0 0;}
strong {font-weight:bold;}
em {font-style:italic;}
address {font-style:normal;}
blockquote {font-size:1.2em;font-weight:bold;}
q {font-style:italic;font-size:0.8em;color:#ddd;margin:10px 10px 0;display:block;}
cite {font-weight:bold;font-size:0.8em;margin:-10px 10px 0;}
.error {color:#f00;font-weight:bold;}
.win {color:#090;}
.hide {position:absolute;left:-9999px;}
.remove {margin:0;padding:0;border:0;}
.tiny {font-size:0.7em;}
/******************
Links + slectors**/
a:link, a:visited {color:#272a54;text-decoration:underline;}
a:hover {color:#272a54;text-decoration:none;}
a:active {color:#000;/*outline:none;*/}
a:focus {/*outline:none;*/}
a.more {padding-right:14px;background:url(../img/icon-more.png) no-repeat 100% 50%;}
a.pdf {padding-right:14px;background:url(../img/icon-pdf.gif) no-repeat 100% 50%;}

input[type="text"]:disabled {background:#ddd;}
input:checked {border:1px solid #090;}
/******************
Clearfix**/
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}