@charset "utf-8";
/* CSS Document */

/* Generic
---------------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.gif) repeat-x top;
	width:100%;
}

img, a img {
	border: none;
}banner


/* Re-useable colour classes 
---------------------------------------------------------------------------------*/

	.orange { background-color:#f48207;	}
	.fix { background-color:#f48207; }
	.green { background-color:#63a434; }
	.pink { background-color:#da4ba7; }
	.purple { background-color:#675caa; }
	.teal { background-color:#38b79e; }
	.red{ background-color:#da131f; }
	.lightblue{ background-color:#89c6c1; }
	.grey { background-color: #89c6c1; }
	.active{ background-color:#00202f; }

/* info block
---------------------------------------------------------------------------------*/
#info-block {
	width: 950px;
	margin: 0 auto;
	position: relative;
	color:#FFFFFF;
}

#call-us {
	float:right;
	background:#173838;
	padding:15px 10px 15px 10px;
}
#info-links {
	float:right;
	margin-top:24px;
	clear:both;
}



/* banner and titles
---------------------------------------------------------------------------------*/
#banner-home {
	width: 975px;
	height:232px;
	padding-left:25px;
	margin: 0 auto;
	position: relative;
	background:url(../images/bg-banner-home.gif);
}

#banner-home-scroll {
	width: 645px;
	height:232px;
	margin: 0;
	position: relative;
}

#banner-home-steps {
	width: 305px;
	height:232px;
	margin: -232px 0 0 645px;
	position: relative;
	background:url(../images/banner-steps-temp4.gif);
}

#banner-live-chat {
	width: 229px;
	height:183px;
	float:left;
	margin-bottom:6px;
	color:#fff;
	background:url(../images/bg-banner-live-chat1.gif);
}
#banner-live-chat a,
#banner-live-chat a:link,
#banner-live-chat a:visited,
#banner-live-chat a:hover,
#banner-live-chat a:active {
	color: #fff;
	padding:0;
	float:left;
	margin-top:-4px;
}

#flash-live-chat {
	width: 215px;
	height:41px;
	margin:5px 0px 0 5px;
	float:left;
}




#title-container {
	width: 975px;
	height:136px;
	padding-left:25px;
	margin: 0 auto;
	position: relative;
	background-image:url(../images/bg-banner-home.gif); background-repeat:no-repeat;
}

#title {
	width: 645px;
	height:136px;
	margin: 0;
	position: relative;
}

#title-image {
	width: 305px;
	height:136px;
	margin: -136px 0 0 646px;
	position: relative;

}

#banner-home-steps {
	width: 195px;
	height:172px;
	line-height:16px;
	margin: -232px 0 0 645px;
	padding: 60px 30px 0px 80px;
	position: relative;
	background:url(../images/bg-banner-steps.gif);
	color:#fff;
}




/* content
---------------------------------------------------------------------------------*/
#content {
	width: 975px;
	margin: 0 auto;
	padding-left: 25px;
	position: relative;
	background:#ffffff;
}

#welcome-image {
	width:408px;
	height:108px;
	background: url(../images/title-welcome.gif) top no-repeat;
	color:#FFFFFF;
}

.seo-image-text {
	display:none;
}

#left-container {
	background: url(../images/bg-left.gif) no-repeat 0 0;
	width:229px;
	float:left;
	margin: 0px 8px 40px 0px;
	padding-top:47px;
	display:inline;
}

#middle-container-home {
	background: url(../images/bg-middle.gif);
	width:408px;
	margin-bottom:40px;
	float:left;
	display:inline;
}

#middle-container {
	background: url(../images/bg-middle.gif);
	width:408px;
	min-height:300px;
	padding-top:22px;
	margin-bottom:40px;
	float:left;
	display:inline;
}
.nosidebar #middle-container { width: 713px; }
#middle-container-customer {
	background: url(../images/bg-middle.gif);
	width:713px;
	min-height:300px;
	padding-top:22px;
	margin-bottom:40px;
	float:left;
	display:inline;
}


#right-container {
	background: url(../images/bg-right.gif) no-repeat 0 0;
	width:299px;
	margin: 0px 0px 40px 6px;
	float:left;
	display:inline;
}

div.post { padding: 0 20px 10px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
div.post  h2, div.post  h3 { padding-left: 0; color: #89C6C1; }
div.post  h3 { font-size: 14px; margin-bottom: 1em; }
div.post h2 a, div.post h2 a:link, div.post h2 a:visited, div.post h2 a:hover, div.post h2 a:active,
div.post h3 a, div.post h3 a:link, div.post h3 a:visited, div.post h3 a:hover, div.post h3 a:active { color: #89C6C1; }
p.postmetadata a, p.postmetadata a:link, p.postmetadata a:visited, p.postmetadata a:hover, p.postmetadata a:active { color: #aaa; }
div.post small { font-size: 12px; font-weight: bold; color: #222; }
a#blogbacknav, a#blogbacknav:link, a#blogbacknav:visited, a#blogbacknav:hover, a#blogbacknav:active { color: #aaa; padding-left: 20px; font-weight: bold; }
/* accordion
---------------------------------------------------------------------------------*/


.accordion-border {
	background: url(../images/bg-accordion-border.gif) no-repeat 0 0;
	width:229px;
	padding: 5px 0px 0px 5px;
	float:left;
	display:inline;
}

.accordion-border-footer {
	width:229px;
	height:5px;
	margin-bottom:6px;
	float:left;
	display:inline;
	background-color:#dbdbdb;
}

#acc-button {
	text-align: left;
	position:relative;
}

#acc-button  ul {
	margin:auto;
	padding:0px;
}

#acc-button  li {

	font-size: 12px;
	margin-bottom:1px;
	list-style:none;
	font-weight:normal;
}

#acc-button a.acc-link {
	display: block;
	height:24px;
	padding: 6px 0px 0px 6px;
	text-align:left;
	color:#fff;
	text-decoration: none; 
} 

#acc-button  a:link, #acc-button  a:visited #acc-button  a:active {
	color: #fff;
}

#acc-button  a:hover {	
	color: #fff;
	background-color:#00202f;
} 
#acc-button div {
	width: 219px;
	margin-bottom:1px;
}
#acc-button div.panel {
	background: #00202f url(../images/fade-to-blue.gif) no-repeat left bottom;
	padding: 14px 8px;
	color: #fff;
	font-size:11px;
	width: 203px;
}
#acc-button div.panel a,
#acc-button div.panel a:link,
#acc-button div.panel a:visited,
#acc-button div.panel a:hover,
#acc-button div.panel a:active {
	display: inline;
	color: #fff;
	text-decoration: none;
	background: none;
}

#acc-button div.active {
	display: none;
}





#sub-button {
	text-align: left;
	position:relative;
}

#sub-button  ul {
	margin:auto;
	padding:0px;
}

#sub-button  li {
	width: 219px;
	font-size: 12px;
	margin-bottom:1px;
	list-style:none;
	font-weight:normal;
}

#sub-button a {
	display: block;
	height:24px;
	padding: 6px 0px 0px 6px;
	text-align:left;
	color:#fff;
	text-decoration: none; 
} 

#sub-button  a:link, #sub-button  a:visited #sub-button  a:active {
	color: #fff;
}

#sub-button  a:hover {	
	color: #fff;
	background-color:#00202f;
}




/* form
---------------------------------------------------------------------------------*/

#form-container {
	width: 279px;
	height:223px;
	top:47px;
	padding-left:20px;
	padding-top:94px;
	position: relative;
	color:#fff;
	background-image:url(../images/bg-form.gif);
}

#form {
	width: 279px;
	padding-top:10px;
	position: relative;
}

.textfield {
	width: 190px;
	height:16px;
	float:left;
	display:inline;
	background-image:url(../images/back-textfield.gif);
}
.standalone td {
	padding-bottom: 4px;
	color: #fff;
	font-weight: normal;
}
.standalone .textfield { color: #333; }

.drop {
	width: 130px;
	height:20px;
	float:left;
	display:inline;
	background-image:url(../images/back-textfield.gif);
}

#form-button-container {
	width: 289px;
	height:24px;
	margin:0 auto;
	top:18px;
	position: relative;

}

.form-light-blue ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;	
}

.form-light-blue li {
	float:right;
	margin-left: 1px;
}

.form-light-blue a {
	height:20px;
	padding: 4px 12px 0px 12px;
	text-align:center;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#89c6c1;
	display:block;
	text-decoration:none; 
} 

.form-light-blue a:link, .form-light-blue a:active, .form-light-blue a:visited {
	color: #fff;
}

.form-light-blue a:hover {
	
	color: #fff;
	background-color:#00202f;
	text-decoration:none;
}

.form-dark-blue ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;	
}

.form-dark-blue li {
	float:right;
	margin-left: 1px;
}

.form-dark-blue a {
	height:20px;
	padding: 4px 12px 0px 12px;
	text-align:center;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#00202f;
	display:block;
	text-decoration:none; 
} 

.form-dark-blue a:link, .form-dark-blue a:active, .form-dark-blue a:visited {
	color: #fff;
}

.form-dark-blue a:hover {
	
	color: #fff;
	background-color:#00202f;
	text-decoration:none;
}
.errors {
	background-color: #EA7180;
	position:absolute;
	width:279px;
	top:320px;
	left:0;
	padding: 10px;
}
#contact-success {
	background-image: transparent url(../images/bg-form.gif) no-repeat left top;
	color:#FFFFFF;
	height:223px;
	padding: 103px 12px 10px 21px;
	width: 274px;
}
#contact-success h2 {
	color: #fff;
	padding-left: 0;
}

/* Intro video on home page */
#intro-video-wrap { position: fixed; display: block; height: 240px; width: 256px; bottom: 20px; right: 20px; border: 5px solid #dbdbdb; z-index: 10000;}
#close-intro-video { display: block; position: absolute; z-index: 10002; top: 0; right: 0; margin: -15px -15px 0 0; width: 36px; height: 36px; background: transparent url(../images/icon-close.gif) no-repeat left top;}
.intro-video {}


/* Footer
---------------------------------------------------------------------------------*/
#footer {
	width: 950px;
	height:140px;
	padding:10px 0px 20px 0px;
	position: relative;
	clear:both;
	background-image:url(../images/bg-footer.gif); background-repeat:no-repeat;
}

#footer-left {
	width: 220px;
	height:120px;
	margin-left:20px;
	position: relative;
	float:left;
	color:#fff;
	font-size:11px;
}

#footer-right {
	width: 680px;
	height:120px;
	margin-left:10px;
	position: relative;
	float:left;
	color:#fff;
	font-size:11px;
}


#footer p{
	padding:10px 40px 10px 40px;
	color:#FFFFFF;

}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #fff;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration: underline;
}