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

Updated CSS: October 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 { font : 75%/1.5 Helvetica, Arial, Verdana, 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 : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 0; font-weight : normal; }
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; }
del { color : #666; }
blockquote { margin : 0 0 1.5em 0; }
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 #433b34; 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  
----------------------------------------------------------------------------------------- */

/* =html */
html { background : #fff; }	

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

/* =h1 */
h1 { position : absolute; left : 30px; top : 10px; width : 144px; height : 123px; margin : 0; padding : 0; background : url(../../siteimages/h1.png) repeat-x 0 0; text-indent : -9999px; }

/* =a */
a, a:visited { color : #c93b0e; text-decoration : none; }
a:hover, a:active, a:focus { text-decoration : underline; }
h1 a { display : block; width : 144px; height : 123px; }
#download a { text-decoration : none; }


/* =nav-main
----------------------------------------------------------------------------------------- */

#nav-main ul { float : left; margin : 0 0 0 240px; padding : 0; }
#nav-main li { float : left; display : block; }
#nav-main li#ab { background : url(../../siteimages/nav_ab.png) repeat-x 0 0; }
#nav-main li#nw { background : url(../../siteimages/nav_nw.png) repeat-x 0 0; }
#nav-main li#cs { background : url(../../siteimages/nav_cs.png) repeat-x 0 0; }
#nav-main li#cu { background : url(../../siteimages/nav_cu.png) repeat-x 0 0; }
#nav-main li#ts { background : url(../../siteimages/nav_ab.png) repeat-x 0 0; }
#nav-main a { float : left; display : block; padding : 20px 20px 10px 20px; color : #fff; font-weight : bold; text-decoration : none; text-transform : uppercase; text-shadow : #000 1px 1px 1px; }


/* =layout
----------------------------------------------------------------------------------------- */
#container { position : relative; width : 940px; margin : 0 auto; /* background :  url(../../siteimages/grid.png); */ }
#branding { position : relative; width : 940px; height : 96px; }
#content { width : 940px; }



/* =home
----------------------------------------------------------------------------------------- */

.home  #nav-main { overflow : hidden; width : 940px; margin-bottom : 1.5em; background : #5f7a57 url(../../siteimages/nav_main.png) repeat-x 0 0;  }

.home #content-main { overflow : hidden; width : 940px; margin-bottom : .75em; padding-bottom : 1.5em; border-bottom : 3px solid #f3f0dc; }
.home #content-main .one { float : left; width : 400px; margin-right : 20px; }

.home #content-main .two { float : right; width : 520px; }
.home #content-main #content-introduction { margin-bottom : 1.5em; padding : 10px 20px; background-color : #f3f0dc; border : 1px solid #dfdfdf; }
.home #content-main #download { float : right; width : 102px; margin : -40px 0 0 20px; }
.home #content-main #download img { border : 1px solid #fff; }
.home #content-main #download img:hover { border : 1px solid #c93b0e; }
.home #content-main #content-introduction p:last-child { margin-bottom: 1em; }
.home #content-main .photo { float : left; margin : 0 20px 20px 0; padding : 10px; background-color : #f3f0dc; border : 1px solid #dfdfdf; }

.home #content-sub { overflow : hidden; width : 940px; }
.home #content-sub > div { float : left; width : 182px; margin-right : 60px; }
.home #content-sub .four { margin-right : 0; }
.home #content-sub > p { clear : left; }
.home #content-sub img { width : 160px; padding : 10px; background-color : #f3f0dc; border : 1px solid #dfdfdf; }
.home #content-sub img:hover { border : 1px solid #c93b0e; }
.home #content-sub h4 { margin : -10px 0 0 0; } 

.home #content-supp { overflow : hidden; width : 900px; padding : 1.5em 20px; background-color : #f3f0dc; }
.home #content-supp > div { float : left;  }
.home #content-supp .one { width : 220px; margin-right : 60px; }
.home #content-supp .two { width : 200px; margin-right : 20px; }
.home #content-supp .tel { margin-bottom : 1.5em; }
.home #content-supp .three { float : right; width : 320px; }
.home #content-supp .three img { float : left; margin : 0 5px 5px 0; padding : 10px; background-color : #fff; border : 1px solid #dfdfdf; }
.home #content-supp .three img:hover { border : 1px solid #c93b0e; }
.home #content-supp .photos { overflow : hidden; }

.home #siteinfo { overflow : hidden; width : 640px; margin-bottom : 1.5em; padding : 1.5em 0 6em 300px; background : #cfcdad url(../../siteimages/siteinfo.jpg) no-repeat 15px 25px; }
.home #siteinfo li { display : inline; padding-right : 20px; }

.home #content-main .one p { margin-bottom : 0; }
p.more { clear : left; margin-top : .75em; padding-top : .75em; border-top : 1px solid #f3f0dc; }
p.rss { padding-top : .75em; border-top : 1px solid #f3f0dc; }
p.rss a { display : block; min-height : 15px; padding-left : 20px; background : url(../../siteimages/a-rss.png) no-repeat 0 50%; }

#slider {  position : relative; width : 370px;  padding : 10px; background-color : #f3f0dc; border : 1px solid #dfdfdf; }
.scroll { width : 370px; height : 380px;  overflow : auto; overflow-x : hidden; position : relative; clear : left; }
.scrollContainer div.panel { height : 380px;  width : 370px; }
.panel img { padding : 10px; background-color : #fff; }

ul.navigation { list-style : none; margin : .75em 0 0 0; }
ul.navigation li { display : inline; line-height : 15px; margin-right : 1px; }
ul.navigation a  { padding : 3px 5px; text-decoration: none; background : #fff; }
ul.navigation a:hover { background-color: #c93b0e; color : #fff; }
ul.navigation a.selected { background: #c93b0e; color : #fff; }
ul.navigation a:focus { outline: none; }
.hide { display: none; }


/* =border-radius
----------------------------------------------------------------------------------------- */

#slider  { border-radius : 5px; -moz-border-radius : 5px;  -webkit-border-radius : 5px; }
ul.navigation a { border-radius : 5px; -moz-border-radius : 5px;  -webkit-border-radius : 5px; }
.home  #nav-main  { border-radius : 5px; -moz-border-radius : 5px;  -webkit-border-radius : 5px; }
.home #content-main #content-introduction { border-radius : 5px; -moz-border-radius : 5px;  -webkit-border-radius : 5px; }