@import url("http://server28.sitewizard.co.uk/wysiwyg_clean/plugins/templates/templates/sw-templates.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, 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; } table, tbody, tfoot, thead, tr, th, td { vertical-align:top; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; }

/* globals and reusable styles */

body { padding:20px; font:14px/20px arial, sans-serif; color:#858585; }
table, input, textarea, select, button { font:1em arial, sans-serif; }
table { margin:0 auto 20px; }
p, .shout, .shout2, h1, h2, h3, h4, h5, h6, ul, blockquote { margin-bottom:20px; }
ul { margin-left:30px; list-style:square; color:#404040; }
a { color:#1665af; font-weight:bold; font-weight:bold; }
a:hover { text-decoration:none; }
h1 { font-size:30px; line-height:34px; color:#1665af; font-weight:normal; } 
h2 { font-size:20px; line-height:24px; color:#1665af; font-weight:normal; } 
h3 { font-size:18px; line-height:22px; color:#2b2b2b; border-bottom:5px solid #ebebeb; padding-bottom:11px; font-weight:normal; } 
h4 { font-size:16px; line-height:21px; color:#1665af; } 
h5 { font-size:16px; line-height:21px; color:#2b2b2b; }
h6 { color:#fff; background:#1665af; padding:8px 12px; }
hr { background:#ebebeb; border:0; height:10px; margin-bottom:30px; }
img.clsleft { margin-right:20px; margin-bottom:15px; float:left; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsright { margin-left:20px; margin-bottom:15px; float:right; }
img.clsborderleft { border:1px solid #ebebeb; padding:4px; margin-right:20px; margin-bottom:15px; float:left; } 
img.clsbordermiddle { border:1px solid #ebebeb; padding:4px; margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsborderright { border:1px solid #ebebeb; padding:4px; margin-left:20px; margin-bottom:15px; float:right; }
.border { border:1px solid #ebebeb; padding:4px; } 
.noborder { border:0; }
.datatable { border-top:1px solid #ebebeb; }
.datatable th {  } 
.datatable td { border-bottom:1px solid #ebebeb; padding:8px 4px;  } 
.notes { font-size:12px; } 
.shout { font-size:19px; line-height:24px; color:#404040; margin-bottom:25px; } 
.shout2 { font-size:16px; line-height:23px; color:#fff; background:#212121; padding:27px; } 
.quote, blockquote { background:#212121; font:24px/30px georgia, serif; font-style:italic; color:#fff; padding:30px; border-radius:5px; position:relative; overflow:hidden; margin-bottom:23px; }
.quote strong, blockquote strong { display:block; font:14px/19px arial, sans-serif; color:#8e8e8e; margin-top:15px; font-weight:bold; }
.quote:after, blockquote:after { content:""; position:absolute; right:10px; bottom:10px; font-size:0; line-height:0; width:0; border-top:35px solid #212121; border-right:35px solid #1665af; }
.caption { float:right; width:220px; padding:27px; margin:0 0 0 45px; background:#212121; color:#fff; } 
.custom1 {  } 
.custom2 {  } 
.clear { clear:both; }
.two-col-left, .two-col-right { width:390px; }
.container { width:900px; padding:30px; margin:0 auto 30px; position:relative; }
.highlight-box-right { background:#212121; }

/* structure */

#main { background:#fff; padding-top:0; border-radius:0 0 5px 5px; }
#banner { width:958px; height:530px; background:url(top-pic.jpg) no-repeat; position:absolute; left:1px; }
#banner-bottom { background:#212121; width:100%; height:30px; position:absolute; bottom:-31px; }
#top { height:500px; position:relative; }
#sitelogo { display:block; width:230px; height:170px; position:absolute; left:30px; z-index:300; background:url(sitelogo-back.gif) #fff repeat-x left top; border-radius:0 0 5px 5px; box-shadow:2px 2px 0 2px rgba(0,0,0,0.04); }
#sitelogo img {  position:absolute; left:20px; bottom:67px; }
#top-tel { position:absolute; right:0; bottom:30px; z-index:200; text-align:right; display:none;}
#top-tel span { display:inline-block; background:#212121; font-size:15px; line-height:1; text-transform:uppercase; color:#8e8e8e; font-weight:bold; padding:12px 12px 0; border-radius:5px 5px 0 0; position:relative; top:7px; }
#top-tel strong { display:block; background:#212121; font-size:30px; line-height:1; color:#fff; padding:10px 12px; font-weight:normal; border-radius:5px 0 5px 5px; }
#nav { background:#1665af; width:900px; height:46px; position:relative; top:30px; z-index:200; border-radius:5px; text-align:right; }
#nav, #nav ul { margin:0; list-style:none; }
#nav li, #nav li a { height:46px; line-height:44px; display:inline-block; position:relative; }
#nav li a { color:#fff; font-size:15px; text-transform:uppercase; text-decoration:none; margin-right:15px; padding:0 8px; }
#nav li a:hover { color:#212121; }
#nav ul { display:none; position:absolute; left:-8px; background:#212121; text-align:left; width:200px; border-radius:0 0 5px 5px; }
#nav ul li, #nav ul a { height:auto; line-height:17px; display:block; margin:0; }
#nav ul a { padding:12px 15px; }
#nav ul a:hover { color:#8e8e8e; }
#nav li:hover ul { display:block; }
#nav #active,#nav #active:hover { color:#fff; cursor:default; opacity:0.6; }
#content { min-height:270px; background:#fff; position:relative; z-index:100; padding:30px 30px 10px; border-radius:5px 5px 0 0; }
#bottom { background:#212121; color:#fff; border-radius:5px; line-height:21px; margin-bottom:100px; }
#bottom .shout { color:#fff; margin-bottom:20px; }
#bottom a { font-weight:normal; color:#fff; }
#bottom strong { color:#8e8e8e; }
#copyright { position:absolute; left:3px; bottom:-35px; }
#sitewizard { position:absolute; right:3px; bottom:-35px; }
#sitewizard, #sitewizard a { color:#fff; font-size:11px; font-weight:normal; text-decoration:none; }
#sitewizard a:hover { color:#212121; }

#contact-form input {width:360px; padding:10px; float:left; background:#fff; border:1px solid #ccc; font-family:Arial, sans-serif; font-size:13px; color:#000; margin-bottom:8px;}
#contact-form textarea {width:360px; height:105px; padding:10px; float:left; display:block; background:#fff; border:1px solid #ccc; font-family:Arial, sans-serif; font-size:13px; color:#000; margin-bottom:8px;}
#contact-form #send-button {width:208px; padding:8px; float:left; background:#1665AF; color:#fff; font-weight:bold; border:0; cursor:pointer; text-transform:uppercase; margin:5px 0 0 325px; font-size:16px;}
label {width:150px; float:left;}


