/****************************************************************
AUTHOR: JAMES LOVE  - www.jameslove.co.uk / hello@jameslove.co.uk
DATE: JAN.2009
*****************************************************************
------------------------------------------------------------- 
Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: transparent; margin: 1.5em 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
/* Removes Firefox imposed outline */
a { outline: none; font-size:100%}
/* Clearing floats without extra markup  */
.clearing{ display: inline-block; }
.clearing:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearing{ height: 1%; }
.clearing { display: block; }
.clear-both{clear:both}
.skiplinks{text-indent:-5000px;height:1px;margin:0;padding:0;}
/*TYPOGRAPHY*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {color: #666; font-family:Helvetica, Arial, sans-serif; font-size:81.25% }
p{margin-bottom:1em;font-size:100%}
/* Headings */
h1,h2,h3,h4,h5,h6 {color:#1cb6ff;font-weight:bold; font-family:Helvetica,Arial, sans-serif;font-size:100%  }
h1 { line-height: 1; margin-bottom: 0; }
#main-content h1,#main-content h2 {padding:4px 0 12px 0;margin-bottom:5px;background:transparent url(../img/bg_whitestroke.gif) no-repeat 0 bottom}
#main-content h2{clear:both;margin-top:20px; background:transparent url(../img/bg_header.gif) no-repeat}



body{background-color:#e8e8e8;padding:0 0 0 20px;line-height:1em}
a{color:#666; }
#wrapper{width:1045px}
#branding{margin-bottom:25px}
#branding h1{text-indent:-5000px;width:262px; height:80px;background: transparent url(../img/logo-blackwatch.gif) no-repeat}
#menu{float:left;width:277px; }
#menu p{margin:0;padding:0}
#menu ul{margin-right:15px;border-top:solid 1px #fff;list-style-type:none;padding:3px 0 9px 0}
#menu ul li{padding:1px 0}
#menu ul li a{text-decoration:none;font-size:121%}
#menu ul li.section-title,#menu ul li.section-title a{color:#333;font-weight:bold;font-size:121%}
/* style to mimic list items in nav ...for validation purposes- system places <p> tag around item s- see settings page in Studio*/
#menu p  a.index-link{color:#333 ;font-weight:bold;text-decoration:none;display:block;margin-right:15px;border-top:solid 1px #fff;padding:3px 0 11px 0;}
#menu p span.contact-link{display:block;margin-right:15px;border-top:solid 1px #fff;list-style-type:none;padding:3px 0 9px 0;color:#333;font-weight:bold;}
#menu p span.contact-link a{display:block;font-weight:normal;text-decoration:none;}
 

#main-content{float:left;width:768px;line-height:1.2em;background:transparent url(../img/bg_whitestroke.gif) no-repeat 0 0;font-size:100%}
#main-content img{margin-bottom:5px;background-color:#e8e8e8}
#main-content object,#main-content embed{margin-bottom:3px}
#main-content div.two-col{float:left;margin: 0 13px 20px 0 ;border-top:solid 1px #fff;width:260px;padding-top:5px}