/* ----------------------------------------------------------------------------------------- 
Stuff and Nonsense Ltd.
The Cow Shed Studio,
Gwaenysgor,
Flintshire, North Wales
LL18 6EP, UK
+44 1745 851848
http://www.stuffandnonsense.co.uk

Baseline CSS
Version 1.1.1
June 20th 2008
----------------------------------------------------------------------------------------- */





/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }





/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { background-color: #fff; color : #222; font : 11px/1.5 "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { color : #111; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : circle; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom : 1px dotted #666; }
address { margin-top : 1.5em; font-style : italic; }
del { color : #666; }
blockquote { margin : 1.5em 1.5em 1.5em 0; color : #666; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { border-bottom : 2px solid #ccc; font-weight : bold; }
td { border-bottom : 1px solid #ddd; }
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }

/* Author styles (written here or imported from external files  
----------------------------------------------------------------------------------------- */

/* =body */
body { font : 12px/1.5 "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color : #fff; }

/* =hx */
h1, h2, h3, h4, h5, h6 { text-transform : uppercase; font-weight : normal; }

/* =h1 */
h1 { position : absolute; top : 17px; left : 0;  width : 407px; height : 112px; background : url(../siteimages/h1.png) no-repeat; text-indent : -9999px; }

/* =h2 */
h2 { font-size : 1.5em; color : #fff; letter-spacing : 1px; }
li h2 { clear : left; }

/* =h3 */
h3 { font-size : 1.1em; color : #fff; letter-spacing : 1px; }
form h3 { margin : 0; width : 170; height : 30px; background : url(../siteimages/form_h3.png) no-repeat; text-indent : -9999px; }

/* =h4 */
h4 { font-size : 1.25em; }
#nav_supp h4 { float : left; clear : left; margin-right : 30px; color : #fff; }

/* =h5 */
h5 { font-size : 1em; font-weight : bold; }

/* =h6 */
h6 { font-size : 1em; font-weight : bold; }

/* =p */
#nav_main p { width : 435px; margin : 0; padding-top : 18px; font-size : 1.25em; font-style : normal; font-weight : bold; color : #fff; }
#siteinfo p { margin-right : 174px; }

/* =ul */
ul { list-style-type : none; list-style-position : inside; margin-left : 0; padding-left : 0; }
#branding ul { margin : 0 0 0 574px; padding : 0; }
#nav_main ul { position : absolute; top : 16px; left : 575px; margin : 0; padding-left : 18px; border-left : 1px solid #203a53; font-weight : bold; }


/* =ol */
ol { list-style-type : decimal; }

/* dt */
dt { font-weight : bold; }
dt#cs01 { margin : 0; padding : 0; width : 170px; height : 30px; background : url(../siteimages/cs01_h4.png) no-repeat 0 0; text-indent : -9999px; }
dt#cs02 { margin : 0; padding : 0; width : 170px; height : 30px; background : url(../siteimages/cs03_h4.png) no-repeat 0 0; text-indent : -9999px; }
dt#cs03 { margin : 0; padding : 0; width : 170px; height : 30px; background : url(../siteimages/cs02_h4.png) no-repeat 0 0; text-indent : -9999px; }
dt#cs04 { margin : 0; padding : 0; width : 170px; height : 30px; background : url(../siteimages/cs04_h4.png) no-repeat 0 0; text-indent : -9999px; }
dt#cs01 a, dt#cs02 a, dt#cs03 a, dt#cs04 a { display : block; width : 170px; height : 30px; }
dt#cs01 a:hover, dt#cs02 a:hover, dt#cs03 a:hover, dt#cs04 a:hover { background : none; }

/* dd */
dd { margin-left : 0; margin-bottom : 1.5em; padding-bottom : 1.5em; border-bottom : 1px solid #203a53; }
dd:last-child { border-bottom-width : 0; }

/* =li */
#branding li { display : inline; margin-right : 10px; padding-right : 10px; border-right : 1px solid #203a53; }
#branding li:last-child { margin-right : 0; padding-right : 0; border-right-width : 0; }
#content_supp li { float : left; width : 24.5%; }
#nav_supp li { display : inline; margin-right : 10px; padding-right : 10px; border-right : 1px solid #203a53; }
#nav_supp li:last-child { margin-right : 0; padding-right : 0; border-right-width : 0; }

/* =blockquote */
blockquote { font-style : italic; }
#branding blockquote { margin : 0 0 0 574px; padding : 17px 0 0 0; font-style : normal; color : #fff; }

/* =vcard */
.vcard { padding-left : 45px; background : url(../siteimages/vcard.png) no-repeat 10px 0; }
#nav_supp .vcard { position : absolute; top : -20px; right : 70px; width : 200px; padding-top : 80px; padding-left : 0; background : url(../siteimages/vcard.jpg) no-repeat 100% 0; text-align : right; }
.org { font-weight : bold; }
.street-address, .locality, region, .postal-code { display : block; }
.country-name { display : none; }

/* =fancy images */
img.fl { float : left; position : relative; left : -45px; margin-right : -30px; }
img.frp { float : right; position : relative; left : 70px; margin-left : -60px; margin-bottom : 20px; }
img.flp { float : left; position : relative; left : -50px; margin-right : -50px; margin-bottom : 20px; width : 120px; height : 130px; }

/* =a */
a { color : #adbcd5; text-decoration : none; }
a:focus, a:hover { background-color : #adbcd5; color : #000; text-decoration : none; }
h4 a { display : block; width : 170px; height : 20px; }
h4 a:hover { background-color : transparent; }
#branding h1 a { display : block; width : 407px; height : 112px; overflow : hidden; cursor : pointer; }
#branding h1 a:hover { background-color : transparent; }
#branding a, #nav_supp a, #siteinfo a  { background-color : transparent; color : #fff; text-decoration : none; }
#branding a:hover, #nav_supp a:hover, #siteinfo a:hover  { background-color : #adbcd5; color : #000; text-decoration : none; }

/* =etc */
.cb { clear : both}

/* =form */
form { margin : 0; padding : 0 0 1.5em 0; }

/* =label */
label { overflow : hidden; font-weight : bold; margin : 0 0 10px 0; padding : 0; }
label, label span { display : block; }
label span { float : left; width : 100px; }
#req_reply label span { float : none; }

/* =input */
input[type="text"] { width : 200px; background-color : #001a33; border : 3px double #203a53; font-size : 99%; color : #fff; }

/* =textarea */
textarea { width : 200px; font-size : 99%; background-color : #001a33; border : 3px double #203a53; color : #fff; }

/* =layout */
html { border-top : 4px solid #7f99b2; color : #adbcd5;  }
body { background : #001a33;  }
#container { width : 960px; margin : 0 auto; }
#branding { position : relative; width : 960px; margin : 0 auto; min-height : 148px; }
#nav_main { position : relative; width : 960px; min-height : 8.5em; }
#content { width : 100%; padding-top : 1.5em; overflow : hidden; }
#content:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
#content_main { float : right; width : 683px; padding : 1.5em 0; }
#content_main:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
#content_main .col { float : left; width : 49.5%; }
#content_main .one { float : left; width : 330px; }
#content_main .two { float : right; width : 330px; }
#content_sub { float : left; width : 249px; padding : 1.5em 0; }
#content_supp { clear : both; width : 100%; padding : 16px 0 19px 0; background : url(../siteimages/content_supp.png) no-repeat 100% 0; }
#content_supp:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.container { background-color : #00264c; border-top : 1px solid #203a53; }
#nav_supp { position : relative;  width : 960px; margin : 0 auto; padding : 3em 0; }
#siteinfo { width : 960px; min-height : 14em; margin : 0 auto; padding : 19px 0 4em 0; }

/* =index */
.index li h2 { margin : 0; padding : 0; width : 270; height : 50px; text-indent : -9999px; }
.index #ss01 h2 { background : url(../siteimages/ss01_h2.png) no-repeat; }
.index #ss02 h2 { background : url(../siteimages/ss03_h2.png) no-repeat; }
.index #ss03 h2 { background : url(../siteimages/ss02_h2.png) no-repeat; }
.index #ss04 h2 { background : url(../siteimages/ss04_h2.png) no-repeat; }
.index #content li { padding-top : 17px; background : url(../siteimages/content_li.png) no-repeat 100% 0; }
.index #ss01 { position : absolute; top : 0; left : 0; width : 555px; }
.index #ss02 { position : absolute; top : 22em; left : 0; width : 555px; }
.index #ss03 { position : absolute; top : 0; left : 575px; width : 384px; }
.index #ss04 { position : absolute; top : 22em; left : 575px; width : 384px; }
.index #content p { float : left; width : 180px; margin : 0 10px 0 0; padding : 0; }
.index #content p:last-child { margin-right : 0; }
.index #content img { float : left; margin : -17px 17px -17px 0; }
.index #content #ss02 img, .index #content #ss03 img { margin-left : 0; }
.index h2 a { display : block; width : 270px; height : 50px; }
.index h2 a:hover { background-color : transparent; }
.index #content p:first-line { font-weight : bold; color : #fff; }
.index #content { position : relative; min-height : 44em; }

#slideshow { position : relative;  margin : 1.5em 0; width : 968px; height : 360px; }
#slideshow-images { position : absolute; top : 0; left : 0; z-index : 1; width : 968px; height : 360px;  }
#slideshow p { position : absolute; bottom : 25px; left : 40px; z-index : 2; margin : 0; padding : 0; width : 600px; font-size : 1.2em; color : #fff; letter-spacing : 1px; }

/* =section */
.section h2 + p { font-weight : bold; color : #fff; }

/* =article */
.article h2 + p { font-weight : bold; color : #fff; }
.article #content ul { list-style-type : disc; }
.article #content h3 { margin-top : 3em; }
.article #content h3:first-child, .article #content img:first-child + h3 { margin-top : 0; }

/* =contact */
.contact h2 + p { font-weight : bold; }
.contact #content_main > .one { width : 400px; }
.contact #content_main > .two { width : 240px; border-left : 1px solid #203a53; }