/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/
#print-logo { width:300px; float:left; display:inline; margin-bottom:30px; }
#print-top { width:300px; float:right; margin-top:15px; margin-right:15px; margin-bottom:30px; text-align:right; display:inline; }
#print-footer { display:none; }

#print-footer { display:inline; }
#print-footer h2 { color:#00A4E4; font-size:1.4em; }

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; }

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.1em;
}
h3
{
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; }
.red { color:#FF0000; font-weight:bold; }
/*
---------------------------------------------
02. LAYOUT ELEMENTS
---------------------------------------------
*/

div.narrow
{
margin: 0 auto 0 auto;
width: 720px;
}
div.narrow div.inner
{
float: left;
width: 720px;
}

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;
}

#footer, #header, #top
{
display: none;
}
#footer
{
clear: both;
margin-top:0px;
}
#top
{
background: #fff;
padding: 0px;
display: none;
}
#top p
{
margin: 0;
padding: 0px;
font-weight: bold;
font-size: 1.1em;
}
div.searchicons
{
display: none;
}

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

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

#col1
{
float: left;
width: 0px;
display: none;
}
#col1home
{
float: left;
width: 0px;
display:none;
}
#col12holder
{
margin-left:0px;
}
#col12holderhome
{
margin-left:0px;
}
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;
}
div.col1inner
{
display: none;
}

/*
---------------------------------------------
03. HEADER & NAVIGATION ELEMENTS
---------------------------------------------
*/
#top
{
margin: 2px 0px 0px 0px;
}
#top h1.strapline
{
display: none;
}
div.searchbox p, div.searchbox input
{
display: none;
}
div.searchbox #search
{
display: none;
}
ul.icons, div.searchbox
{
display: none;
}
div.searchbox
{
display: none;
}
ul.icons li, ul.icons li a
{
float: left;
margin: 0px;
padding: 0px;
width: 0px;
height: 0px;
display: none;
text-indent: 0px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
text-decoration: none;
}


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

* html #header .logo, #header .logo a {
  height: 0px;
  }


#header h1 a:hover
{
text-decoration: none;
border-bottom: 0px none;
}
#header div.index
{
background: none;
background-repeat: no-repeat;
background-position: top right;
}
#header div.how-can-we-help
{
background:none;
background-repeat: no-repeat;
background-position: top right;
}
#header div.search-engine-optimisation
{
background: none;
background-repeat: no-repeat;
background-position: top right;
}
#header div.search-engine-marketing
{
background: url(none);
background-repeat: no-repeat;
background-position: top right;
}
#header div.about-doublespark-seo
{
background: none);
background-repeat: no-repeat;
background-position: top right;
}
#header p
{
display: none;
}

#nav
{
float: left;
width: 100%;
margin: 0;
display: none;
}
#nav ul
{
width: 100%;
list-style-type: none;
padding: 0;
margin: 0;
display: none;
}
#nav ul li
{
display: none;
}
#nav ul li
{
border-right:#fff 1px solid;
}
.border_left
{
border-left:#fff 1px solid;
margin-left: 0px;
}
#nav ul li.noborder_right
{
border-right: 0 none;
margin-right: 0;
}

#nav ul li a
{
width: 100%;
display: block;
text-decoration: none;
padding: 0px 0 0px 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;
}

div.homeimage
{
margin: 0px;
height: 0px;
background: none;

}

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

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
{
display: block;
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
{
background-color:#00A4E4;
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;
}
/*
---------------------------------------------
04.       ORANGE
---------------------------------------------
*/
div.orange .content a:link { color:#F8981D; }
div.orange .content a:visited { color:#F8981D; }
div.orange .content a:hover{ color:#666; }

div .searchbox p.orange input
{
color:#F8981D; 
}
div.orange h2, div.footerorange, div.headerorange
{
background: #F8981D;
}
div.orange .content .colouredfloatingbox h2
{
background-color:#F8981D; color:#FFFFFF;
}
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
{
background: #A7A9AC;
}
div.orange div.col2inner, div.orange div.col3inner, div.navorange
{
background: #FDBE76;
}
/*
---------------------------------------------
04.       BLUE
---------------------------------------------
*/
div.blue .content a:link { color:#00A4E4; }
div.blue .content a:visited { color:#00A4E4; }
div.blue .content a:hover{ color:#666; }

div .searchbox p.blue input
{
color:#00A4E4; 
}
div.blue h2, div.footerblue, div.headerblue
{
background: #00A4E4;
}
div.blue .content .colouredfloatingbox 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.col2inner, div.blue div.col3inner, div.navblue
{
background: #69C8ED;
}
/*
---------------------------------------------
04.       RED
---------------------------------------------
*/
div.red .content a:link { color:#BF2E1A; }
div.red .content a:visited { color:#BF2E1A; }
div.red .content a:hover{ color:#666; }

div .searchbox p.red input
{
color:#BF2E1A; 
}
div.red h2, div.footerred, div.headerred
{
background: #BF2E1A;
}
div.red .content .colouredfloatingbox h2
{
background-color:#BF2E1A; color:#FFFFFF;
}
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.col2inner, div.red div.col3inner, div.navred
{
background: #C96B5F;
}
/*
---------------------------------------------
04.       GREEN
---------------------------------------------
*/
div.green .content a:link { color:#9EB867; }
div.green .content a:visited { color:#9EB867; }
div.green .content a:hover{ color:#666; }

div .searchbox p.green input
{
color:#9EB867; 
}
div.green h2, div.footergreen, div.headergreen
{
background: #9EB867;
}
div.green .content .colouredfloatingbox h2
{
background-color:#9EB867; color:#FFFFFF;
}
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.col2inner, div.green div.col3inner, div.navgreen
{
background: #BCD18F;
}

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;
}
div.colouredfloatingbox p.exclaimation
{
font-size: 5.8em;
line-height: 1em;
padding: 0 5px 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;
margin-top: 10px;
clear:right;
}

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

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:3px 8px;
color:#FFFFFF;
}


div.breadcrumbs
{
width:70%;
padding: 0px;
display: none;
}
div.breadcrumbs p
{
padding: 0;
margin: 0;
font-weight: bold;
}
.tel { 
float:right; 
padding: 0px;
width: 19%;
text-align: right;
display: none;display: none;
}
.tel p
{
margin: 0px;
paddding: 0px;
font-weight:bold;
}


.tel img {
display:inline;
padding-right:5px;
margin-bottom:-3px;
}
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;
}
#bookmark img {
margin: 0em;
display: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 15px 7px 15px;
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;
}