/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/
html, body
{
margin:0;
padding:0;
width: 100%;
}
body
{
font-family: arial, verdana, "lucida grande", sans-serif;
font-size: 62.5%;
background-color: #fff;
margin: 0 auto 0 auto;
width: 100%;
text-align: center;
}

/* Forces scroll in Mozilla and stops page shift because of scroll bar */
html { min-height: 100%; margin-bottom: 1px; }

a:link { text-decoration: underline; }
a:visited { text-decoration:underline; }
a:hover { text-decoration: underline; }

a.external:link { background: url(images/external-link.gif) no-repeat 100% 0; padding: 0 10px 0 0; }
a.external:visited { background: url(images/external-link.gif) no-repeat 100% 0; padding: 0 10px 0 0; }

ul.icons li.small, ul.icons li.small a{background: url(images/small.gif);background-repeat: no-repeat;}


body.low{color: #000;}
body.low a:link, body.low a:visited{color: #000;}
body.low a:hover, body.low a:active{color: #333;}

body.medium{color: #666666;}
body.medium a:link, body.medium a:visited{color: #333;}
body.medium a:hover, body.medium a:active{color: #666;}

body.high{color: #000;}
body.high a:link, body.high a:visited{color: #333;}
body.high a:hover, body.high a:active{color: #000;}

img, form, h1, h2, h3
{
margin: 0;
padding: 0;
display: block;
}
img
{
border: 0 none;
}
h2
{
margin: 4px 0 0 0;
padding: 4px 7px;
color: #fff;
font-size: 1.2em;
}

div.padding h2 { padding:9px 7px; }

h3
{
font-size: 1.2em;
padding: 0;
margin: 0 0 7px 0;
}
h4
{
font-size: 1.2em;
padding: 0;
margin: 0 0 7px 0;
}
p
{
font-size: 1.2em;
line-height: 1.5em;
padding: 0;
margin: 0 0 8px 0;
}

em { font-style:normal; font-weight:bold; }
ul, ol
{
padding: 0 0 6px 10px;
margin: 0 0 6px 10px;
}
ul li, ol li, dl dt
{
font-size: 1.2em;
line-height: 1.5em;
padding: 0;
margin: 2px 0 4px 0px;
}
ul ul, ol ol
{
margin: 0 0 10px 10px;
}
li li
{
font-size: 1em;
}

.italic { font-style:italic; }
.bluefont { color:#00ADEF; }

/*
---------------------------------------------
02. LAYOUT ELEMENTS
---------------------------------------------
*/

#print-logo { float:left; width:300px; display:none; }
#print-top {  float:right; width:300px; margin-top:15px; margin-right:15px; text-align:right; display:none; }
#print-footer { display:none; }


div.narrow
{
margin: 0 auto 0 auto;
width: 774px;
text-align: left;
}
div.narrow div.inner
{
float: left;
width: 774px;
}
div.wide
{
margin: 0 auto 0 auto;
width: 1000px;
text-align: left;
}
div.wide div.inner
{
float: left;
width: 1000px;
}
div.fluid
{
margin: 0 auto 0 auto;
width: 97%;
text-align: left;
}
div.fluid div.inner
{
float: left;
width: 99.9%;
}
div.inner
{
display: block;
}

#header {
      display: block; float: left; width: 100%; clear: both;
}
#top {
      display: block; float: left; width: 100%;
}
/*#top {
      float: none
}*/
#header {
z-index: 10;
position: relative;
}
#footer {
clear: both;
width:100%;
height:32px;
}
#top {
padding-right: 0px;
padding-left: 0px;
z-index: 20;
background: #fff;
left: 0px;
padding-bottom: 3px;
padding-top: 3px; /*position: absolute;*/ top: 0px;
height:22px;
}

#top p
{
margin: 0;
padding: 2px 0 0 0;
font-weight: bold;
font-size: 1.1em;
}
div.searchicons
{
float: right;
width: 255px;
}

/*
---------------------------------------------
03. CONSTANT STYLES
---------------------------------------------
*/

div.clear
{
clear: left;
}
#wrapper
{
clear:both;
float:right;
width:100%;
margin-left:-200px;
}

#col1
{
float: left;
width: 200px
}
#col1home
{
float: left;
width: 200px
}
#col12holder
{
margin-left:200px
}
#col12holderhome
{
margin-left:200px
}
#col1home h3 {
color:#FFFFFF;
}

div.super div.inner #col12holder, div.super div.inner #col12holderhome
{
margin-right: -1px;
}
#col2
{
float: left;
width: 50%;
}
#col3
{
float: right;
width: 50%;
}
div.padding
{
display: block;
padding: 2px;
padding-bottom: 0;
}
#col1 div.padding
{
2px 2px 2px 0;
}
div.doublepadding
{
display: block;
margin: 0 2px 2px 2px;
padding: 4px 0 4px 0;
background: #fff;
height: 20px;
}
div.col1inner, div.col2inner, div.col3inner
{
display: block;
color: #fff;
padding: 10px 7px 4px 7px;
margin: 0;
}

/*
---------------------------------------------
03. HEADER & NAVIGATION ELEMENTS
---------------------------------------------
*/
#top
{
margin: 2px 0px 0px 0px;
}
#top h1.strapline
{
float: left;
width: 515px;
overflow:hidden;
padding: 2px 0 0 7px;
font-size: 1.1em;
line-height: 1.6em;
padding: 0;
margin: 3px 0 5px 0;
height: 15px;
}
div.searchbox p, div.searchbox input
{
font-size: 1em;
padding-left:3px;
margin: 0;
}
div.searchbox #search
{
width: 100px;
}
div.searchbox #go
{
width: 32px;
}
ul.icons, div.searchbox
{
float: right;
margin: 3px 5px 0 0;
padding: 0;
list-style-type: none;
}
div.searchbox
{
margin: -1px 5px 0 0;
}
ul.icons li, ul.icons li a
{
float: left;
margin: 0px;
padding: 0px;
width: 16px;
height: 16px;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
text-decoration: none;
}

ul.icons li.small, ul.icons li.small a{background: url(images/small.gif);background-repeat: no-repeat;}
ul.icons li.normal, ul.icons li.normal a{background: url(images/normal.gif);background-repeat: no-repeat;}
ul.icons li.large, ul.icons li.large a{background: url(images/large.gif);background-repeat: no-repeat;}

ul.icons li.orange, ul.icons li.orange a{background: url(images/orange.gif);background-repeat: no-repeat;}
ul.icons li.blue, ul.icons li.blue a{background: url(images/blue.gif);background-repeat: no-repeat;}
ul.icons li.red, ul.icons li.red a{background: url(images/red.gif);background-repeat: no-repeat;}
ul.icons li.green, ul.icons li.green a{background: url(images/green.gif);background-repeat: no-repeat;}

ul.icons li.low, ul.icons li.low a{background: url(images/low.gif);background-repeat: no-repeat;}
ul.icons li.medium, ul.icons li.medium a{background: url(images/medium.gif);background-repeat: no-repeat;}
ul.icons li.high, ul.icons li.high a{background: url(images/high.gif);background-repeat: no-repeat;}

ul.icons li.narrow, ul.icons li.narrow a{background: url(images/narrow.gif);background-repeat: no-repeat;width: 15px;}
ul.icons li.wide, ul.icons li.wide a{background: url(images/wide.gif);background-repeat: no-repeat;width: 17px;}
ul.icons li.fluid, ul.icons li.fluid a{background: url(images/fluid.gif);background-repeat: no-repeat;width: 22px;}

#header .logo
{
margin: 12px 0px 0px 0px;
padding: 0px;
float: left;
width: 238px;
height: 111px;
display: block;
text-decoration: none;
border-bottom: 0px none;
}

* html #header .logo {
  height: 99px;
  }
  
#header .logo img {
float:left;
margin-top:11px;
}


#header h1 a:hover
{
text-decoration: none;
border-bottom: 0px none;
}

#header div.banner
{
width: 423px;
height:123px;
float: right;
}

#header div.copyright
{
width: 423px;
height:123px;
background: url(images/banner/copyright.png);
}


#header div.home { background: url(images/banner/large/doublespark-web-design.png); }

#header div.website-design { background: url(images/banner/large/website-design.png); }
#header div.sme-website-design { background: url(images/banner/large/sme-website-design.png); }
#header div.ecommerce-systems { background: url(images/banner/large/ecommerce-systems.png); }
#header div.web-applications { background: url(images/banner/large/web-applications.png); }
#header div.intranets-and-extranets { background: url(images/banner/large/intranets-and-extranets.png); }
#header div.web-hosting { background: url(images/banner/large/web-hosting.png); }
#header div.website-maintenance { background: url(images/banner/large/website-maintenance.png); }
#header div.website-copywriting { background: url(images/banner/large/website-copywriting.png); }
#header div.website-standards { background: url(images/banner/large/website-standards.png); }

#header div.graphic-design { background: url(images/banner/large/graphic-design.png); }
#header div.corporate-identity-branding { background: url(images/banner/large/corporate-identity-branding.png); }
#header div.logo-design { background: url(images/banner/large/logo-design.png); }
#header div.printed-literature { background: url(images/banner/large/printed-literature.png); }
#header div.advertising { background: url(images/banner/large/advertising.png); }
#header div.photography { background: url(images/banner/large/photography.png); }


#header div.seo-services { background: url(images/banner/large/seo-services.png); }
#header div.search-engine-optimisation { background: url(images/banner/large/search-engine-optimisation.png); }
#header div.pay-per-click { background: url(images/banner/large/pay-per-click.png); }
#header div.integrated-campaigns { background: url(images/banner/large/integrated-campaigns.png); }
#header div.free-seo-assessment { background: url(images/banner/large/free-seo-assessment.png); }

#header div.resources { background: url(images/banner/large/resources.png); }

#header div.about-doublespark { background: url(images/banner/large/about-doublespark.png); }

#header div.blog { background: url(images/banner/large/blog.png); }

#header div.contact { background: url(images/banner/large/contact.png); }

#header div.sitemap{ background: url(images/banner/large/sitemap.png); }
#header div.privacy { background: url(images/banner/large/privacy.png); }
#header div.terms { background: url(images/banner/large/terms.png); }
#header div.accessibility { background: url(images/banner/large/accessibility.png); }
#header div.quality { background: url(images/banner/large/quality.png); }


#header p
{
float: right;
width: 200px;
padding: 15px 12px 0 0;
margin: 0;
color: #fff;
font-size: 1.2em;
line-height: 1.1em;
}

#nav
{
float: left;
width: 100%;
margin: 0;
}
#nav ul
{
width: 100%;
list-style-type: none;
padding: 0;
margin: 0;
}
#nav ul li
{
float: left;
width: 10%;
text-align: center;
padding: 0;
margin: 0;
display: block;
font-size: 1.2em;
font-weight: bold;
}
#nav ul li
{
border-right:#fff 1px solid;
}
.border_left
{
border-left:#fff 1px solid;
margin-left: -1px;
}
#nav ul li.noborder_right
{
border-right: 0 none;
margin-right: 0;
}

#nav ul li a
{
width: 100%;
display: block;
text-decoration: none;
padding: 3px 0 3px 0;
color: #fff;
}
#nav ul li a.active
{
background: #666;
border-left:#fff 1px solid;
margin-left: -1px;
}
.active
{
background: #666;
}
#nav ul li a:hover
{
background: #a7a9ac;
}
#nav ul li a:hover.active
{
background: #666;
}

.image-left
{
margin: -4px 0 -4px 0;
height: 137px;
background-repeat: no-repeat;
background-position: left bottom;
}


div.home { background: url(images/banner/small/doublespark-web-design.png); }

div.website-design { background: url(images/banner/small/website-design.png); }
div.sme-website-design { background: url(images/banner/small/sme-website-design.png); }
div.ecommerce-systems { background: url(images/banner/small/ecommerce-systems.png); }
div.web-applications { background: url(images/banner/small/web-applications.png); }
div.intranets-and-extranets { background: url(images/banner/small/intranets-and-extranets.png); }
div.web-hosting { background: url(images/banner/small/web-hosting.png); }
div.website-maintenance { background: url(images/banner/small/website-maintenance.png); }
div.website-copywriting { background: url(images/banner/small/website-copywriting.png); }
div.website-standards { background: url(images/banner/small/website-standards.png); }

div.graphic-design { background: url(images/banner/small/graphic-design.png); }
div.corporate-identity-branding { background: url(images/banner/small/corporate-identity-branding.png); }
div.logo-design { background: url(images/banner/small/logo-design.png); }
div.printed-literature { background: url(images/banner/small/printed-literature.png); }
div.advertising { background: url(images/banner/small/advertising.png); }
div.photography { background: url(images/banner/small/photography.png); }


div.seo-services { background: url(images/banner/small/seo-services.png); }
div.search-engine-optimisation { background: url(images/banner/small/search-engine-optimisation.png); }
div.pay-per-click { background: url(images/banner/small/pay-per-click.png); }
div.integrated-campaigns { background: url(images/banner/small/integrated-campaigns.png); }
div.free-seo-assessment { background: url(images/banner/small/free-seo-assessment.png); }

div.resources { background: url(images/banner/small/resources.png); }

div.about-doublespark { background: url(images/banner/small/about-doublespark.png); }

div.blog { background: url(images/banner/small/blog.png); }

div.contact { background: url(images/banner/small/contact.png); }

div.sitemap{ background: url(images/banner/small/sitemap.png); }
div.privacy { background: url(images/banner/small/privacy.png); }
div.terms { background: url(images/banner/small/terms.png); }
div.accessibility { background: url(images/banner/small/accessibility.png); }
div.quality { background: url(images/banner/small/quality.png); }


div.col1inner.center { padding:0px; margin-top:4px; }

div.col1inner ul
{
padding: 0;
margin: 0;
list-style-type: none;
}
div.col1inner ul ul
{
padding: 0 0 6px 10px;
margin: 0 0 6px 10px;
}
div.col1inner ul li
{
font-weight: bold;
}
div.col1inner ul li a
{
display: block;
padding: 8px;
margin: 0;
border-bottom: solid 1px #fff;
text-decoration: none;
}
div.col1inner ul li a:visited
{
text-decoration: none;
}
div.col1inner ul li a.main
{
border-bottom: solid 1px #FFF;
border-top: solid 1px #FFF;
}
div.col1inner ul li a.main, div.col1inner ul li a:visited.main
{
text-decoration:none;
}
div.col1inner ul li a:hover.main { background-color:#A7A9AC; }

div.col1inner ul li a:active.main
{
background-color:#666 ;
text-decoration:none;
}
div.col1inner ul li a.sub.last
{
padding-bottom:8px;
}


div.col1inner ul li a.sub
{
border-bottom: none;
padding: 6px 8px 4px 20px ;
}

div.col1inner a:link, div.col1inner a:visited
{
color: #fff;
}
div.col1inner a:hover, div.col1inner a:active
{
background:#a7a9ac none repeat scroll 0%;
text-decoration: none;
color: #fff;
}
div.col1inner ul li
{
padding: 0px;
margin: 0px;
}

div.col1inner ul li .active
{
background:#666 none repeat scroll 0%;
cursor: default;
}

h3.orange { color:#F8981D; }

/*
---------------------------------------------
04.       ORANGE
---------------------------------------------
*/
div.orange .content a:link { color:#F8981D; }
div.orange .content a:visited { color:#F8981D; }
div.orange .content a:hover{ color:#666; }

div.orange .scroller h4{ color:#F8981D; }
div.orange .scroller .serviceMatrix a:link { text-decoration:underline; color:#F8981D; }
div.orange .scroller .serviceMatrix a:visited { text-decoration:underline; color:#F8981D; }
div.orange div.scroller .serviceMatrix a:hover{ text-decoration:none; color:#666; }

div.orange #blogList { color:#F8981D; }
div.orange #blogList a:link { color:#F8981D ;text-decoration:underline; }
div.orange #blogList a:hover { color:#666; }

div.orange .col1inner ul li a.main, div.orange col1inner ul li a:visited.main
{
background-color:#F8981D;
}

div.orange .breadcrumbs a:hover { color:#F8981D; }

div .searchbox p.orange input
{
color:#F8981D; 
}
div.orange h2, div.footerorange, div.headerorange
{
background: #F8981D;
}
div.orange .content .colouredfloatingbox h2, div.orange .col1inner.center h2
{
background-color:#F8981D; color:#FFFFFF; font-size:1.2em;
}
div.orange .content div.threeboxes h3
{
background-color:#F8981D;;
}
div.orange p.strapline, div.orange div.content h2, div.orange div.col1inner ul li
{
color: #F8981D;
}
div.orange div.col1inner ul li
{
background: #FDBE76;
}

div.orange div.col1inner.list ul li
{
color:#FFFFFF;
background: #A7A9AC;
font-weight:normal;
}
div.orange div.col1inner.list ul
{
list-style:disc;
list-style-position:inside;
margin-bottom:10px;
padding-left:10px;
}

div.orange div.col1inner
{
background: #A7A9AC;
}
div.orange div.col2inner, div.orange div.col3inner, div.navorange
{
background: #FDB15C;
}
div.orange .image-left
{
background-color: #F8981D;
}
/*
---------------------------------------------
04.       BLUE
---------------------------------------------
*/
div.blue .content a:link { color:#00A4E4; }
div.blue .content a:visited { color:#00A4E4; }
div.blue .content a:hover{ color:#666; }

div.blue .scroller h4{ color:#00A4E4; }
div.blue .scroller .serviceMatrix a:link { text-decoration:underline; color:#00A4E4; }
div.blue .scroller .serviceMatrix a:visited { text-decoration:underline; color:#00A4E4; }
div.blue .scroller .serviceMatrix a:hover{ text-decoration:none; color:#666; }

div.blue #blogList { color:#00A4E4; }
div.blue #blogList a:link { color:#00A4E4; text-decoration:underline; }
div.blue #blogList a:hover { color:#666; }

div.blue .breadcrumbs a:hover { color:#00A4E4; }

div.blue .col1inner ul li a.main, div.blue col1inner ul li a:visited.main
{
background-color:#00A4E4;
}

div .searchbox p.blue input
{
color:#00A4E4; 
}
div.blue h2, div.footerblue, div.headerblue
{
background: #00A4E4;
}
div.blue .content .colouredfloatingbox h2, div.blue .col1inner.center h2
{
background-color:#00A4E4; color:#FFFFFF; font-size:1.2em;
}
div.blue .content div.threeboxes h3
{
background-color:#00A4E4;;
}
div.blue p.strapline, div.blue div.content h2, div.blue div.col1inner ul li
{
color: #00A4E4;
}

div.blue div.col1inner ul li
{
background: #69C8ED;
}
div.blue div.col1inner
{
background: #A7A9AC;
}
div.blue div.col1inner.list ul li
{
color:#FFFFFF;
background: #A7A9AC;
font-weight:normal;
}
div.blue div.col1inner.list ul
{
list-style:disc;
list-style-position:inside;
margin-bottom:10px;
padding-left:10px;
}
div.blue div.col1inner
{
background: #A7A9AC;
}
div.blue div.col2inner, div.blue div.col3inner, div.navblue
{
background: #69C8ED;
}
div.blue .image-left
{
background-color: #00A4E4;
}
/*
---------------------------------------------
04.       RED
---------------------------------------------
*/
div.red .content a:link { color:#BF2E1A; }
div.red .content a:visited { color:#BF2E1A; }
div.red .content a:hover{ color:#666; }

div.red .scroller h4{ color:#BF2E1A; }
div.red .scroller .serviceMatrix a:link { text-decoration:underline; color:#BF2E1A; }
div.red .scroller .serviceMatrix a:visited { text-decoration:underline; color:#BF2E1A; }
div.red .scroller .serviceMatrix a:hover{ text-decoration:none; color:#666; }

div.red #blogList { color:#BF2E1A; }
div.red #blogList a:link { color:#BF2E1A; text-decoration:underline; }
div.red #blogList a:hover { color:#666; }

div.red .col1inner ul li a.main, div.red col1inner ul li a:visited.main
{ background-color:#BF2E1A; }

div.red .breadcrumbs a:hover { color:#BF2E1A; }

div .searchbox p.red input
{
color:#BF2E1A; 
}
div.red h2, div.footerred, div.headerred
{
background: #BF2E1A;
}
div.red .content .colouredfloatingbox h2, div.red .col1inner.center h2
{
background-color:#BF2E1A; color:#FFFFFF; font-size:1.2em;
}
div.red .content div.threeboxes h3
{
background-color:#BF2E1A;;
}
div.red p.strapline, div.red div.content h2, div.red div.col1inner ul li
{
color: #BF2E1A;
}
div.red div.col1inner ul li
{
background: #C96B5F;
}
div.red div.col1inner
{
background: #A7A9AC;
}
div.red div.col1inner.list ul li
{
color:#FFFFFF;
background: #A7A9AC;
font-weight:normal;
}
div.red div.col1inner.list ul
{
list-style:disc;
list-style-position:inside;
margin-bottom:10px;
padding-left:10px;
}
div.red div.col1inner
{
background: #A7A9AC;
}
div.red div.col2inner, div.red div.col3inner, div.navred
{
background: #C96B5F;
}
div.red .image-left
{
background-color: #BF2E1A;
}
/*
---------------------------------------------
04.       GREEN
---------------------------------------------
*/
div.green .content a:link { color:#9EB867; }
div.green .content a:visited { color:#9EB867; }
div.green .content a:hover{ color:#666; }

div.green .scroller h4{ color:#9EB867; }
div.green .scroller .serviceMatrix a:link { text-decoration:underline; color:#9EB867; }
div.green .scroller .serviceMatrix a:visited { text-decoration:underline; color:#9EB867; }
div.green .scroller .serviceMatrix a:hover{ text-decoration:none; color:#666; }

div.green #blogList { color:#9EB867; text-decoration:underline;  }
div.green #blogList a:link { color:#9EB867; }
div.green #blogList a:hover { color:#666; }

div.green .col1inner ul li a.main, div.green col1inner ul li a:visited.main
{
background-color:#9EB867;
}

div.green .breadcrumbs a:hover { color:#9EB867; }

div .searchbox p.green input
{
color:#9EB867; 
}
div.green h2, div.footergreen, div.headergreen
{
background: #9EB867;
}
div.green .content .colouredfloatingbox h2, div.green .col1inner.center h2
{
background-color:#9EB867; color:#FFFFFF; font-size:1.2em;
}
div.green .content div.threeboxes h3
{
background-color:#9EB867;
}
div.green p.strapline, div.green div.content h2
{
color: #9EB867;
}
div.green div.col1inner ul li
{
color: #BCD18F;
}
div.green div.col1inner ul li
{
background: #BCD18F;
}
div.green div.col1inner
{
background: #A7A9AC;
}
div.green div.col1inner.list ul li
{
color:#FFFFFF;
background: #A7A9AC;
font-weight:normal;
}
div.green div.col1inner.list ul
{
list-style:disc;
list-style-position:inside;
margin-bottom:10px;
padding-left:10px;
}
div.green div.col1inner
{
background: #A7A9AC;
}
div.green div.col2inner, div.green div.col3inner, div.navgreen
{
background: #BCD18F;
}
div.green .image-left
{
background-color: #9EB867;
}

div.low h2, div.footerlow, div.headerlow
{
background: #C1C1C1;
}
div.low div.col1inner ul li
{
color: #fff;
}
div.low p.strapline, div.low div.content h2, div.low h2, #nav.navlow ul li a
{
color: #000;
}
div.low div.col1inner
{
color: #000;
background: #C1C1C1;
}
div.low div.col2inner, div.low div.col3inner, div.navlow, div.low div.content
{
color: #000;
background: #ECECEC;
}
div.low div.col1inner a:link, div.low div.col1inner a:visited
{
color: #000;
}
div.low div.col1inner a:hover, div.low div.col1inner a:active
{
color: #000;
text-decoration: underline;
}

div.high h2, div.footerhigh, div.headerhigh
{
background: #7D7D7D;
}
div.high p.strapline
{
color: #000;
}
div.high div.content h2, div.high h2
{
color: #fff;
}
div.high div.col1inner ul li
{
color: #7D7D7D;
}
div.high div.col1inner
{
background: #262626;
}
div.high div.col2inner, div.high div.col3inner, div.navhigh, div.high div.content
{
color: #fff;
background: #262626;
}
div.high div.content a:link, div.high div.content a:visited
{
color: #7D7D7D;
}
div.high div.content a:hover, div.high div.content a:active
{
color: #fff;
}

/*
---------------------------------------------
05. CONTENT ELEMENTS
---------------------------------------------
*/

div.colouredfloatingbox
{
float: right;
padding-left:15px;
margin-top:0px;
}

div.colouredfloatingbox .col2inner a:link { color:#666; text-decoration:none; }
div.colouredfloatingbox .col2inner a:visited { color:#666; text-decoration:none; }

div.orange .content .colouredfloatingbox .col2inner a:hover{ color:#F8981D; }
div.blue .content .colouredfloatingbox .col2inner a:hover{ color:#00A4E4; }
div.red .content .colouredfloatingbox .col2inner a:hover{ color:#BF2E1A; }
div.green .content .colouredfloatingbox .col2inner a:hover{ color:#9EB867; }

div.colouredfloatingbox p.exclaimation
{
font-size: 5.8em;
line-height: 1em;
padding: 0 12px 0 0;
margin: 0;
float: left;
}
div.colouredfloatingbox p span.quotestart
{
font-size: 3em;
line-height: 1em;
float: left;
padding-right: 3px;
margin-top: -3px;
margin-bottom: -16px;
}
div.colouredfloatingbox p span.quoteend
{
font-size: 3em;
line-height: .8em;
vertical-align: top;
padding-left: 3px;
}

div.threeboxes
{
width: 100%;
float: left;
padding-top: 10px;
clear:right;
}

div.threeboxes .col2inner a:link { color:#666; text-decoration:none; }
div.threeboxes .col2inner a:visited { color:#666; text-decoration:none; }
div.threeboxes .col2inner a:hover { color:#FFF; }

div.threeboxes .col2inner a.nolink:link span { color:#FFF; }
div.threeboxes .col2inner a.nolink:visited span { color:#FFF; }
div.threeboxes .col2inner a.nolink:hover span { color:#FFF; cursor:text; }


div.colouredfloatingbox .col2inner a.nolink:link span { color:#FFF; text-decoration:none; }
div.colouredfloatingbox .col2inner a.nolink:visited span { color:#FFF; text-decoration:none; }
div.colouredfloatingbox .col2inner a.nolink:hover span { color:#666; text-decoration:none; cursor:text; }

div.threeboxes p
{
line-height:1.4em;
}

div.threeboxes .col2inner
{
padding:5px 7px 2px 7px;
}

div.box1, div.box2, div.box3
{
float: left;
width:33%;
}
div.box3
{
width:34%;
}

div.threeboxes h3
{
margin: 0px;
font-size: 1.2em;
font-style:normal;
padding:5px 8px;
color:#FFFFFF;
}


div.breadcrumbs
{
width:70%;
height:1.4em;
padding: 7px 0 3px 7px;
overflow:hidden;
}
div.breadcrumbs p
{
padding: 0;
margin: 0;
font-weight: bold;
color:#666;
font-size:1.1em; line-height:1.3em;
}
div.breadcrumbs a:link, div.breadcrumbs a:visited
{
font-size:1.1em; line-height:1.3em;
color:#666;
}
.tel { 
float:right; 
padding: 8px 8px 0px 0px;
width: 25%;
text-align: right;
margin-right:10px;
margin-bottom:-5px;
}
.tel p
{
margin: 0px;
paddding: 0px;
font-weight:bold;
}


.tel img {
display:inline;
padding-right:5px;
margin-bottom:-3px;
}
.png {
padding-bottom:1px;
padding-left:5px;
width:14px;
height:14px;
}
div.contentclear
{
float: right;
width: 100%;
}
div.content
{
float: none;
border-top: 1px solid #fff;
margin: 0 2px 0 2px;
padding: 0px 9px 4px 6px;
}
div.content h2
{
background: none;
padding: 0px 0 0 0;
margin: 0px 0px 0px 6px 0;
font-size: 1.7em;
padding-bottom:8px;
}
div.content .colouredfloatingbox h2 { padding:5px 10px; } 

div.col2inner h3, div.col3inner h3 { color:#FFFFFF; }

#blogList  { margin:5px 0px 0px 5px; }

#blogList ul  { margin-bottom:0px; padding-bottom:0px;}

#blogList ul li  { margin-bottom:15px; }

#blogList div.whiteBox { min-height:165px; background-color:#FFFFFF; border:solid 1px #C0C2C1; border-top:none; }

div.col1inner ul li a.active.main:hover
{
background:#A7A9AC;
}
div.col1inner ul li a.main:hover
{
background:#A7A9AC;
}
#wrapper div.col1inner ul li a.main.active
{
background:#666;
}
div.col1inner ul li a.main.active:hover
{
background:#666;
}
#bookmark img {
margin: 3em 0 0em;
}

#get-reader { float:right; width:110px; padding-left:60px; padding-bottom:30px; }
#get-reader img { float:right; padding-left:20px; }
#get-reader p { text-align:right; }
.pdf-icon { float:left; padding:0px 10px 0px 0px; }
.pdf-icon img { padding:0px; margin:0px; }

div.col1inner a.nolink { text-decoration:none; }

/*
---------------------------------------------
06. FOOTER ELEMENTS
---------------------------------------------
*/

#footer ul
{
width: 80%;
list-style-type: none;
padding: 0;
margin: 0;
}
#footer ul li
{
float: left;
text-align: center;
padding: 0;
margin: 0;
display: block;
}
#footer ul li a
{
display: block;
text-decoration: none;
padding: 7px 13px 7px 13px;
color: #fff;
font-size: 1.0em;
}
#footer ul li a.active
{
background: #666;
}
#footer ul li a:hover
{
background: #a7a9ac;
}
#footer ul li a:hover.active
{
background: #666;
cursor: default;
}

 .w3cbutton4 {
  margin: 7px 10px 0px 0px;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 100%;
  float:right;
  font-weight: bold;
}
.w3cbutton4 a {
  display: block;
  width: 100%;
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited,
.w3cbutton4 a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.w3cbutton4 a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
.w3cbutton4 span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmmc div {visibility:hidden;position:absolute;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* Remove the comments bleow for vertical mains and change the false value to
           true in the qm_create function after the menus structure. */
	/*.qmmc a {float:none}*/

		

	/*"""""""" (MAIN) Container """"""""*/
	#qm0
	{ 
		background-color:transparent;
		
		border-style:solid;
		border-color:#66cc00;
		border-width:1px 2px 1px 2px;
	}


	 /*"""""""" (MAIN) Items """"""""*/
	#qm0 a
	{
		color:#000000;
		background-color:#ffffff;
		background-image:url(images/menu/green_bg.gif);
		font-family:Arial;
		font-size:1.1em;
		text-decoration:none;
		padding:7px 40px 7px 8px;
		border-style:solid;
		border-color:#66cc00;
		border-width:1px 0px 1px 0px;
	
	}


	/*"""""""" (MAIN) Hover State """"""""*/
	#qm0 a:hover
	{ 
		/*background-color:#efefef;*/
	}


	/*"""""""" (MAIN) Active State """"""""*/	
	#qm0 .qmactive
	{ 
		/* Note: Add '!important' after each style */

		/*background-color:#efefef !important;*/
		text-decoration:underline !important;
	}


	/*"""""""" (MAIN) Parent Items """"""""*/
	#qm0 .qmparent
	{
		/*background-image:url(images/menu/arrow_down.gif);
		background-repeat:no-repeat;
		background-position:95%;*/
	}


	/*"""""""" [SUB] Containers """"""""*/
	#qm0 div
	{
		/*background-image:url(images/menu/green_bg2.gif);*/
		background-color:#F8FDF5;
		padding:5px;
		border-style:none;
		border-width:1px;
		border-color:#cccccc;
		margin-top:-1px;
		
	}

	
	/*"""""""" [SUB] Hover State """"""""*/
	#qm0 div a:hover
	{
		text-decoration:underline;
	}


	/*""""""""[SUB] Active State """"""""*/
	#qm0 div .qmactive
	{
		/* Note: Add '!important' after each style */

		background-color:#D7F7C6 !important;
		border-color:#999999 !important;
	}


	/*"""""""" [SUB] Parent Items """"""""*/
	#qm0 div .qmparent 
	{
		/*background-image:url(images/menu/arrow_right.gif);*/
	}


	/*"""""""" [SUB] Items """"""""*/
	#qm0 div a
	{		
		background-image:none;
		background-color:transparent;
		padding:2px 40px 2px 15px;
		border-width:1px;
		border-style:solid;
		border-color:#F8FDF5;
	}
	
	
	
/* blog styles */
#blog .bread { float: left; padding-top: 8px; font-weight: bold }
#blog .tel { margin-bottom: 0 }

/* post */
.post img { float: right; margin-left: 10px }
.navigation { 
	width: 100%;
	list-style: none;
	overflow: hidden;
}
.alignleft { float: left }
.alignright { float: right }
.offset { 
	position: absolute;
    left: -999em;
    overflow: hidden; 
}

#blog .pagetitle { margin: 0.2em 0 1em }

#blog .post {
	margin-bottom: 1em;
	padding: 0 5px 0.5em;
	border-bottom: 2px solid #00A6E7
}

#blog .orange .post { border-bottom: 2px solid #FF9A18 }
#blog .red .post { border-bottom: 2px solid #BD2C18 }
#blog .green .post { border-bottom: 2px solid #9CBA63 }

#blog .date {
	float: left;
	margin: 2px 1em 0 0;
	color: #FFF;
	font: bold;
	font-size: 100%;
	line-height: 1;
	text-align: center
}

#blog .date div { 	
	padding: 0.7em 10px;
	background: #00A6E7 
}

#blog .orange .date div { background: #FF9A18 }
#blog .red .date div { background: #BD2C18 }
#blog .green .date div { background: #9CBA63 }

#blog .date span, #blog .meta span { display: block }

#blog .meta { margin-bottom: 1em; line-height: 1.8 }

#blog .month { padding-top: 0.3em; text-transform: uppercase }
#blog .day { margin-left: -3px; padding-bottom: 0.1em; font-size: 200%; letter-spacing: -2px }
#blog span.comment { 
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

/* comments */
#comments {
	text-transform: uppercase;
	font-size: 140%
}

#comments em { font-style: italic }
.commentlist { 
	margin: 1em 0 2em; 
	list-style: none;
}
/* comments form */
#commentform { margin: 1em 0 }
.fieldset { position: relative; /*padding-top: 2.5em*/ }
#commentform h3 { 
	text-transform: uppercase;
	color: #000;
	font: bold 140% "Arial Narrow", Arial, sans-serif;
}
.high #commentform h3 { color: #FFF }
#commentform label { display: block; font-size: 130% }
#commentform .subscribe-to-comments label { font: normal 100% verdana, arial, sans-serif; color: #000 }
#commentform input, #commentform textarea { 
	width: 60%;
	margin-bottom: 0.5em;
	font-size: 16px;
	font-weight: normal
}
#commentform input.btn { width: auto }
#commentform .subscribe-to-comments input { 
	width: auto; 
	background: none; 
	border: 0;
	font-size: 1em
}
#commentform .subscribe-to-comments label { display: inline }

/* threaded comments */
.comment  {
	position:relative;
	margin: 6px 3px 3px;
	border: 1px solid #666; 
	padding: 4px 4px 4px 8px;
}

.comment.odd {
	background-color: #D6EFFF;
	border: 1px solid #666;
}

.comment div { position: relative }

.comment .comment img { margin: 0 }

.collapseicon  {
	width: 13px;
	height: 13px;
	margin-right: 5px;
	overflow: hidden;
	background: url(images/close.gif) 0 3px no-repeat;
}

.collapsed .collapseicon { background-image: url(images/open.gif) }

.reply {
	text-align: right;
	font-size: 90%;
	padding: 0 6px 6px 0;
}

.comment {
	border: 1px solid #0377A3;
	margin-top: 10px;
}

.orange .comment { border: 1px solid #FF9A18 }
.red .comment { border: 1px solid #BD2C18 }
.green .comment { border: 1px solid #9CBA63 }

input#subscribe { width: auto }

.comment .body .content {
	padding: 0 3px;
	width: 100%;	
	overflow: auto; 
}

.comment .title abbr { border: none }

.collapsed .body, .collapsed .comment { display: none }

#addcomment small, #addcomment div { padding: 3px }

/* sidebar */
#blog div.col1inner { background: #FFF; min-height: 0 }
* html #blog div.col1inner ul { margin-left: 20px }
#blog div.col1inner ul ul { margin: 0; padding: 0 }
#blog div.col1inner ul ul li { line-height: 1em }
* html #blog div.col1inner a { height: 1% }
#blog .high div.col1inner a { background: #000 }
#blog .low div.col1inner, #blog .high div.col1inner { margin-top: -.2em }
#blog div.col1inner ul li a { border-bottom: none }
#blog div.col1inner ul ul a { 
	padding-left: 26px;
	background: url(images/bullet1.gif) 8px 10px no-repeat 
}
#blog div.col1inner ul ul ul a { 
	padding-left: 40px;
	background: url(images/bullet2.gif) 20px 10px no-repeat 
}
#blog div.col1inner ul ul a:hover { background-color: #A5AAAD }
#blog div.col1inner h2 { margin-top: -1px; border: 1px solid #FFF; border-width: 1p ; }
div.col1inner #searchform { padding: 5px 2px }
div.col1inner #s { width: 130px }
#recentcomments em { font-style: italic }
#akismet { color: #FFF }
#akismet p { margin: 0 5px; text-align: center }
#akismet a { display: inline; padding: 0 }

/* SCROLLER */

.p7VSC_content img { border:solid 1px #CCC; margin-bottom:15px; margin-left:-1px; }

.serviceMatrix img { display:inline; padding-right:8px; border:none; margin-bottom:0px; margin-left:0px; }

.serviceMatrix p {  margin: -7px 0px 2px; }

.serviceMatrix span { display:inline-block; vertical-align:middle; padding-bottom:5px; }

#feedback select, #feedback textarea { margin-top:8px; }

#feedback textarea { font-size:11px; }

#feedback input#submit { color:#F8981D; font-weight:bold; }