*{
padding: 0;
margin: 0;
}

html{
min-height: 100%;
}

body{
color: #333300;
font: 100%/1.4em Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
background: fixed #92ab92 url("/images/site/bg.jpg") 50% 50% repeat;
overflow-x: hidden;
}

.t1 #wrapper{
float:left;
width:100%;
}

#footer{
clear: both;
margin: 50px;
overflow: hidden;
}

#footer ul{
width: 100%;
text-align: center;
}

#footer ul li{
display: inline;
margin-right: 20px;
}

h1{
position: fixed;
top: 0;
left: 0;
z-index: 5000;
}

h1 a,
h1 a:visited{
padding: 4px 9px 0 6px;
display: block;
overflow: hidden;
font-size: 1em;
font-family: "Franklin Gothic Heavy", Impact, Haettenschweiler, Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
color: #333300;
text-decoration: none;
line-height: 1;
background: #FFCF0D;
-moz-box-shadow: 2px 2px 2px rgba(74, 74, 74, .5);
-webkit-box-shadow: 2px 2px 2px rgba(74, 74, 74, .5);
box-shadow: 2px 2px 2px rgba(74, 74, 74, .5);
}

h1 a:hover,
h1 a:focus{
background: #eee;
opacity: .5;
}

#m{
display: block;
width: 100%;
background: #f8f8f8;
text-align: center;
font-size: 1.4em;
}

#m a{
display: block;
padding: 9px 0;
}

/********************************************* templates */

.t3{margin: 50px 150px 50px 50px;background:#f4f4f4;}
.t3 #content{float:left;width:100%;margin-left:-606px;}
.t3 #col1{margin:0 50px 0 606px;}
.t3 #col2{float:left;width:606px;}

/******************************************** typography */

a{
color: #333300;
}

a:visited{
color: #5E5F00;
}

a:hover,
a:focus{
background: #FFCF0D;
color: #333300;
outline: 0;
}

a:focus{
background: #FFCF0D;
color: #330000;
}

p{
margin-bottom: 1em;
}

h2{
margin: 0 0 20px 0;
font-size: 2.5em;
overflow: hidden;
line-height: 1.4;
font-weight: normal;
font-family: Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

h3, h4, h5, h6, legend{
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
line-height: 1.1;
font-weight: normal;
font-size: 1.5em;
margin-bottom: .25em;
}

h4{
font-size: 1.2em;
}

h5{
font-size: 1.1em;
}

h6{
font-size: 1em;
}

/******************************************** accessnav */

#accessnav ul{
list-style: none;
margin: 0;
padding: 0;
list-style: none;
margin: auto;
max-width: 1200px;
}

#accessnav ul li a{
position: absolute;
top: -1000px;
left: -1000px;
text-decoration: none;
padding: 10px 30px;
}

#accessnav ul li a:focus,
#accessnav ul li a:active{
position: absolute;
top: 50px;
left: 50px;
z-index: 5000;
background: #FFCF0D;
}

/************************************ non-javascript nav */

#nav{
position: absolute;
top: 6px;
left: 155px;
list-style: none;
z-index: 100;
padding: 0;
}

#nav li{
float: left;
margin-right: 10px;
}

#nav li a,
#nav li a:visited{
line-height: 1.5;
display: inline;
background: rgba(110,124,110,.2);
background: #eee;
clear: left;
text-transform: uppercase;
text-decoration: none;
padding: 0 5px;
font-weight: bold;
font-size: 1.2em;
color: #6E7C6E;
color: #333300;
}

#nav li a:hover,
#nav li a:focus{
color: #333300;
background: #FFCF0D;
}

/**************************************** javascript nav */

.js #nav{
display: none;
position: fixed;
}

.js #nav{
top: 0;
left: 0;
list-style: none;
z-index: 5000;
background: #fff;
height: 0;
}

.js #nav li{
display: block;
clear: left;
margin: 0;
padding: 0;
}

.js #nav li a,
.js #nav li a:visited{
text-transform: uppercase;
text-decoration: none;
padding: 6px 20px 6px 10px;
font-weight: bold;
font-size: 50px;
line-height: 73px;
background: #454b1d;
background: rgba(51,51,0,.8);
color: #eee;
letter-spacing: .05em;
}

.js #nav li a:hover{
background: #5e6b45;
background: rgba(51,51,0,.5);
color: #fff;
}

.js #nav li a:focus{
background: #5e6b45;
background: #FFCF0D;
color: #330000;
}

/************************************************* forms */

input.button,
.button,
.button:visited{
color: #eee;
background: #597a58;
border: solid 2px #597a58;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-transform: uppercase;
font-size: 1em;
cursor: pointer;
width: auto !important;
text-decoration: none;
display: inline-block;
text-decoration: none;
padding: 4px 8px;
font-weight: bold;
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

input.button:hover,
input.button:focus,
.button:hover,
.button:focus{
outline: 0;
background: #FFCF0D;
border: solid 2px #333300;
color: #333300;
}

fieldset{padding: 20px 0;border: 0;}
fieldset div{margin-bottom: 10px;}
label{
display: block;
float: left;
width: 200px;
line-height: 1.15;
padding:2px;
}

input,
select,
textarea{
background: #fff;
background: rgba(251,251,251,.7);
border: solid 1px #cfcfcf;
font-size: .9em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
font-family: Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

input:focus,
select:focus,
textarea:focus{
outline: solid 2px #FFCF0D;
}

textarea{
width: 100%;
clear: left;
margin-top: 5px;
}

label.error{
color: #B61F1F;
font-weight: bold;
}

input.error{
outline: solid 2px #B61F1F;
}

/************************************************* index */

#index_1 #container{
margin: 50px auto 0;
position: relative;
max-width: 960px;
min-width: 674px;
padding: 0 50px 50px;
overflow: hidden;
}

#index_1 #container h2{
text-align: center;
}

#index_1 #container h3{
margin-bottom: .5em;
}

#index_1 #content2 div{
position: relative;
padding: 5px 0;
}

#index_1 #content2 h4 a{
padding: 10px 0 0 30%;
text-decoration: none;
font-size: .8em;
font-weight: bold;
position: absolute;
display: block;
width: 70%;
top: 0;
left: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#index_1 #content2 #notepad h4 a,
#index_1 #content2 #notepad h4 a:visited{
background: transparent url("/images/site/small_icons.png") 5px 10px no-repeat;
height: 75px;
}

#index_1 #content2 #calculator h4 a,
#index_1 #content2 #calculator h4 a:visited{
background: transparent url("/images/site/small_icons.png") 7px -92px no-repeat;
height: 90px;
}

#index_1 #content2 #tape_measure h4 a,
#index_1 #content2 #tape_measure h4 a:visited{
background: transparent url("/images/site/small_icons.png") 7px -210px no-repeat;
height: 90px;
}

#index_1 #content2 p{
padding: 20px 10px 0 30%;
line-height: 1.2;
}

#index_1 #content2 #notepad h4 a:hover,
#index_1 #content2 #notepad h4 a:focus{
background-color: rgba(0,0,0,.1);
background-position: 5px 10px;
}

#index_1 #content2 #calculator h4 a:hover,
#index_1 #content2 #calculator h4 a:focus{
background-color: rgba(0,0,0,.1);
background-position: 7px -92px;
}

#index_1 #content2 #tape_measure h4 a:hover,
#index_1 #content2 #tape_measure h4 a:focus{
background-color: rgba(0,0,0,.1);
background-position: 7px -210px;
}

#container ul{
margin: 0 0 1em 1.5em;
list-style-image: url("/images/site/list.png");
}

#container ul li{
line-height: 1.2em;
margin-bottom: 5px;
}

.t1 #content{
background: #f7f7f7 url("/images/site/contact_paper.jpg") 0 0 repeat;
padding: 2.5%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 68.7% 30px 0;
-moz-box-shadow: 2px 2px 5px rgba(74, 74, 74, .8);
-webkit-box-shadow: 2px 2px 5px rgba(74, 74, 74, .8);
box-shadow: 2px 2px 5px rgba(74, 74, 74, .8);
}

.t1 #content2{
background: #A9BDA8;
background: rgba(255, 255, 255, 0.2);
padding: 2.5%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float:left;
width: 26.3%;
margin: 0 0 30px -65.6%;
-moz-box-shadow: 2px 2px 5px rgba(74, 74, 74, .8);
-webkit-box-shadow: 2px 2px 5px rgba(74, 74, 74, .8);
box-shadow: 2px 2px 5px rgba(74, 74, 74, .8);
}

.t1 #content3{
background: #c2b082 url("/images/site/fabric.jpg") 0 0 repeat;
padding: 2.5%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float:right;
width: 26.3%;
margin: 0 0 30px -33.3%;
-moz-box-shadow: 2px 2px 5px rgba(74, 74, 74, .8);
-webkit-box-shadow: 2px 2px 5px rgba(74, 74, 74, .8);
box-shadow: 2px 2px 5px rgba(74, 74, 74, .8);
}

#index_1 a,
#index_1 a:visited{
color: #333300;
}

#index_1 #content a:hover{
background: #FFCF0D;
color: #333300;
}

#index_1 #content2 a:hover{
color: #333300;
background: #D1EFD1;
}

#index_1 #content3 a:hover{
color: #333300;
background: #ffe7aa;
}

#index_1 #footer,
#index_1 #footer a,
#index_1 #footer a:visited{
color: #333300;
padding: 0 5px;
}

#index_1 #footer a:hover,
#index_1 #footer a:focus{
background: #f2f2f2;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
}

/************************************************** work */

#our-work_237 #contact_link a{
background: #CBB9A5;
color: #000;
}

#our-work_237{
background: fixed #7d6b59 url("/images/site/carpert.jpg") 0 0 repeat;
}

#our-work_237 #container{
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
margin: 50px auto 0;
position: relative;
max-width: 1166px;
min-width: 674px;
padding: 0 100px 50px;
}

#our-work_237 #container h2{
text-align: center;
}

#our-work_237 #container h3{
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

#our-work_237 #container .client{
position: relative;
float:right;
width:100%;
margin: 0 0 100px -300px;
clear: both;
}

#our-work_237 #container .client a img{
display: block;
width: 100%;
max-width: 843px;
max-height: 617px;
}

#our-work_237 #container .client a,
#our-work_237 #container .client a:visited{
text-decoration: none;
margin: 0 0 10px 0;
display: block;
height: 100%;
max-height: 617px;
padding: 10px;
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 5px rgba(95,72,47, .8);
-webkit-box-shadow: 2px 2px 5px rgba(95,72,47, .8);
box-shadow: 2px 2px 5px rgba(95,72,47, .8);
overflow: hidden;
}

#our-work_237 #container .client a:focus,
#our-work_237 #container .client a:hover{
background: #FFCF0D;
}

#our-work_237 #container .screenshot{
margin-left:320px;
padding: 0;
background: transparent;
}

#our-work_237 #container .q{
color: #5F4D3B;
float:left;
width:260px;
background: #f7f7f7 url("/images/site/contact_paper.jpg") 0 0 repeat;
padding: 20px;
margin-bottom: 100px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 5px rgba(95,72,47, .8);
-webkit-box-shadow: 2px 2px 5px rgba(95,72,47, .8);
box-shadow: 2px 2px 5px rgba(95,72,47, .8);
}

#our-work_237 #container .q cite{
display: block;
line-height: 1;
}

#our-work_237 #container #clients{
clear:both;
width:100%;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}

#our-work_237 #container #clients ul{
list-style: none;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}

#our-work_237 #container #clients ul li{
display: inline;
width: 213px;
height: 213px;
margin: 0;
padding: 0;
text-align: center;
}

#our-work_237 #container #clients a,
#our-work_237 #container #clients a:visited{
text-decoration: none;
border: solid 10px #fff;
display: inline-block;
overflow: hidden;
height: 213px;
-moz-box-shadow: 2px 2px 5px rgba(95,72,47, .8);
-webkit-box-shadow: 2px 2px 5px rgba(95,72,47, .8);
box-shadow: 2px 2px 5px rgba(95,72,47, .8);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 10px 10px 0;
padding: 0;
}

#our-work_237 #container #clients a:hover,
#our-work_237 #container #clients a:focus{
border: solid 10px #FFCF0D;
}

#our-work_237 #footer li{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #73614D;
background: #fff;
padding: 3px 7px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#our-work_237 #footer,
#our-work_237 #footer a,
#our-work_237 #footer a:visited{
color: #6F6B53;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#our-work_237 #footer a:hover,
#our-work_237 #footer a:focus{
color: #000;
background: transparent;
text-decoration: underline;
}

/******************************************** what we do */

#what-we-do_68{
background: #A41313;
padding: 0 75px;
}

#what-we-do_68 #container{
background: #eee;
font-size: 1.2em;
margin: 100px auto 0;
position: relative;
max-width: 700px;
min-width: 674px;
padding: 100px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#what-we-do_68 #container h2{
position: absolute;
top: -71px;
right: 50px;
}

#what-we-do_68 #container h3{
font: 190%/1.4em Georgia, Verdana,Arial,Geneva,Helvetica,sans-serif;
}

#what-we-do_68 #container h4{
font: 150%/1.4em Georgia,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

#what-we-do_68 #contact_link a{
background: #eee;
color: #000;
}

#what-we-do_68 div{
clear: both;
}

#what-we-do_68 hr{

}

.service{
display: block;
overflow: hidden;
margin: 50px 0;
}

.service img{
float: left;
overflow: hidden;
clear: both;
}

.service.s2 img,
.service.s4 img{
float: right;
}

.service.s3 img{margin: 0 0 0 -20px;}

.service.s2{padding-top: 50px;}
.service.s2 img{margin-top: -60px;}
.service.s2 p{padding: 0 320px 0 0;}

.service.s1{padding-top: 50px;}
.service.s1 img{margin-top: -50px;}
.service.s1 p{padding: 0 0 0 400px;}

.service.s4{padding-top: 75px;}
.service.s4 img{margin-top: -85px;}
.service.s4 p{padding: 0 310px 0 0;}

.service.s5{padding-top: 70px;}
.service.s5 img{margin: -70px 0 0 50px;}
.service.s5 p{padding: 0 0 0 400px;}

.service p span{
font-size: 4.1em;
line-height: .9;
float: left;
margin-right: 8px;
font-family: Georgia,"Times New Roman", serif;
}

#what-we-do_68 #footer,
#what-we-do_68 #footer a,
#what-we-do_68 #footer a:visited{
color: #eee;
padding: 0 5px;
}

#what-we-do_68 #footer a:hover,
#what-we-do_68 #footer a:focus{
color: #222;
background: #FFCF0D;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
}

/**************************************** plan your site */

#plan-your-site_48.t5 #container{
max-width: 900px;
margin: 50px auto;
padding: 0 50px;
overflow: hidden;
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

#plan-your-site_48.t5 #container h2{
font-size: 1.5em;
font-weight: bold;
margin: 0;
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

#plan-your-site_48 #content{float:left;width:100%;margin-left:-33.3%}
#plan-your-site_48 #col1{margin: 0 33.3% 0 33.3%}
#plan-your-site_48 #col2{float:left;width:33.3%;margin-left:-33.3%}
#plan-your-site_48 #col3{float:left;width:33.3%}


#plan-your-site_48 #col1,
#plan-your-site_48 #col2,
#plan-your-site_48 #col3{
padding-top: 425px;
position: relative;
}

#plan-your-site_48 #col1 div,
#plan-your-site_48 #col2 div,
#plan-your-site_48 #col3 div{
background: #646151;
background: rgba(51, 51, 0, .7);
color: #fff;
margin: 20px;
padding: 15px 25px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
min-height: 95px;
}

#plan-your-site_48 #container h2{
white-space: nowrap;
overflow: visible;
}

#plan-your-site_48 #container div a{
text-decoration: none;
display: block;
color: #fff;
position: absolute;
top: 0;
left: 0;
padding: 495px 45px 45px 45px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

#plan-your-site_48 #container div a:focus,
#plan-your-site_48 #container div a:hover{
background: rgba(0,0,0,.3);
color: #ccc;
}

#plan-your-site_48 #col1{
background: transparent url("/images/site/calculator.jpg") 50% 25px no-repeat;
}

#plan-your-site_48 #col2{
background: transparent url("/images/site/notepad.jpg") 50% 25px no-repeat;
}

#plan-your-site_48 #col3{
background: transparent url("/images/site/tape_measure.jpg") 50% 25px no-repeat;
}

#plan-your-site_48 #footer,#plan-your-site_48 #footer a,#plan-your-site_48 #footer a:visited,
#website-quote_89 #footer,#website-quote_89 #footer a,#website-quote_89 #footer a:visited,
#website-planner_47 #footer,#website-planner_47 #footer a,#website-planner_47 #footer a:visited,
#website-health-check_90 #footer,#website-health-check_90 #footer a,#website-health-check_90 #footer a:visited,
#index_124 #footer,#index_124 #footer a,#index_124 #footer a:visited,
#cancel_222 #footer,#cancel_222 #footer a,#cancel_222 #footer a:visited,
#success_152 #footer,#success_152 #footer a,#success_152 #footer a:visited,
#terms_223 #footer,#terms_223 #footer a,#terms_223 #footer a:visited{
color: #6F6B53;
padding: 0 5px;
}

#plan-your-site_48 #footer a:hover,#plan-your-site_48 #footer a:focus,
#website-quote_89 #footer a:hover,#website-quote_89 #footer a:focus,
#website-planner_47 #footer a:hover,#website-planner_47 #footer a:focus,
#website-health-check_90 #footer a:hover,#website-health-check_90 #footer a:focus,
#index_124 #footer a:hover,#index_124 #footer a:focus,
#cancel_222 #footer a:hover,#cancel_222 #footer a:focus,
#success_152 #footer a:hover,#success_152 #footer a:focus,
#terms_223 #footer a:hover,#terms_223 #footer a:focus{
color: #BFBA9A;
background: #333300;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
}

/****************************************** client tools */

#index_124,
#website-planner_47,
#website-quote_89,
#website-health-check_90,
#plan-your-site_48,
#success_152,
#cancel_222{
background: fixed #b8b68f url("/images/site/hessian.jpg") 0 0 repeat;
}

#website-planner_47 #container,
#website-health-check_90 #container,


#index_124 #container,
#website-quote_89 #container,
#success_152 #container,
#cancel_222 #container{
margin: 50px auto;
max-width: 860px;
overflow: auto;
}

#website-planner_47 h2,
#website-health-check_90 h2,
#index_124 h2,
#website-quote_89 h2,
#success_152 h2,
#cancel_222 h2{
margin: 0 50px -14px;
}

#foot{
position: relative;
color: #333300;
background: #bab593;
background: rgba(51,51,0,0.1);
padding: 3% 3% 0;
max-width: 760px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 1.2em;
margin: 0 50px 20px;
float: left;
overflow: hidden;
}

#foot .wrapper{
float: left;
width: 100%;
margin-left: -50%;
}

#foot .content{
background: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 0 30px 50%;
width: 50%;
}

#foot .content2{
background: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 0 30px -50%;
float: right;
width: 39.9%;
}

#foot input{
padding: 3px;
border: 0;
color: #eee;
background-color: #535D34;
background: rgba(51,51,0,.6);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 95%;
margin-bottom: 10px;
}

#foot input.button{
padding: 4px;
font-size: .6em;
width: auto;
background: #eee;
color: #333300;
border: solid 2px #333300;
background-image: -moz-linear-gradient(top, #eee, #ddd); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #ddd));
}

#foot input.button:hover,
#foot input.button:focus{
outline: 0;
background: #FFCF0D;
border: solid 2px #333300;
color: #333300;
}

#foot .content p{
padding: 0;
position: relative;
padding: 0 40px 20px 80px;
}

#foot .content p#qc_icon{
background: transparent url("/images/site/small_icons.png") 0 -100px no-repeat;

}

#foot .content p#hc_icon{
background: transparent url("/images/site/small_icons.png") 0 -220px no-repeat;
}

#foot .content p#wp_icon{
background: transparent url("/images/site/small_icons.png") 0 0 no-repeat;
}

#foot .negative,
#foot .positive{
width: 70%;
font-size: .9em;
color: #eee;
}

#foot .positive{
background: #B61F1F;
}

/*************************************** website planner */

#website-planner_47 #container{
position: relative;
overflow: visible;
}

#website-planner_47 #np{
position: absolute;
top: 18px;
right: 70px;
width: 217px;
height: 283px;
z-index: 1000;
background: transparent url("/images/site/notepad2.jpg") 0 0 no-repeat;
}

#website-planner_47 #c{
color: #eee;
background: #B61F1F;
padding: 3% 240px 10px 3%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 0 50px 20px;
font-size: 1.2em;
position: relative;
overflow: hidden;
}

#website-planner_47 #c div{
width: 175px;
float: left;
min-height: 140px;
}

#website-planner_47 #c div img{
margin-top: -20px
}

#website-planner_47 #c div span{
display: block;
}

#website-planner_47 #c div span small{
font-family: Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

#website-planner_47 p.agree{
margin: -10px 0 10px 50px;
color: #4e4f05;
}

#website-planner_47 #c a.button{
background-color: #B61F1F;
border-color: #eee;
}

#website-planner_47 #c a.button:hover,
#website-planner_47 #c a.button:focus{
background-color: #FFCF0D;
border-color: #333300;
}

#thanks{
color: #385E35;
background: #E7E5DA;
padding: 20px 30px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 0 50px 20px;
font-size: 1.2em;
position: relative;
overflow: hidden;
}

/********************************** website health check */

#website-health-check_90 #container,
#index_124 #container,
#website-health-check_90 #container,
#success_152 #container,
#cancel_222 #container{
overflow: visible;
background: transparent url("/images/site/tape_measure.jpg") 100% 0 no-repeat;
}

#website-health-check_90 #c{
background: transparent;
padding: 0;
margin: 0;
}

#website-health-check_90 #c div,
#index_124 #c div,
#success_152 #c div,
#cancel_222 #c div{
color: #333300;
background: #8BA285;
background: rgba(51,51,0,0.1);
padding: 3%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 0 50px 20px;
font-size: 1.2em;
float: none;
position: relative;
}

#website-health-check_90 #c div:nth-child(2) p,
#cancel_222 #c div:nth-child(2) p{
padding-right: 220px;
}

#website-health-check_90 p.book_now_button{
width: 166px;
height: 120px;
float: right;
margin: 0 50px;
text-align: center;
padding: 10px 0 0 0;
background: transparent url("/images/site/health_check_button.png") 0 0 no-repeat;
}

#website-health-check_90 p.book_now_button span{
font-size: 2.5em;
line-height: 1;
}

#website-health-check_90 a.button{
margin-top: 15px;
border: 0;
background-color: transparent;
}

#website-health-check_90 a.button:focus,
#website-health-check_90 a.button:hover{
background-color: #FFCF0D;
}

#website-health-check_90 #c ul{
list-style: none;
margin: 0;
}

#website-health-check_90 #c li{
font-size: .9em;
padding: 20px 0 10px 140px;
border-top: dotted 1px;
position: relative;
min-height: 100px;
}

#website-health-check_90 #c li:nth-child(1){border-top: 0;}

#website-health-check_90 #c li img{
position: absolute;
left: 20px;
top: 20px;
-moz-box-shadow: 1px 1px 3px #1F1F00;
-webkit-box-shadow: 1px 1px 3px #1F1F00;
box-shadow: 1px 1px 3px #1F1F00;
}

#website-health-check_90 #c li h4{
text-transform: uppercase;
font-size: .9em;
font-weight: bold;
}

#index_124 .radioset label{
float: none;
width: 500px;
padding: 0;
margin: 0 0 -1em;
}

#index_124 #c div div{
font-size: 1em;
}

#index_124 #c div:first-child p,
#success_152 #c div p{
margin-right: 150px;
}

#website-health-check_90 h2,
#index_124 h2,
#success_152 h2,
#cancel_222 h2{
margin: 0 50px;
}

#index_124 .wrapper{
float: left;
width: 100%;
margin-left: -50%;
}

#index_124 input.button,
#success_152 #c input.button,
#cancel_222 #c input.button{
background: #597a58;
border: solid 2px #597a58;
}

#index_124 input.button:hover,
#index_124 input.button:focus,
#success_152 #c input.button:hover,
#success_152 #c input.button:focus,
#cancel_222 #c input.button:hover,
#cancel_222 #c input.button:focus{
background: #FFCF0D;

color: #333300;
border: solid 2px #333300;
}

#index_124 input.edit.button{
float: left;
}

#website_details label{
width: auto;
}

#pay-now input.button{
float: right;
}

#pp{
margin-bottom: 50px;
}

#pp img{
float: left;
margin: 10px 20px 10px 0;
-moz-box-shadow: 1px 1px 3px #1F1F00;
-webkit-box-shadow: 1px 1px 3px #1F1F00;
box-shadow: 1px 1px 3px #1F1F00;
}

input#Email{width: 60%;}
input#Firstnames{width: 45%;}
input#Surname{width: 35%;}
input#Address1{width: 60%;}
input#Address2{width: 60%;}

input#City{width: 35%;}
input#PostCode{width: 20%;}
select#Country{width: 60%;}
input#State{width: 15%;}
input#DialingCode{width: 20%;}
input#Phone{width: 35%;}
input#Key1{width: 60%;}
input#Key2{width: 60%;}
input#Key3{width: 60%;}
input#Key4{width: 60%;}
input#Key5{width: 60%;}

#complete,
#complete:visited{
display: inline-block;
background: #177F25;
margin-top: 5px;
padding: 6px 10px;
background-image: -moz-linear-gradient(top, #177F25, #146F21); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #146F21),color-stop(1, #177F25));
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-decoration: none;
color: #fff;
font-family: Calibri;
}

#complete:focus,
#complete:hover{
color: #fff;
background-color: #FFCF0D;
}

/***************************************** website quote */

#website-quote_89 #c{
background: transparent;
color: #4E4F05;
padding: 0;
font-size: 1.2em;
}

#website-quote_89 #intro p{
margin: 0 50px 20px 160px;
}

#website-quote_89 p small{
margin: 0 50px 20px;
}

#website-quote_89 h2{
margin:0 0 0 160px;
color:#EFEAE6;
position: relative;
}

#website-quote_89 #container{
position: relative;
overflow: visible;
}

#website-quote_89 #container span#sc{
display: block;
position: absolute;
top: -8px;
left: 48px;
width: 96px;
height: 183px;
background: transparent url("/images/site/small_calculator.jpg") 0 0 no-repeat;
}

#website-quote_89 h3{
margin-bottom:12px;
}

#quote_form{
background: #efeae6;
}

#quote_form,
#contact_form{
padding: 50px;
margin: 0 50px 20px;
background: #efeae6 url("/images/site/squared_paper.gif") 0 0 repeat;
color: #7F7F67;
}

#quote_form fieldset,
#contact_form fieldset{margin-bottom: 50px;}
#quote_form fieldset div{position: relative;}
#quote_form #c p{margin: 0 0 1em; line-height: 1.4;}
#quote_form label strong{color: #222;}

#quote_form input.button,
#contact_form input.button{
width: auto;
background: #597a58;
color: #eee;
margin-top: -1px;
border: solid 2px #597a58;
}

#quote_form ol input.button{
background: #eee;
color: #B61F1F;
border: solid 2px #7F0000;
background-image: -moz-linear-gradient(top, #eee, #ddd); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #ddd));
}

#quote_form input.button:hover,
#quote_form input.button:focus,
#contact_form input.button:hover,
#contact_form input.button:focus{
outline: 0;
background: #FFCF0D;
border: solid 2px #333300;
color: #333300;
}

#quote_form fieldset input{
position: absolute;
top: 11px;
left: 10px;
z-index: 200;
}

#quote_form fieldset label{
background: #fff;
display: block;
padding: 5px 0 5px 30px;
margin: 0 0 .5em;
border: solid 1px #cfcfcf;
text-align: left;
cursor: pointer;
color: #666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: none;
width: auto;
z-index: 1;
position: relative;
}

#quote_form fieldset label.plain,
#quote_form fieldset label.plain.active,
#quote_form fieldset label:hover.plain,
#quote_form fieldset label:focus.plain{
background: transparent;
padding: 0;
margin: 0;
border: 0;
cursor: text;
color: inherit;
}

.additional{
background: #fff;
margin: -10px 20px 20px;
-moz-border-radius-bottomleft: 5px;

-moz-border-radius-bottomright: 5px;
-webkit-border-radius-bottomleft: 5px;
-webkit-border-radius-bottomright: 5px;
border-radius-bottomleft: 5px;
border-radius-bottomright: 5px;
border: solid 1px #cfcfcf;
border-top: 0;
padding: 20px;
overflow: hidden;
}

#quote_form fieldset label:hover,
#quote_form fieldset label:focus{
background: #FFCF0D;
border: solid 1px #DFB200;
color: #000;
}

#quote_form fieldset label.active{
background: #B3EF86;
border: solid 1px #88BF5F;
color: #000;
}

#quote_form ol{
margin-bottom: 20px;
padding: 20px 50px;
}

#quote_form ol li{
line-height: 1.4;
}

#quote_form ol li big{
line-height: 10px;
}

#quote_form form{
margin-bottom: 30px;
}

.quote{
clear: both;
margin: 0 0 20px 0;
padding: 10px;
font-weight: bold;
border: dashed 1px;
background: #fff;
background: rgba(251,251,251,0.7);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
}

#quote_number_form{
background: #B61F1F;
color: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#quote_number_form strong{
background: rgba(251,251,251,0.3);
-moz-border-radius: 3px;

-webkit-border-radius: 3px;
border-radius: 3px;
padding: 0 5px;
text-transform: uppercase;
font-size: .9em;
}

#note{
font-size: .8em;
}

#contact_form .radioset p{
margin: 0 10px 0 0;
}

.radioset input,
.radioset label{
width: auto;
float: left;
margin: 0 5px 0 0;
}

.radioset input{
margin: 5px 5px 0 0;
}

#contact_form .adj{
clear: both;
}

#contact_form .adj p{
width: 50%;
float: left;
position: relative;
}

#contact_form .adj p em{
position: absolute;
top: 28px;
left: 135px
}

#contact_form .adj p #c_time + em{
left: 85px;
}

#contact_form .adj input,
#contact_form .adj label{
width: auto;
display: block;
clear: left;
}

#fullname{width: 300px;}
#email{width: 250px;}
#telephone{width: 190px;}
#business{width: 250px;}
#position{width: 190px;}
#url{width: 250px;}
#c_day{width: 120px !important;}
#c_time{width: 70px !important;}

/************************************************** blog */

#index_70,
#tags_218{
background: #ebeae6 url("/images/site/blog_bg.png") 50% 0 repeat-y;/*ebeae6*/
}

.t6 #container{
max-width: 1200px;
margin: 0 auto;
padding: 0 50px;
overflow: hidden;
}

#blog_header{
margin: 0 auto 30px;
text-align: center;
}

#blog_header h2 img{
padding-top: 20px;
}

#blog_header h2{
margin-top: 30px;
font-size: 6em;
font-style: italic;
color: #385e35;
font-family: Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

#blog_header h2 a{
display: block;
width: 275px;
margin: auto;
padding: 0 50px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#blog_header h2 a:focus,
#blog_header h2 a:hover{
background: #EAE9E5;
}

#blog_header h2 small{
font-size: .3em;
display: block;
color:  #333300;
padding: 5px 0;
border-bottom: double 4px #333300;
border-top: solid 1px #333300;
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}

#col3 li small a,
#col3 li small a:visited{
text-decoration: none;
}

.t6 #content{
float:left;
width:100%;
margin-left:-40%;
}

.t6 #col1{
margin: 0 22% 0 40%;
}

.t6 #col1 div{
margin-bottom: 20px;
padding: 5%;
color: #3F3F1B;
background: #eee url("/images/site/paper.jpg") 50% 50% no-repeat;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 10px #789BAF;
-webkit-box-shadow: 1px 1px 10px #789BAF;
box-shadow: 1px 1px 10px #789BAF;
}

.t6 #col1 div h3{
line-height: 1.35;
font-weight: bold;
margin-bottom: .5em;
font-size: 1.8em;
}

.t6 #col1 div h3 a{
text-decoration: none;
color: #3F3F1B;
}

.t6 #col1 img{
float: right;
}

.t6 #col2{
float:left;
width:20%;
margin-left:-20%;
}

.t6 #col2 div{
margin-bottom: 20px;
padding: 10% 0 3%;
background: #b61f1f;
color: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 10px #789BAF;
-webkit-box-shadow: 1px 1px 10px #789BAF;
box-shadow: 1px 1px 10px #789BAF;
}

.t6 #col2 h3{
padding: 0 15%;
color: #fff;
margin: 0 0 10px 0;
line-height: 1.3;
}

.t6 #col2 a{
text-decoration: none;
color: #eee;
}

.t6 #col2 ul{
list-style: none;
margin: 0 0 1em;
}

.t6 #col2 ul li{
line-height: 1;
}

.t6 #col2 ul li a{
line-height: 1.2;
font-size: 1.1em;
display: block;

text-decoration: none;
padding: 10px 15%;
color: #FF7F7F;
}

.t6 #col2 ul li a span{
padding-right: 20px;
}


.t6 #col2 a:hover{
background-color: #FF7F7F;
}

.t6 #col2 a:focus{
background-color: #FFCF0D;
}

.t6 #col2 a:visited span{
background: transparent url("/images/site/tick.png") 100% 5px no-repeat;
}

.t6 #col2 a:hover span{
background: #FF7F7F url("/images/site/tick.png") 100% -88px no-repeat;
color: #6F0000;
}

.t6 #col2 a:focus span{
background: #FFCF0D url("/images/site/tick.png") 100% -180px no-repeat;
color: #330000;
}

.t6 #col3{
padding: 2.2% 4%;
color: #333300;
background: #fff;
background: rgba(51,51,0,0.1);
float:left;
width:30%;
font-size: 1.1em;
margin-left: 2%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 10px #789BAF;
-webkit-box-shadow: 1px 1px 10px #789BAF;
box-shadow: 1px 1px 10px #789BAF;
}

.t6 #col3 h3{
margin: 0 0 20px 0;
}

.t6 #col3 h3 a{
font-size: .8em;
}

.t6 #col3 li{
margin-bottom: 30px;
}

.t6 #col3 li small{
font-size: .7em;
}

.more_links{
overflow: hidden;
}

.newer,
.older{
padding: 3px 10px;
-moz-border-radius: 5px;
}

.newer{
float: right;
}

.older{
float: left;
}

.newer:hover,
.newer:focus,
.older:hover,
.older:focus{
background: #333300;
color: #eee !important;
}

.t6 #col3 .newer,
.t6 #col3 .newer:visited,
.t6 #col3 .older,
.t6 #col3 .older:visited{
text-decoration: none;
}

li#o,
li#n{
list-style: none;
}

li#o a,
li#n a{
width: 94px;
height: 88px;
top: 40%;
color: #fff;
font-size: 88px;
background: #000;
opacity: .1;
font-weight: bold;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace !important;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
position: fixed;
text-decoration: none;
line-height: 88px;
text-align: center;
}

li#o a{
padding: 0 10px 10px 0;
right: -20px;
}

li#n a{
padding: 0 0 10px 10px;
left: -20px;
}

li#o a:hover,
li#n a:hover{
opacity: 1;
color: #fff !important;
}

li#o a:focus,
li#n a:focus{
background: #000 !important;
opacity: 1;
text-indent: 0;
color: #fff !important;
}

.tipsy{
padding: 5px;
opacity: 0.8;
font-size: 2em;
line-height: 1.4;
}

.tipsy-inner{
padding: 20px 30px;
background-color: #000;
color: #fff;
max-width: 10em;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.t6 #footer,
.t6 #footer a,
.t6 #footer a:visited{
color: #6F6B53;
padding: 0 5px;
}

.t6 #footer a:hover,
.t6 #footer a:focus{
color: #BFBA9A;
background: #333300;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
}

/************************************************ tables */

table{
border-collapse: collapse;
width: 100%;
margin-bottom: 1em;
}

th, td{
text-align: left;
padding: 3px 6px 3px 0;
}

/************************************************ errors */

.negative,
.positive{
background: #FFCF0D;
color: #333300;
padding: 30px 40px;
margin-bottom: 1em;
}

#container .negative,
#index_124 #container .negative{
background: #B61F1F;
color: #eee;
}

.negative a,
.positive a{
color: #eee;
}

.negative a:hover,
.positive a:hover,
.negative a:focus,
.positive a:focus{
background: #FFCF0D;
color: #330000;
}

.negative ol,
.positive ol{
margin: 0 0 .5em 1.5em;
}

/************************************************** misc */

hr{
display: none;
}

.floatleft{
float: left;
}

.floatright{
float: right;
}


a img{
border: 0;
}

.highlight{
background: #ddd;
padding: 5px 15px 8px 10px;
margin-bottom: 1.5em;
display: inline-block;
-moz-border-radius: 3px;
}

.note{
clear: both;
font-size: .9em;

font-style: italic;
}

abbr, acronym{
cursor: help;
}

/******************************************* date picker */

/* Default styling for jQuery Datepicker v4.0.0. */
.datepick {
font-family: Arial,Helvetica,sans-serif;
font-size: 1.1em;
margin: 0;
background: #ddd;
color: #000;
clear: both;
padding: 10px 10px 0;
background: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 10px rgba(74, 74, 74, .5);
-webkit-box-shadow: 5px 5px 10px rgba(74, 74, 74, .5);
box-shadow: 5px 5px 10px rgba(74, 74, 74, .5);
width: 264px !important;
}

.datepick-rtl {
direction: rtl;
}
.datepick-disable {
position: absolute;
background-color: white;
opacity: 0.5;
filter: alpha(opacity=50);
}
.datepick a {
color: #fff;
text-decoration: none;
}
.datepick a.datepick-disabled {
color: #888;
cursor: auto;
}
.datepick button {
margin: 0.25em;
padding: 0.125em 0em;
background-color: #fcc;
border: none;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
float: left;
width: 100%;
background-color: #000;
color: #fff;
font-size: 90%;
font-weight: bold;
}
.datepick-ctrl {
display: none;
}
.datepick-cmd {
width: 30%;
font-size: .8em;
padding: 2px 0 5px;
}
.datepick-cmd:hover {
background-color: #777;
}
.datepick-ctrl .datepick-cmd:hover {
background-color: #f08080;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
width: 8%;
}
a.datepick-cmd {
height: 1.5em;
}
button.datepick-cmd {
text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
float: left;
padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
float: left;
width: 35%;
text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
float: right;
padding-right: 2%;
text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,

.datepick-rtl .datepick-cmd-clear {
float: right;
padding-left: 0%;
padding-right: 2%;
text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
float: left;
padding-left: 2%;
padding-right: 0%;
text-align: left;
}
.datepick-month-row {
clear: left;
}
.datepick-month {
float: left;
width: 15em;
text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
height: 1.5em;
background-color: #444;
color: #fff;
font-weight: bold;
}
.datepick-month-header select{
width: 48%;
background: #fff;
color: #333;
padding: 0;
margin: 0;
font-size: .8em !important;
text-transform: uppercase;
}
.datepick-month-header select, .datepick-month-header input {
height: 1.4em;
border: none;
}
.datepick-month-header input {
position: absolute;
display: none;
}
.datepick-month table {
width: 100%;
border-collapse: collapse;
}
.datepick-month thead {
border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
margin: 0;
padding: 0;
font-weight: normal;
text-align: center;
}
.datepick-month th {
border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
background-color: #777;
color: #fff;
}
.datepick-month td {
background-color: #eee;
border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
border: 1px solid #777;
}
.datepick-month td.datepick-week * {
background-color: #777;
color: #fff;
}
.datepick-month a {
display: block;
width: 100%;
padding: 0.125em 0em;
background-color: #eee;
color: #000;
text-decoration: none;
}
.datepick-month span {
display: block;
width: 100%;
padding: 0.125em 0em;
}
.datepick-month td span {
color: #888;
}
.datepick-month td .datepick-other-month {
background-color: #fff;
}
.datepick-month td .datepick-weekend {
background-color: #ddd;
}
.datepick-month td .datepick-today {
background-color: #f0c0c0;
}
.datepick-month td .datepick-highlight {
background-color: #f08080;
}
.datepick-month td .datepick-selected {
background-color: #777;
color: #fff;
}
.datepick-month th.datepick-week {
background-color: #777;
color: #fff;
}
.datepick-status {
clear: both;
background-color: #ddd;
text-align: center;
}
.datepick-clear-fix {
clear: both;
}
.datepick-cover {
display: none;
display/**/: block;
position: absolute;
z-index: -1;
filter: mask();
top: -1px;
left: -1px;
width: 100px;
height: 100px;
}

/******************************************* time picker */

div.time-picker{
position: absolute;
height: 200px;
width:4em; /* needed for IE */
overflow: auto;
background: #fff;
z-index: 99;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.1em;
margin: 28px 0 0 0;
background: #ddd;
color: #000;
padding: 10px 10px 0;
background: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 10px rgba(74, 74, 74, .5);
-webkit-box-shadow: 5px 5px 10px rgba(74, 74, 74, .5);
box-shadow: 5px 5px 10px rgba(74, 74, 74, .5);
}

div.time-picker-12hours{
width:6em; /* needed for IE */
}

div.time-picker ul{
list-style-type: none;
margin: 0;
padding: 0;
}

div.time-picker li{
padding: 1px;
cursor: pointer;
}

div.time-picker li.selected{
background: #FFCF0D;
color: #333300;
}

/*********************************************** confirm */

#subscriptions{
background: #0190bc url("/images/site/newsletter.png") 50% 50px no-repeat;
}

#subscriptions #container{
width: 783px;
overflow: hidden;
padding: 0;
margin: 160px auto;
line-height: 1;
}

#subscriptions #container #c,
#onwards{
width: 50%;
margin: 0 0 10px;
background: rgba(251,251,251,.8);
padding: 50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #0190bc;
clear: none;
}

#subscriptions #container #c{
font-size: 1.2em;
}

#subscriptions #container #c h4{
font-size: 1.2em;
font-weight: bold;
}

#subscriptions #container #c .positive,
#subscriptions #container #c .negative{
color: #0190bc;
background: #fff;
}

#subscriptions #container #c .button{
color: #0190bc;
background: #fff;
border-color: #0190bc;
}

#subscriptions #container #c .button:focus,
#subscriptions #container #c .button:hover{
background: #FFCF0D;
color: #333300;
border-color: #333300;
}

#onwards{
margin: 0;
padding: 25px 50px;
clear: both;
background: #fff;
}

#subscriptions #container a,
#subscriptions #container a:visited{
color: #0190bc;
}

#subscriptions #container a:focus,
#subscriptions #container a:hover{
color: #333300;
}

/************************************************* terms */

#terms_223{
background: #ccc;
}

#terms_223 #container{
background: #eee;
margin: 50px auto 0;
position: relative;
max-width: 960px;
min-width: 674px;
padding: 50px;
overflow: hidden;
font-family: Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

#terms_223 h2,
#terms_223 h3,
#terms_223 h4{
font-family: Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

#terms_223 #container code{
background: #fff;
}

#terms_223 #col2 h4{
background: #fff;
padding: 3px 6px;
}

.t7 #content{float:left;width:100%;margin-left:-50%;}
.t7 #col1{margin-left:50%;float:left;}
.t7 #col2{margin-left:50%;}

.t7 #col1{padding: 0 25px 0 0;}
.t7 #col2{padding: 0 0 0 25px;}

/********************************************** error403 */

#error403 #outer img#bg,
#error404 #outer img#bg{
min-width: 100%;
min-height: 100%;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

#error403 #outer,
#error404 #outer{
z-index: 2;
}

#error403 #inner,
#error404 #inner{
z-index: 1;
position: relative;
color: #222;
text-align: center;
}

#error403 #inner p{
font-size: 2em;
margin-top: 50px;
line-height: 2;
}

#error403 #inner a,
#error403 #inner a:visited{

background: #ECD609;
color: #222;
padding: 10px 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-decoration: none;
text-transform: uppercase;
font-size: .8em;
}

#error403 #inner a:hover,
#error403 #inner a:focus{
background: #333300;
color: #FDEE07;
}

/********************************************** error404 */

#error404{
background: #838C89;
}

#error404 #inner h2{
font: 600% bold Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 6% 0 0 10%;
color: #fff;
line-height: 1;
}

#error404 #inner p{
line-height: 2;
color: #fff;
margin-left: 10%;
font-size: 1.2em;
}

#error404 #inner a,
#error404 #inner a:visited{
background: #fff;
color: #8F0010;
padding: 10px 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-decoration: none;
text-transform: uppercase;
}

#error404 #inner a:hover,
#error404 #inner a:focus{
background: #8F0010;
color: #fff;
}

/********************************************** error401 */

#error401{
background: #141B2B url("/images/site/keys.jpg") 10% 10% no-repeat;
color: #e2cbb6;
font: 100% normal Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#error401 #container{
margin: 10% 20% 10% 30%;
}

#error401 h2,
#error401 h3,
#error401 a{
color: #e2cbb6;
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#error401 h2{
margin-bottom: 0;
}

#error401 h3{
margin-top: 2em;
}

#error401 a:hover,
#error401 a:focus{
color: #141B2B;
background: #e2cbb6;
}

/******************************************** contact us */

.contact{
display: none;
}

#contact_box{
position: fixed;
right: -2000px;
width: 200px;
background: #f7f7f7 url("/images/site/contact_paper.jpg") 0 0 repeat;
font-size: 1em;
padding: 20px 40px;
z-index: 9999;
}

#contact_link a,
#contact_link a:visited{
position: fixed;
top: 26.4%;
right: 0;
background: #FFCF0D;
color: #330000;
z-index: 10000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
text-decoration: none;
padding: 2px 6px;
font: 50%/1.4em Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

#contact_link a:focus,
#contact_link a:hover{
background: #FFCF0D !important;
color: #330000 !important;
}

.t7 #con{
float:right;
width:100%;
margin-left:-65%;
}

.t7 #con1{
margin-left:71%;
float:left;
padding: 0 0 0 4%;
border-left: dotted 1px;
}

.t7 #con2{
margin-left:0;
padding: 0 0 0 25px;
}

#contact_226{
background: #ccc;
}

#contact_226 #container{
background: #f7f7f7 url("/images/site/contact_paper.jpg") 0 0 repeat;
margin: 50px auto 0;
position: relative;
max-width: 760px;
padding: 50px;
-moz-box-shadow: 2px 2px 5px #aaa;
-webkit-box-shadow: 2px 2px 5px #aaa;
box-shadow: 2px 2px 5px #aaa;
}

#con2 h2{
border-top: dotted 1px #ccc;
line-height: 1.1;
font-weight: normal;
font-size: 1.5em;
margin-bottom: .25em;
padding-top: 20px;
font-family: Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

#con h3{
padding-top: 20px;
font-family: Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

#con2 p{
margin-bottom: 0;
}

#con2 p.highlight{
margin: 1em 0;
}

#con2 .negative,
#con2 .positive{
margin-top: .5em;
}

#con2 fieldset{
padding: 0;
margin: 0;
}

#con2 label{
width: 30%;
display: block;
float: left;
}

#con2 label.check{
width: 100%;
padding: 15px 0 5px;
margin: 15px 0 25px;
}

#con2 input{
width: 35%;
margin-bottom: 15px;
}

#con2 select{
width: 50%;
margin-bottom: 15px;
}

#con2 textarea{
width: 100%;
margin-bottom: 15px;
height: 100px;
}

.explain{
font-size: .75em;
margin-bottom: 15px;
text-transform: lowercase;
font-style: italic;
}

#con2 input.checkbox{
width: auto;
}

#con2 input#antispam{
margin-bottom: 0;
width: 75px;
}

#con2 .negative,
#con2 .positive{
width: 395px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#contact_226 #footer,
#contact_226 #footer a,
#contact_226 #footer a:visited{
color: #333300;
padding: 0 5px;
}

#contact_226 #footer a:hover,
#contact_226 #footer a:focus{
background: #f7f7f7 url("/images/site/contact_paper.jpg") 30px 30px repeat;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
}

/********************************************** site map */

#site-map_225{
background: #fff;
}

#site-map_225 #outer img#bg{
min-width: 100%;
min-height: 100%;
position: fixed;
top: 0;
left: 0;
bottom: 0;
}

#site-map_225 #outer{
z-index: 2;
position: absolute;
}

#site-map_225 #inner{
z-index: 1;
position: relative;
color: #fff;
padding: 5%;
font-size: 1.2em;
}

#site-map_225 #inner h2{
margin-bottom: 0;
font-size: .9em;
color: rgba(29,42,9,.8);
text-transform: uppercase;
}

#site-map_225 dl{
width: 70%;
padding: 50px 2.5%;
margin: 0 50px 50px 0;
background: rgba(29,42,9,.8);
}

#site-map_225 dt{
color: rgba(29,42,9,.8);
padding: 5px 10px;
font-size: 1.2em;
text-transform: uppercase;
background: #fff url("/images/site/map_and_compass.png") 99% 50% no-repeat;;
margin-bottom: 30px;
}

#site-map_225 dd{
margin: 0 0 30px 10px;
font-size: 1.1em;
}

#site-map_225 dd span{
color: rgba(251,251,251,.5);
font-size: .8em;
}

#site-map_225 dd a,
#site-map_225 dd:visited{
color: #fff;
text-decoration: none;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#site-map_225 dd a:hover,
#site-map_225 dd a:focus{
color: rgba(29,42,9,.8);
text-decoration: none;
}

/******************************* accessibility statement */

#accessibility-statement_224,
#stopwords_220,
#single_tweet{
background: fixed #45C5DF url("/images/site/accessible.jpg") 50% 0 no-repeat;
}

#accessibility-statement_224 #container,
#stopwords_220 #container{
max-width: 800px;
margin: 50px auto;
font-size: 1.2em;
line-height: 1.4;
}

#accessibility-statement_224 #container h3,
#accessibility-statement_224 #container h4{
text-transform: uppercase;
font-size: 2em;
margin: 0 0 10px;
color: #333300;
font-family: Calibri,Verdana,Arial,Geneva,Helvetica,sans-serif;
}

#accessibility-statement_224 #container h4{
font-size: 1.2em;
display: inline-block;
background: #fff;
padding: 3px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#accessibility-statement_224 #container ul{
list-style: none;
margin: 0 0 0 -5%;
padding: 0;
overflow: hidden;
}

#accessibility-statement_224 #container ul li{
width: 38%;
float: left;
margin: 0 0 5% 5%;
min-height: 13em;
background: #fff;
padding: 2% 3%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#accessibility-statement_224 #container a,
#accessibility-statement_224 #container a:visited{
color: #333300;
}

#accessibility-statement_224 #footer,
#accessibility-statement_224 #footer a,
#accessibility-statement_224 #footer a:visited{
color: #333300;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#accessibility-statement_224 #footer a,
#accessibility-statement_224 #footer a:visited{
padding: 2px 5px;
}

#accessibility-statement_224 #footer a:hover,
#accessibility-statement_224 #footer a:focus{
background: #fff;
text-decoration: none;
}

/********************************************* stopwords */

#stopwords_220 table{
background: #fff;
}

#stopwords_220 table td{
padding: 2px 0 2px 10px;
}

/******************************************* maintenance */

#maintenance-and-development-program_236{
background: fixed #ecf2ff url("/images/site/bg.png") 0 0 repeat-x;
color: #333;
font: normal normal 86%/1.4 Verdana, Arial, sans-sreif;
}

#maintenance-and-development-program_236 #container h2{
margin-bottom: .25em;
}

#maintenance-and-development-program_236 h2+p{
padding: 10px 0;
border-top: dotted 1px #5393DF;
border-bottom: dotted 1px #5393DF;
text-align: right;
font: italic 1.5em/1 Georgia, "Times New Roman", serif;
color: #5393DF;
margin-bottom: -1em;
text-transform: lowercase;
}

#maintenance-and-development-program_236 h2+p:before{
content: "...";
}

#maintenance-and-development-program_236 h2+p:after{
content: "!";
}

#maintenance-and-development-program_236 #container{
position: relative;
width: 600px;
margin: 30px auto;
background: rgb(251, 252, 254);
background: rgba(255,255,255,.9);
padding: 30px 50px;
-moz-box-shadow: 2px 2px 17px #ccc;
}

#maintenance-and-development-program_236 h2{
font: normal small-caps 4em/.9 Georgia, "Times New Roman", serif;
color: #5393DF;
}

#maintenance-and-development-program_236 h3{
color: #444;
font: normal small-caps 2em/.9 Georgia, "Times New Roman", serif;
margin: 2em 0 .5em;
}

#maintenance-and-development-program_236 h4{
background: #DFE9FF;
color: #222;
margin-bottom: .25em;
padding: 2px 3px;
}

#maintenance-and-development-program_236 p{
margin-bottom: 1.5em;
}

#maintenance-and-development-program_236 table{
border-collapse: collapse;
width: 100%;
margin-bottom: 2em;
}

#maintenance-and-development-program_236 caption{
background: #FFB900;
color: #222;
font-weight: bold;
font-style: italic;
padding: 5px 0;
margin-bottom: 1em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#maintenance-and-development-program_236 th{
border-bottom: solid 1px #999;
padding-bottom: 5px;
}

#maintenance-and-development-program_236 td{
border-bottom: dotted 1px #ccc;
text-align: center;
padding: 10px 0;
}

#maintenance-and-development-program_236 #container ul,
#maintenance-and-development-program_236 #container ol{
margin: 0 0 1.5em 2em;
}

#maintenance-and-development-program_236 .footnote{
font-style: italic;
font-size: .9em;
}


/************************************************* tweet */

#single_tweet #newer a,
#single_tweet #older a,
#single_tweet #newer a:visited,
#single_tweet #older a:visited{
background: transparent;
display: block;
height: 200em;
width: 40%;
text-align: center;
padding: 200px 10% 0 0;
overflow: hidden;
position: fixed;
left: 0;
top: 0;
z-index: 1;
text-decoration: none;
color: #00778F;
font-size: 1.5em;
}

#single_tweet #newer a,
#single_tweet #newer a:visited{
left: inherit;
right: 0;
padding: 200px 0 0 10%;
}

#single_tweet #newer a:focus,
#single_tweet #older a:focus,
#single_tweet #newer a:hover,
#single_tweet #older a:hover{
background-color: rgba(251,251,251,.1);
color: #00515F;
}

#single_tweet #intro{
position: relative;
text-align: center;
padding: 5px 10px;
width: 480px;
margin: 30px auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
z-index: 100;
background: #fff;
color: #333300;
}

#single_tweet #intro a,
#single_tweet #intro a:visited{
color: #333300;
}

#single_tweet #intro a:hover,
#single_tweet #intro a:focus{
background: #FFCF0D;
color: #333300;
}

#tw{
width: 50%;
left: 50%;
top: 75px;
margin-left: -25%;
position: absolute;
z-index: 2;
-moz-box-shadow: 2px 2px 5px #005C6F;
-webkit-box-shadow: 2px 2px 5px #005C6F;
box-shadow: 2px 2px 5px #005C6F;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#tw h2{
padding: 0;
margin: 0;
}

#tw h2#news{
display: block;
margin: 0;
padding: 20px 30px;
background: #fff;
-moz-border-radius-topleft: 5px;
-webkit-border-radius-topleft: 2px;
border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-radius-topright: 5px;
border-radius-topright: 5px;
font-size: 2em;
text-decoration: none;
line-height: 1.2;
color: #00556F;
}

#tw h2 a,
#tw h2 a:visited{
display: block;
margin: 0;
padding: 20px 30px;
background: #fff;
-moz-border-radius-topleft: 5px;
-webkit-border-radius-topleft: 2px;
border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-radius-topright: 5px;
border-radius-topright: 5px;
font-size: .8em;
text-decoration: none;
line-height: 1.2;
color: #00556F;
}

#tw h2 a:focus,
#tw h2 a:hover{
background: #FFCF0D;
color: #333300;
}

#tw ul{
margin: 0;
padding: 20px 30px 15px 30px;
list-style: none;
overflow: hidden;
-moz-border-radius-bottomright: 50px;
-webkit-border-radius-bottomright: 2px;
border-radius-bottomright: 5px;

-moz-border-radius-bottomleft: 5px;
-webkit-border-radius-bottomleft: 5px;
border-radius-bottomleft: 5px;
}

#tw ul li{
float: left;
margin-right: 5px;
}

#tw ul li#retw{
float: right;
margin-right: 0;
}

#tw ul li a,
#tw ul li a:visited{
padding: 0 3px;
color: #00556F;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fff;
text-transform: uppercase;
}

#tw ul li a:hover,
#tw ul li a:focus{
background: #FFCF0D;
color: #333300;
}

#tw p{
margin: 0;
color: #6D9FAF;
background: #fff;
padding: 15px 30px;
}

/*************************************** html-emails_238 */

#html-emails_238{
margin: 50px auto;
background:#f4f4f4;
max-width: 620px;
}

#html-emails_238 h3 + p + ul{
list-style: none;
margin: 0;
}

#html-emails_238 h3 + p + ul li{
display: block;
background: #fff;
-moz-box-shadow: 0 0 5px rgba(74, 74, 74, .8);
-webkit-box-shadow: 0 0 5px rgba(74, 74, 74, .8);
box-shadow: 0 0 5px rgba(74, 74, 74, .8);
margin-bottom: 50px;
padding: 10px;
width: 561px;
}

#html-emails_238 #container ol{
margin: 0 0 20px 30px;
font-size: 1.5em;
font-style: italic;
}