/* ======== sealit.com Screen Stylesheet ::
Created:	6-4-10 CP http://www.iBecCreative.com
Updated: 	
TOC:		Resets; HTML & Body; Links; Typography; Lists; Tables;
Classes; Template;  Page Styles; Forms; Navigation;

COLORS
BG (olive): #606051;
HR lime green: #b2d233;
Content font color (dark olive): #444437;
Light Pink: #f9c4d9;
Darker Pink: #f38ab4;
----------------------------------------------------------------- */

/* ======== Resets ::
----------------------------------------------------------------- */
body, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre, dl, ol,
ul, dd, dt, li, fieldset, form {margin:0;padding:0;}

/* ======== HTML & Body ::
----------------------------------------------------------------- */
html {font-size:100.01%;height:101%;}
body { 
height:100%;
font:62.5%/1.4 Arial, Helvetica, sans-serif;
background: #99bf7b; 
color:#fff;}

/* ======== Links ::
----------------------------------------------------------------- */
a {outline: none !important;}
a,a:visited,a:focus {color:#fff; text-decoration:none;}
a:active, a:focus, a:hover {text-decoration:underline;}
a img,img {border:none;}

/* ======== Typography ::
----------------------------------------------------------------- */
blockquote p, p blockquote, div div, div li, div p,div dt,div dd,
li li, li li li,ul ul, p address, p pre, pre p,
td address, td h1, td h2, td h3, td h4, td li, td dd, td dt, td p, td pre {font-size: 100%;}
h1, h2, h2, h3, h4, h5 {color:#3b7234;}

abbr,acronym {text-decoration: none;border:0}
address, h1, h2, h3, h4, h5, h6, dd, dt, li, p, pre {padding:.4em 0;}
h1 {font-size:1.9375em; font-weight:normal;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
address,blockquote,div,dd,dt,li,p,th,td {font-size:1.2em;}
dt {font-weight:bold;}
pre {font-size: 12px;}
q:before,q:after {content:'';}

/* ======== Tables ::
----------------------------------------------------------------- */
table {
border:none;
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; }
caption, th, td {text-align: left;vertical-align:top;}

/* ======== General Purpose Classes ::
----------------------------------------------------------------- */
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignCenter { text-align:center; }
.center {text-align:center;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
.floatLeft {float:left;}
.floatRight {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {font-size:20px;font-weight:bold;}
.light {color:#999;}
.small {font-size:10px;font-weight:normal;}
.imagetext { font-size: 0; text-indent: -1000000px; }

.blue {color: #006e8a;}
.pageWidthWrapper {width: 1100px;margin: 0 auto;}
.borderBottomGreen {border-bottom: 13px solid #83b15e;}
/* template */
#logo {float: left;}
#topNavWrapper {float: right;background: #3b7234;width: 655px; height: 40px; overflow: visible;}
#topNav {padding: 4px 2px 5px 0;font-weight: bold;}
#topNav a { /*padding: 0.5em 1em 0 0.75em;text-transform: uppercase;font-size: 1.125em; */}
#topNavSearch {float: right;margin: 2px 2px 0 0;}
#topNavSearch label {position:absolute;top:-999em;top:-999em;}
#topNavSearch .search-input {
border: 1px solid #fff;
height: 26px;
font-size: 1.5em;
font-weight: bold;
width: 180px;
padding: 0 0 0 0.25em;
vertical-align:bottom;
}
#topNavSearch .search-button {
height: 28px;
border: 1px solid #99bf7b;
background: #99bf7b;
color: #fff;
position: relative;
font-weight: bold;
text-transform: uppercase;	
cursor:pointer;
}
#topSlogan {
float: right;
clear: right;
margin: 20px 0 0;
font-size: 1.6em;
font-weight: bold;
text-transform: uppercase;
width: 655px;
}
#topSlogan span {
	float: left;
	margin-top:	8px;
	margin-left: 6px;
}
.visamc {
	float: right;
	height: 41px;
	width: 131px;
	background: transparent url(../images/visa-mc.jpg) top left no-repeat;	
}
#navWrapper {background: #006e8a;}
#mainContentWrapper {background: #fff;padding: 5px 0;}
#homeSplash {
background: url(../images/hp-splash-bg.jpg) top left no-repeat;	
height: 379px;
width: 100%;
margin: 0 0 5px;
}
#homeSplashImage {
float: left;
margin: 0 0 0 55px;
height: 379px;
width: 578px;
overflow: hidden;
}
#homeSplashText {
float: left;
margin: 88px 0 0 60px;
width: 370px;
font-size: 1.15em;
}
#homeSplashText em {
font-size: 1.25em;
text-transform: uppercase;
color: #b8d6de;
display: block;
position: relative;
left: -5px;
}
#homeSplashText img {position: relative;top: 2px;}
#homeSplashText strong {font-size: 1.5em;text-transform: uppercase;display: block;}
.homeFeatureHeader {background: url(../images/transwhiteblue.png) top left repeat;display: block;}
.homeFeatureHeader span {
font-size: 1.4em;
text-transform: uppercase;
font-weight: bold;
padding: 0.25em 1em;
display: block;
}
.homeFeatureHeader span, .homeFeatureHeader span {color: #006e8a;font-weight: bold;}
.homeFeature {float: left;text-decoration: none;}
.homeFeature:hover {text-decoration: none;}
.homeFeature.mr {margin-right: 4px;	}
#homeKB {
display: block;
background: url(../images/homeDoors-KB.jpg) top left no-repeat;
height: 160px;
width: 400px;
}
#homeHomeowners {
display: block;
background: url(../images/homeDoors-Homeowners.jpg) top left no-repeat;
height: 160px;
width: 229px;
}
#homeContractors {
display: block;
background: url(../images/homeDoors-Contractors.jpg) top left no-repeat;
height: 160px;
width: 229px;
}
#homeArchitects {
display: block;
background:url(../images/homeDoors-Architects.jpg) top left no-repeat;
height: 160px;
width: 229px;
}
#footerWrapper {padding: 5px 0 10px;}
#footerInfo {color: #3b7234;font-size: 1.125em;}
.infoSection {float: left;margin: 0 20px 0 0;}
.infoSection span {font-weight: bold;text-transform: uppercase;}
#footerLinks {padding: 15px 0 75px;}
.footerItem {
float: left;
overflow: visible;
height: 200px;
color: #fff;
margin: 0 1em 0 0;
}
.borderRight {border-right: 1px solid #78a462;}
.footerItemHeading {
text-transform: uppercase;
font-weight: bold;
font-size: 1.25em;
display: block;
padding: 0 1em 0 0;
}
.footerItem ul {width: 95%;font-size: 0.85em;list-style: none;}
.footerItem ul li {padding: 0;margin: 0.5em 0;}
.footerItem ul li ul li {margin: 0 0 0 0.5em;}
#interiorGallery {float: left;width: 780px;}
#interiorLeft {float: left;width: 256px;}
#interiorWrapper {color: #414141;font-size: 1.1667em;padding: 5px 0;}
.interiorLeftTestimonial {background: #f2f2f2;margin: 5px 0;}
.testimonialPadding {width: 236px;padding: 20px 10px;}
.testimonialHeader {text-transform: uppercase;color: #3b7234;font-weight: bold;}
.testimonialText {font-style: italic;line-height: 1em;}
.testimonialBy {float: right;}
#interiorMid {
width: 500px;
float: left;
margin: 0 0 0 25px;
padding: 0 20px 0 0;
border-right: 1px solid #dfe8de;
}
#interiorMid.fullWidth {
	width: 780px;
	margin: 0 0 0 0;
}
#interiorMid ul {list-style: none;}
#interiorMid ul li {background: url(../images/bullet.png) 0px 3px no-repeat #fff;margin: 0;padding: 0 0 10px 20px;}
#interiorMid h1, #interiorMid h2, #interiorMid h3, #interiorGallery h1 {
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding: 0;
font-size: 1.5em;
}
#interiorRight {float: left;width: 260px;margin: 0 0 0 10px;color: #83b15e;}
#savingsCalculator {background: #e8f2f4;width: 240px;padding: 5px 10px;}
#savingsCalculator span {color: #006e8a;font-weight: bold;text-transform: uppercase;}
.savingsDollarSign {
display:inline-block;
background: url(../images/dollarsign-trans.png);
float: left;
width: 51px;
height: 44px;
margin: 0 10px 0 0;
}
#consultForm, .formRow {margin: 5px 0;text-transform: uppercase;font-weight: bold;}
.formRow .checkbox {float: right;clear: both;}
.formRow {clear: both;}
.formLabel, .formRow label {float: left;display: block;padding: 0.5em 0 0;color: #83B15E;}
input.consultFormInput, #interiorWrapper input {float: right;}
textarea.consultFormInput, #interiorWrapper textarea {width: 94%;overflow: auto;}
.consultFormInput, #interiorWrapper input[type="text"], #interiorWrapper textarea {
border: 1px solid #999999;
padding: 0.25em 0.5em;
background: #f2f2f2;
font-family: Arial, Helvetica, sans-serif;	
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f2f2f2'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f2f2f2)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFFFFF,  #f2f2f2); /* for firefox 3.6+ */



}
fieldset {border: none;}
legend {display: none;}
.consultFormSubmit, #interiorWrapper .submit input  {
height: 28px;
border: 1px solid #99bf7b  !important;
background: #99bf7b !important;
color: #fff;
font-weight: bold;
text-transform: uppercase;	
position: relative;
left: -2px;
float: right;
margin: 10px 0 20px 0;
border: 1px solid #3B7234 !important;
cursor:pointer;
}
.submit {
clear: both;	
}
.interiorRightLinks {margin: 0.25em 0 0.5em;clear: both;}
.linksHeader {color: #006e8a;text-transform: uppercase;font-weight: bold;}
.interiorRightLinks ul {list-style: none;}
.interiorRightLinks ul li {margin: 0 0 0 1em;padding: 0;}
.interiorRightLinks ul li, .interiorRightLinks ul li a {color: #414141;}
#interiorMid a, .NewsSummaryLink {color: #3b7234;font-weight: bold;	}
.linkRight {float: right;margin: 0 3em 0 0;}
.error_message ul {list-style: none;}
.error_message ul li {background: none !important;	color: #8F0000;	padding: 0 !important;}

.savingscalculator legend {
	display: block;
	text-transform: uppercase;
	padding: 15px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #006E8A;
}

/* ======== Navigation ::
----------------------------------------------------------------- */
/*** ESSENTIAL STYLES ** */
.sf-menu,.sf-menu *{padding:0;list-style:none;}
/*** DEMO SKIN ** */
.sf-menu{line-height:1.0;float:left;}
.sf-menu ul{position:absolute;top:-999em;width:10em;z-index:999;}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;}
.sf-menu li{float:left;text-transform:uppercase;}
.sf-menu a{display:block;position:relative;padding:.75em 1em;text-decoration:none;font-weight:bold;font-size:1.25em;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:auto;top:auto;z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:auto;top:auto;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:auto;top:auto;}
.sf-menu a,.sf-menu a:visited{color:#fff;}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{outline:0;color:#e8f2f4;}
.sf-menu a:hover{text-decoration:underline;}
.sf-menu li ul li a,.sf-menu li ul li a:focus,.sf-menu li ul li a:hover,.sf-menu li ul li a:active,.sf-menu li ul li a:visited{outline:0;color:#414141;padding-left:30px;background:url(../images/nav-bullet.jpg) 10px 15px no-repeat #e8f2f4;font-weight:normal;text-transform:none;font-size:1.5em;}
/*** arrows * */
.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px;}
.sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;}
a > .sf-sub-indicator{top:.8em;background-position:0 -100px;}
/* apply hovers to modern browsers  */
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;}
/* point right for anchors in subs  */
.sf-menu ul .sf-sub-indicator{background-position:-10px 0;}
.sf-menu ul a > .sf-sub-indicator{background-position:0 0;}
/* apply hovers to modern browsers  */
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;}
/*** shadows for all but IE6 ** */
.sf-shadow ul{background:url('../images/shadow.png') no-repeat bottom right;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;}
.sf-shadow ul.sf-shadow-off{background:transparent;}