/* reset some defaults css */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {
margin: 0;
padding: 0;
}


body {
line-height: 1.286em;
margin: 0;
font-size: 75%;
font-family: "Trebuchet MS", arial, "times new roman", serif;
color: #444444;
}

html>body {
font-size: 12px;
}

/* --- Typography from 23ways -------------------------------- */

p {
font-size: 1em;
line-height: 1.5em;
margin: 0 1.5em 1.5em 0;
}

.strapline {
color: #FFF;
margin-bottom: 30px;
height: 75px;
font-size: 15px;
}

.home {
color: #FFF;
}
.home #content p{
	font-size: 15px;
}

h1 {
line-height: 1em;
font-size: 1.5em;
font-weight: normal;
margin: 0 0 1em 0;
}

h2 {
font-size: 20px;
line-height: 1.286em;
margin: 1em 0 0.643em 0;
font-weight: normal;
color: #FFF;
}

h5{
font-size: 10.5px;
}

blockquote {
background: url('/img/backgrounds/quote-open.png') top left no-repeat;
text-align: center;
margin: 0 25px 20px 0px;
width: 45%;
float: left;
}

blockquote p {
background: url('/img/backgrounds/quote-close.png') top right no-repeat;
text-align: center;
min-height: 90px;
padding: 10px 20px 0 20px;
}

blockquote p em {
display: block;
font-style: italic;
font-weight: bold;
}

#extra p , #footer {
margin-right: 0;
font-size: 0.91667em;
line-height: 1.6364em;
}

#content ul {
margin: 0 60px 1.5em 60px;
}

/* --- layout ----------------------------------------------- 
   keep these for just the layout no background color nothing! */

div#container {
width: 890px;
padding: 0 10px;
/* margin: 0 auto; */
position: relative;
}

div#header {
float: left;
width: 580px;
}


div#content {
float: left;
width: 580px;
clear: left;
}

.home div#content {
height: 230px;
overflow: hidden;
}

div#navigation {
float: left;
width: 580px;
clear: left;
}

div#banner {
float: right;
width: 280px;
padding: 160px 11px 0px 11px;
}

.home #banner {
padding: 114px 10px 0  10px;
}

div#extra {
float: right;
width: 280px;
margin: 0 10px;
}

#footer-container {
width: 100%;
clear: both;
padding-top: 40px;
}

div#footer {
clear: both;
width: 860px;
padding: 10px 10px 40px 10px;
/* margin: 0 auto; */
margin-left: 10px;
border-top: 1px dotted #595958;
}

#footer-extra {
width: 890px;
/* margin: 0 auto; */
margin-left: 10px;
}

.home #home-extra {
clear: both;
width: 100%;
padding: 20px 0;
}

/* links */

a, a:link{
	color: #D92320;
}

a:hover{
	text-decoration: none;
}

/* --- backgrounds ---------------------------------------------- */
body {
background: #FFF url('/img/backgrounds/body-inner.png') repeat-x;
}
body.home {
background: #333332 url('/img/backgrounds/body.png') repeat-x !important;
}
.home #banner {
background: url('/img/backgrounds/banner.png') no-repeat
}
#banner {
background: url('/img/backgrounds/inner-banner.png') no-repeat
}
#footer-container {
background: url('/img/backgrounds/footer-container.png') repeat-x
}



/* --- header ----------------------------------------------- */

#header h1 {
padding-bottom: 14px;
position: relative;
left: -20px;
}

#header h1 a {
display: block;
width: 317px;
height: 150px;
text-indent: -10000px;
outline: none;
background: url('/img/logo.2.png') no-repeat;
}

/* --- banner ----------------------------------------------- */
.home #banner {
height: 348px;
background-position: 0 106px;
}

#banner {
height: 260px;
background-position: 0 148px;
padding-left: 1px;
position: relative;
}

#banner div {
position: absolute;
top: 158px;
left: 11px;
z-index: 8;
opacity: 0.0;
background-color: #FFF;
}

.home #banner div {
top: 140px;	
}

#banner div.active {
z-index: 10;
opacity: 1.0;
}

#banner div.last-active {
z-index: 9;
}


#banner p {
padding: 5px 5px 5px 10px;
color: #df3a37;
width: 242px;
font-size: 11px;
margin-bottom: 0;
height: 38px;
}

/* --- navigation ----------------------------------------------- */
#navigation li {
list-style-type: none;
float: left;
margin-right: 1px;
}

#navigation li a {
padding: 5px 8px;
color: #df3a37;
display: block;
background: #fff url('/img/backgrounds/navigation.png') repeat-x;
border-top: 1px solid #f7d4d3;
text-decoration: none;
}

#navigation li a:hover,
.home #navigation li.nav-home a,
.cleaning-services #navigation li.nav-cleaning-services a,
.testimonials #navigation li.nav-testimonials a,
.faqs #navigation li.nav-faqs a,
.recruitment #navigation li.nav-recruitment a,
.mission-statement #navigation li.nav-mission-statement a,
.privacy-policy #navigation li.nav-privacy-policy a,
.contact-us #navigation li.nav-contact-us a {
background: #db2320;
color: #FFF;
}

#navigation li.nav-privacy-policy {
display: none;
}


/* --- contact --------------------------------------------------- */

dl {
margin-bottom: 25px;
margin-right: 15px;
}

dl dt {
font-size: 16px;
margin-bottom: 10px;
line-height: 22px;
}

dl dd {
padding-left: 55px;
background: url('/img/backgrounds/answer.png') 5px 5px no-repeat;
}






/* --- extra --------------------------------------------------- */
.jumpoff {
width: 280px;
float: left;
padding: 10px 0;
}

.home .jumpoff,
#footer-extra .jumpoff {
margin-right: 20px;
background: #7c7a7a url('../img/backgrounds/home-jumpoff.png') repeat-x 0 191px;
height: 320px;
}

.home .jumpoff h3,
.home .jumpoff h5,
#footer-extra .jumpoff h3,
#footer-extra .jumpoff h5 {
padding: 0 10px;
color: #FFF;
}
.home .jumpoff h5,
#footer-extra .jumpoff h5 {
padding-bottom: 10px;
}
.home .jumpoff img, 
#footer-extra .jumpoff img {
border-bottom: 1px solid #868483;
}
.home .jumpoff p, 
#footer-extra .jumpoff p {
color: #ccc;
padding: 10px;
margin-bottom: 0;
}
.home .jumpoff p a,
#footer-extra .jumpoff p a {
color: #CCC;
}

.home .last,
#footer-extra .last {
margin-right: 0;
}

#home-extra .jumpoff blockquote,
#footer-extra .jumpoff blockquote{
width: 280px;
background: url('/img/backgrounds/quote-open-footer.png') no-repeat;
margin-bottom: 0;
height: 102px;
}

#home-extra .jumpoff blockquote p,
#footer-extra .jumpoff blockquote p{
	background: none;
}

#extra .jumpoff {
background: url('/img/backgrounds/extra-body.png') repeat-x 0 35px;
}
#extra .jumpoff h4 {
color: #FFF;
padding: 5px 10px;
margin-bottom: 10px;
background: url('/img/backgrounds/extra-heading.png') repeat-x 0 0;
}
#extra .jumpoff p {
color: #D92320;
padding: 0 10px;
}
#extra .jumpoff p.link {
text-align: center;
}
#extra .jumpoff p.link a {
color: #D92320;
}
#extra .jumpoff p.link a:hover {
text-decoration: none;
}

/* contactFormContainer ------------------------------------------- */

#contactFormContainer {
position: absolute;
top: 0;
right: 11px;
width: 235px;
padding: 0px 35px 24px 30px;
background: url('../img/backgrounds/quote.png') no-repeat bottom;
color: #fff;
z-index: 100;
}

#contactLink {
text-align: center;
}

#contactLink a {
color: #FFF;
font-weight: bold;
text-decoration: none;
text-align: center;
outline: none;
}

#contactFormContainer fieldset {
border: none;
padding-top: 15px;
}

#contactFormContainer fieldset input,
#contactFormContainer fieldset textarea {
display: block;
width: 230px;
border: 1px solid #ccc;
padding: 2px;
margin-bottom: 5px;
}

#messageSent {
display: none;
color: #FFF;
padding-top: 10px !important;
font-weight: bold;
}

#contactFormContainer span{
display: block;
}

#contactFormContainer fieldset input#send-quick{
	width: 80px;
	float: right;
	color: #D92320;
	background: url('/img/backgrounds/navigation.png') repeat-x;
	cursor: pointer;
}


form#contactform fieldset { 
	margin-bottom:10px;
	width:300px;
	border: none;
}
	
form#contactform legend {
	display: none;
	}
	
form#contactform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form#contactform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form#contactform fieldset li {
	list-style: none;
	padding: 5px 0;
	margin: 0;
	}
	
form#contactform fieldset label {
	display: block;
	width: auto;
	}
	
form#contactform fieldset input,
form#contactform fieldset textarea{
	width: 100%;
	padding: 2px;

}

form#contactform fieldset textarea{
	width: 101%;
}

form#contactform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

form#contactform fieldset .error{
	color: #d92320;
}

.error{
	font-weight: bold;
}

/* --- footer --------------------------------------------------- */
#footer p, #footer p a {
color: #595958;
font-size: 11px;
margin-bottom: 0;
}

#footer ul li {
list-style-type: none;
display: inline;
text-transform: capitalize;
color: #595958;
}
#footer ul li a {
color: #595958;
text-decoration: underline;
font-size: 11px;
}

#footer ul li a:hover {
text-decoration: none;
}
#footer ul li:after {
content: " |";
}
#footer ul li:last-child:after {
content: "";
}

/* --- forms ------------------------------------------------- */
fieldset {
}

legend {
}

label {
}

input:focus {
}

input {
}

em {
}

input.required_Field {
}

/* ---[ misc ]------------------------------------- */

img, a img {
border: none;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.debug {
border: 1px solid red;
}