/* main.css */

/*
--------------------------
CSS RESET
--------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before,q:after {content: "";} blockquote, q {quotes: "" "";}


/*
--------------------------
BASIC STRUCTURE
--------------------------
*/
html {background: #f9f9f9 url(../images/bg_header.gif) repeat-x;}

body {background: transparent url(../images/bg_headerall.jpg) no-repeat 50% 0; font-family: Tahoma, Verdana, sans-serif; font-size: .81em; text-align: center; color: #212930;}

#wrapper {width: 950px; margin: 0 auto;  position: relative; text-align: left;}

#header {width: 950px;}

#content {width: 920px; padding: 0 15px 25px 0;}

body#index #content {width: 950px; padding: 0 0 25px 0;}

#footer {width: 100%; background: #003e7e url(../images/bg_footer.gif) repeat-x;}

.clear {clear: both;}

div.spacer1 {padding-bottom:1px;}

div.spacer10 {padding-bottom:10px;}

div.spacer20 {padding-bottom:20px;}

div.spacer30 {padding-bottom:30px;}

div.spacer40 {padding-bottom:40px;}

div.spacer50 {padding-bottom:50px;}

/*
--------------------------
FONTS/LINKS
--------------------------
*/
h1, h2, h3, h4, h5, h6 {padding-bottom: 15px;}

h1 {font: 1.69em/1.69em Georgia, serif; color: #6a737c;}

h1.blogtitle {font: 2em/1.25em Tahoma, Verdana, sans-serif; color: #80b00b;}
h1.blogtitle, h2 a {padding-bottom: 10px;}
h1.blogtitle a, #recent-news a {color: #80b00b; text-decoration: none !important;}
h1.blogtitle a:visited, #recent-news a:visited {color: #96b059;}
h1.blogtitle a:hover, #recent-news a:hover {color: #80b00b; text-decoration: underline !important;}

h2 {font: 1.23em/normal Tahoma, Verdana, sans-serif; color: #6a737c; padding: 10px 0;}
h2 a {color: #80b00b; text-decoration: none !important;}
h2 a:visited {color: #96b059;}
h2 a:hover {color: #80b00b; text-decoration: underline !important;}
h2.spacing {padding: 0 0 10px 0;}

h3 {font: 1.38em/1.38em Georgia, serif; color: #6a737c; text-transform: uppercase;}

h4 {font: 1.08em/normal Tahoma, Verdana, sans-serif; color: #80b00b; padding-bottom: 5px;}

h5 {font: 1.08em/normal Tahoma, Verdana, sans-serif; color: #999;}
h5 img {vertical-align: text-bottom;}



/* blog byline */
p.byline {font-size: .88em; /*line-height: .85em;*/ color: #999;}

p {font: 1em/1.62em Tahoma, Verdana, sans-serif; color: #212930; padding-bottom: 15px;}

em {font-style: italic;}

strong {font-weight: bold; color:#2f3b45;}

blockquote {border: 1px solid #d8d8d8; background: #ebecec; padding: 10px 15px; margin: 10px;}
blockquote.m4m {border: 1px solid #d8d8d8; background: #ebecec; padding: 10px 15px 15px 15px; margin: 10px; font-size: 1.08em; line-height: 1.39em; font-weight: bold;}

/* posted note */
blockquote#note {border: none; padding: 0; margin: 10px 0 10px 15px; width: 228px; font-size: .92em; background: #fbf376 url(../images/img_note_mid.gif) repeat-y;}
blockquote#note p {padding: 0 15px 15px;}
blockquote#note #citation {font-style: normal;}
blockquote#note #top {display: inline-block; width: 228px; height: 29px; margin-bottom: 15px; background: url(../images/img_note_top.gif) no-repeat;}
blockquote#note #bottom {display: inline-block; width: 228px; height: 12px; background: url(../images/img_note_bottom.gif) no-repeat; position: relative; left: 0;}

/* pull to the left, neg right marg to make IE happy */
blockquote#note {position: relative; left: -15px; margin-right: -15px;}


/* img replacement for headings or navigation */
span.img-text {position: absolute; top: -9999px;}

a {color: #1b417d;}
a:link, a:visited {text-decoration: underline;}
a:active, a:hover, a.active {text-decoration: underline;}
a:hover {color: #888a8c;}
a:visited {color: #7298d2;}

a.what-is-this {font-size: .77em;}

a.read-more {font-size: 1.08em; line-height: 1.69em; font-weight: bold;}

/*
--------------------------
LISTS
--------------------------
*/
ul {color: #212930;}
ul.normallist {list-style-image:none; list-style-type:disc;padding:0 0 0 1.5em;}
ul.normallist li {padding: 0 0 1em 1em;}

/* large bullets */
ul.bullets-lg li {padding: 3px 0 4px 29px; background: url(../images/bullet_lg.gif) no-repeat;}

/* small bullest */
ul.bullets-sm li {padding: 1px 0 2px 23px; background: url(../images/bullet.gif) no-repeat;}

/* social networking */
ul#networking {margin-top:5px;}
ul#networking li {padding-bottom: 5px;}

ol {padding:0 0 0 2em;}
ol li {padding: 0 0 1em 1em; line-height:1.38em;}
ul li {line-height:1.38em;}

/* icons */
a.icon {display: block; padding: 3px 0 6px 30px;}
a#rss {background: url(../images/icon_rss.gif) no-repeat;}
a#rss2 {background: url(../images/icon_rss.gif) no-repeat;}
a#facebook {background: url(../images/icon_facebook.gif) no-repeat;}
a#digg {background: url(../images/icon_digg.gif) no-repeat;}
a#technorati {background: url(../images/icon_technorati.gif) no-repeat;}
a#linkedin {background: url(../images/icon_linkedin.gif) no-repeat;}
a#twitter {background: url(../images/icon_twitter.gif) no-repeat;}
a#mandy {background: url(../images/icon_mandy.gif) no-repeat;}
img.msn {vertical-align:middle;}

/*--------------------------
MAIN NAVIGATION
--------------------------*/
ul#navigation {height: 48px; padding: 38px 0 40px 20px;}
ul#navigation li {float: left;}
ul#navigation li a {display: block; overflow: hidden; height: 41px; background-repeat: no-repeat; background-image: url(../images/img_nav.gif);}

/* logo */
ul#navigation li#logo {margin-right: 110px;}
ul#navigation li#logo a:link,
ul#navigation li#logo a:visited,
ul#navigation li#logo a:hover {width: 268px; height: 90px; background: url(../images/ftlogo.png) no-repeat 0 0 !important;}


#nav li {
float:left;
list-style: none;
}

#nav li a {
float:left;
height: 20px;
margin-left:20px;
display: block;
font-weight: bold;
text-decoration: none;
}

#nav li a:link, #nav li a:visited {
color:#666;
}

#nav li a:hover {
border-bottom: 4px solid #003e7e;
padding-bottom: -2px;
color: #231f20;
}

ul#nav li a:hover,
.residential ul#nav li.residential a:link, .residential ul#nav li.residential a:visited,
.commercial ul#nav li.commercial a:link, .commercial ul#nav li.commercial a:visited,
.training ul#nav li.training a:link, .training ul#nav li.training a:visited,
.contact ul#nav li.contact a:link, .contact ul#nav li.contact a:visited,
{
border-bottom: 4px solid #003e7e;
padding-bottom: -2px;
color: #231f20;
}

#nav {
position: absolute;
right:0px;
top:95px;
width: 480px;
}


/*
--------------------------
COLUMNS
--------------------------
*/
.column {float: left;}
.column.left {width: 645px; padding: 15px 25px 15px 20px; border-right: 1px solid #dfe0e1;}
.column.right {width: 195px; padding: 15px 0 15px 15px;}

.column.right ul {padding-bottom: 10px;}
.column.right ul li {padding-bottom: 10px;}

a.returnlink {display:none;}

body#index .column.left {width: 630px; padding: 0;}
body#index .column.right {width: 315px; padding: 0;}



/*
--------------------------
CUSTOM
--------------------------
*/
#intro {width: 942px; padding: 4px; margin-bottom: 35px; position: relative;}
#intro .slide {position: relative; display: block; width: 942px; height: 226px; overflow: hidden;}
#intro .slide .content {width: 380px; position: absolute; left: 527px; top: 65px;}
#intro .slide .content p {line-height: 16px;}
#intro .slide .content a {color: #006699; font-size: 1.15em; line-height: 1.54em;}
#intro .slide .content a:visited {color: #367899;}
#intro .slide .content a:hover {color: #003366;}

#banner {width: 942px; height:144px; padding: 4px; margin-bottom: 35px; position: relative;}

#slideshow-nav {width: 50px; position: absolute; top: 205px; left: 890px; z-index: 9999;}

#footer-content {width: 950px; height: 109px; overflow: hidden; position: relative; margin: 0 auto; text-align: left;}
#footer-logo {position: absolute; top: 6px; left: 0;}
#footer-text {position: absolute; top: 43px; left: 260px; width: 670px;}
#footer-text p {font-size: 1em; color: #888a8c}
#footer-text a {font-size: 1em; color: #888a8c; text-decoration:none; font-weight:normal;}
#footer-text a:hover{font-size: 1em; color: #ffffff; text-decoration:none; font-weight:normal;}
p#footer-nav {color: #ffffff; line-height: normal; padding-bottom: 10px; font-weight:normal;}
p#footer-nav a {color: #ffffff; text-decoration:none; font-weight:normal;}
p#footer-nav a:visited {color: #ffffff; text-decoration:none;}
p#footer-nav a:hover {color: #ffffff; text-decoration:underline; font-weight:normal;}
p#footer-nav a#footer-rss {position: absolute; right: 0; top: -1px; background: url(../images/icon_rss.gif) no-repeat; padding: 3px 0 6px 25px;}

body#index #intro {height: 226px;}
/* body#interior #intro {height: 144px;} */

/* homepage */
hr {border: none; border-top: 1px dashed #dfe0e1; margin-bottom: 15px; height: 1px; display: block; clear: both;}

.column.left .box hr {margin: 15px 0 30px;}
.column.right .box hr {margin: 15px 0 0;}

.column.left .box {padding: 15px 30px 0 20px;}
.column.right .box {padding: 5px 5px 0 30px;}

#bottomfeature {background: url(../images/bg_home_successblog.gif) repeat-x; border-top: 1px solid #dfe0e1; padding-top: 30px; margin-top: 30px;}

#site-intro {padding-bottom:25px;}
#services ul {font-size: 1.08em; color: #1b417d; margin-bottom: 10px;}

#getstarted {/*border: 1px solid #dfe0e1;*/ border-left: none; padding: 1px 1px 1px 0;}
#getstarted {background: #e8e8e8; /*padding: 15px 30px;*/}
#getstarted p {text-align: right; padding-right: 3px; padding-bottom: 0;}
#getstarted a {color: #666666;}

#getstarted .box {border: 5px solid white; padding:10px 0 10px 0;}
#getstarted .box h1, #getstarted .box h5 {margin-left:20px;}
#getstarted .box a:hover {color: #333;}

#guarantee {background: #f9f9f9; /*padding: 15px 30px;*/}

#learnmore p {padding-bottom: 0; font-size:1.2em; font-weight:bold; margin-top:0;}
#learnmore p span{padding-bottom: 0; font-size:.8em; font-weight:normal;}
#learnmore {padding:0 10px 5px 20px;}
#learnmore h3 {font: 1.38em/1.38em Georgia, serif; color: #6a737c; text-transform: uppercase; padding-bottom:5px;}

#contactHome {padding-top:0;}
#contactHome p {padding-bottom: 0; font-size:1.2em; font-weight:bold;}
#contactHome p span{padding-bottom: 0; font-size:.8em; font-weight:normal;}
#contactHome h3 {font: 1.38em/1.38em Georgia, serif; color: #6a737c; text-transform: uppercase; padding-bottom:10px;}
#contactHome h4 {padding-bottom:10px;}
#contactHome hr {border: none; border-top: 1px dashed #dfe0e1; height: 1px; display: block; clear: both;}

li a.blog {background:url(../images/blog_button.png) left top no-repeat; height:37px; width:231px; display:block; margin-top:-15px; text-indent:-9999em;}
li a.blog:hover {background:url(../images/blog_button.png) left bottom no-repeat;}

li a.apply {background:url(../images/apply_button.png) left top no-repeat; height:37px; width:231px; display:block; margin-top:-15px; text-indent:-9999em;}
li a.apply:hover {background:url(../images/apply_button.png) left bottom no-repeat;}

/* portfolio */
body#portfolio2 h1 {padding-bottom: 10px;}

body#portfolio2 hr {height: 1px; display: block; clear: both;}

div.thumb {float: left; clear: left; margin: 0 15px 20px 0;}

/* blog */
/*#comment_form label {display: block; width: 50px; text-align:right; float:left; margin-right: 10px;}
#comment_form input, #comment_form textarea {clear:left; margin-bottom: 10px;}*/
.allcomments {border-top: 1px dashed #dfe0e1; margin-bottom:20px;}
.comment {border-bottom: 1px dashed #dfe0e1; padding:15px 15px 0px 15px;}
.commentauthor {border-bottom: 1px dashed #dfe0e1; background-color: #f0fadb; padding:15px 15px 0px 15px;}
p#nocomments {margin-top: 20px;}
.addthis {margin: 10px 0 25px 0;}

/* contact */
ul.fields {padding:20px;border: 1px solid #ccc; background-color: #fff;}
#forms label {display: block; width: 140px; text-align:left; float:left; margin-right: 10px;}
#forms input.text, #forms textarea {margin-bottom: 10px; width:213px; height:24px; border:1px solid #ccc;}
#forms input.keywords {border:1px solid #ccc; width: 365px; margin-bottom:5px;}
#forms textarea {height: auto;}
#forms label.captcha {height: 40px;}
#forms span.required {color:#f00;}
#forms li#submit input.button {width:67px;height:25px;border:none;color:#f9f9f9;background-image: url(/assets/images/btn_submit.gif); background-position: 0 0; cursor: pointer;}
#forms li#submit input.button:hover {background-position: 0 100%;}
#forms li#submit {border-top: 1px solid #ccc; margin-top: 5px; padding-top: 15px; text-align: right;}

#forms li#submit {width: 365px;}

input#searchbutton {width:48px;height:20px;border:none;color:#f9f9f9;background-image: url(/assets/images/btn_search.gif); background-position: 0 0; cursor: pointer;}
input#searchbutton:hover {background-position: 0 100%;}
input.border {border:1px solid #ccc;}

ul.searchform li {margin-bottom:25px;}
.profile_link {}

/* alignments */
.fleft {float:left; margin: 0 10px 5px 0}
.fright {float:right; margin: 0 0 5px 10px;}

/* pagination links */
p.pagination {text-align:right;color:#434343;font-size:.83em; font-weight: bold;}
p.pagination a {padding:3px 5px;border:1px solid #9ec7ff;}
p.pagination a:link {text-decoration:none;color:#0082df;}
p.pagination a:visited {text-decoration:none;color:#0082df;}


/* FAQ Drop Down Lists */

.stitle {font-weight: bold; font-size:12px; cursor: pointer; color: #1b417d; margin-top: 5px; margin-bottom: 5px; 	line-height: 16px; font-family:Arial, Helvetica, sans-serif;}
.scontent p {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.scontent ul {font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height: 16px;}
.scontent li {font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height: 16px;}
.scontent li strong{font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height: 16px;color: #80b00b;}
.clr {clear: both;}

/* Calculator */

.normaltext {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.smallertext {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.smallertext2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.title01 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	font-weight: bold;
}
.title02 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
.title00 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FC702C;
	font-weight: bold;
}
.smallertext3 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.faqlist {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	clip: rect(auto,auto,auto,auto);
	list-style-type: none;
}
.title03 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #009900;
	font-weight: bold;
}
.border1{
border: 1px solid #cccccc; background-color: #f0f8ff; padding: 5px;
}
.border2{
border: 1px solid #cccccc; background-color: #efefef; padding: 5px;
}
.title04 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FC702C;
	font-weight: bold;
}
.phone_hdr {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #CC3333;
	font-weight: bold;
}
.formtext {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
/* Tables */
table.style1 {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	font-family: Tahoma, Verdana, sans-serif;
	font-size:12px;
}
table.style1 th {
	width:140px;
	text-align:center;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.style1 td {
	width:140px;
	text-align:center;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: gray;
	background-color: white;
}
table.style2 td {
	width:740px;
	text-align:left;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	font-family: Tahoma, Verdana, sans-serif;
	font-size:11px;
}
table td{vertical-align:middle;}