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


/***********************************************************
				GENERAL TEMPlATE STYLE
************************************************************/

body {height:100%; margin: 0 0 1px; padding: 0; background:#005058;  font-family:Arial, Helvetica, sans-serif; font-size:13px;}
html {height:100%; margin: 0 0 1px; padding: 0;}
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;} 

.left {float:left}
.right {float:right;}
.clear {clear:both;}

img {border:0;}

a:link, a:visited {color:#000;text-decoration:none;}
a:active, a:hover {color:#666;text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {padding: .2em 0em .4em 0em; font-family:Arial, Helvetica, sans-serif;}
h1 { text-transform: uppercase; color: #6dbec2; text-align: center; padding-top: 10px; padding-right: 85px; }
h2 { font-size: 18px; text-transform: uppercase; margin-bottom: -5px; }


p { color:#000; line-height:1.3; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.secondary p { margin: 0 270px 10px 25px; line-height: 1.1; }

#wrap { width: 881px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#content { background-color: #FFF; }
#content .inner { min-height: 500px; padding-bottom: 35px; }

.spacer { height:50px; }

.title a { font-size: 18px; font-weight: bold; color: #000; text-decoration:none; }
.date { font-size: 11px; font-style:italic; }


/***********************************************************
				Homepage
************************************************************/

#hpboxes { background-color: #457E81; height: 257px; }
#hpboxes img { margin-top: 140px; }
#hpboxes .box { height: 257px; width: 220px; float: left; background-repeat: no-repeat; background-position: center top; text-align: center; }
.box.one { background-image: url(../images/an-photo.jpg); }
.box.two { background-image: url(../images/ch-photo.jpg); }
.box.three { background-image: url(../images/gb-photo.jpg); }
.box.four { background-image: url(../images/fh-photo.jpg); }

.homepage #content .inner { margin-left: 30px; padding-top: 20px; padding-bottom: 20px; margin-right: 460px; }
.homepage p { margin-bottom: 12px; }
.homepage #content { background-repeat: no-repeat; background-position: right top; }
.recentpost { height: 77px; width: 384px; margin-top: 25px; background-image: url(../images/recent-post-bg.jpg); margin-bottom: 15px; margin-left: 20px; padding-top: 34px; padding-left: 20px; }
.homepage #blogframe { height: 70px; width: 370px; overflow: hidden; }
.homepage .baltimoremap { margin-right: 25px; }


/***********************************************************
				Header
************************************************************/

#header { padding-top: 15px; }
#nav { background-color: #457e81; height: 33px; position: relative; }
#nav .inner { padding:8px 0 0 30px; letter-spacing: 0.1em; }
#nav a:link, #nav a:visited { color:#FFF; font-size:12px; }
.energystar { position: absolute; left: 753px; top: -41px; }


/***********************************************************
				Sidebar
************************************************************/

#sidebar {  margin: 15px 0 15px 0; float: right; width: 236px; }
.addressbox {  width: 216px; font-size: 18px; text-align: right; padding-right: 30px; padding-top: 8px; padding-bottom: 12px; color: #FFF; background-color: #69913B; }
#sidebar .recentpost { height: 78px; width: 196px; margin: 10px 20px 0 0; background-image: url(../images/sb-recent-post-bg.jpg); padding: 33px 10px 0 10px; overflow: hidden; }
#sidebar img { margin: 10px 20px 0 0; }
#sbif-wrapper .title a { font-size: 14px; }
#sidebar .date { font-size: 10px; font-style: italic; }
#sidebar #blogframe { height: 70px; width: 180px; overflow: hidden; }

/***********************************************************
				Secondary
************************************************************/

.baltimoremap { margin-top: 15px; margin-left: 20px; border: 2px solid #000; }

#tab-container-1 { width: 569px; margin-left: 25px; background-image: url(../images/tabcontainer_bg.gif); background-repeat: no-repeat; background-position: right bottom; }
#tab-container-1 { list-style: none; margin-top: 15px; }
#tab-container-1 ul { margin-bottom: 5px; }
#tab-container-1 li { display:inline; }

#interiortabs { padding-bottom:5px; }

/* #tab-container-3 ul.tab_links { border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #005058; margin:0 70px; } */

#greenbar { margin:0 45px; height:4px; background:#005058; }

a:link.tab_style, a:visited.tab_style { cursor:pointer; color:#fff; padding: 5px 10px 5px 10px; background:#6dbec2; margin:0; }
a:active.tab_style, a:hover.tab_style { background:#005058; text-decoration:none; }

.tab { background-image: url(../images/tabarea_bg.gif); padding-top: 25px; min-height: 450px; background-repeat: no-repeat; background-position: center top; text-align: center; }

ul.tab_links a.active { background:#005058; }

.cmscontainer { margin: 20px 280px 25px 35px; }
.custom .cmscontainer { margin-right: 30px; text-align: left; }
.cmscontainer p { margin-bottom: 12px; }
.cmscontainer a { text-decoration:underline; color:#066: }

#features { list-style:circle; list-style-type: circle; text-align: left; margin-top: 10px; margin-right: 25px; margin-bottom: 20px; margin-left: 25px; }
#features ul { margin:0 20px 10px 50px; }
#features li { display: list-item; }
#features p { margin-right:20px; }

.enphoto { margin-right: 15px; margin-bottom: 15px; }


/***********************************************************
				Footer
************************************************************/

#footer {color:#FFF; text-align: right; font-size:12px;}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {color:#FFF;}
#footer a:hover { color:#FFF; text-decoration:underline;}
#footer .upper { background-color: #69913b; height: 62px; background-image: url(../images/eho.gif); background-repeat: no-repeat; background-position: right bottom; }
#footer .upper .inner { padding: 35px 120px 0 0; }
#footer .lower {margin:10px 20px 30px 0;}


/***********************************************************
				Contact Page
************************************************************/
.contact #content .inner { padding-top: 15px; padding-left: 30px; }


/******************************************************
				  	CONTACT FORM
**********************************************************/
fieldset {border:none;}

fieldset p.success {padding:5px; background:#C8FF97; color:#009900; border:#009900 inset 1px; text-align:center; margin-bottom:10px; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
fieldset p.error {padding:5px; background:#FFFFCC; color:#AF8F20; border:#FFCC00 inset 1px; text-align:center; margin-bottom:10px; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

legend {color:#542221; font-weight:300; letter-spacing:2px;font-size:17px; padding:0 0 .4em 0; font-family: Georgia, "Times New Roman", Times, serif;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.feedbackform{padding: 5px;}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;}

div.fieldwrapper label.label{ /* label elements that should be styled (left column within fieldwrapper DIV) */ float: left; width: 165px; /*width of label (left column)*/ border-bottom:#005058 1px dashed; color:#000; margin-right: 15px; /*spacing with right column*/ font-family:Arial, Helvetica, sans-serif; font-size:13px; }

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left; margin-bottom: 10px; /* space following the field */}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px; height: 150px;}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin: 5px 0 0 185px;}

.buttonsdiv .btn { letter-spacing:1px; cursor:pointer; border:outset 1px #542221; color:#fff; padding: 3px 5px; background:#005058; }


/**********************Step Carousel****************************/

a.carouselbtn { background:#CCC; padding: 2px 5px; text-decoration: none; }
a.carouselbtn:hover { background: #005058; color: #FFF; }

.stepcarousel{
margin: 0 auto 10px auto;
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 450px; /*Width of Carousel Viewer itself*/
height: 490px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/**********************Form Validation****************************/
.formError {position:absolute; top:300px; left:300px; width:150px; padding-bottom:15px; display:block; z-index:5000;}

.formError .formErrorContent {width:100%; background:#000; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; box-shadow: 1px 1px 6px #000; -moz-box-shadow: 1px 1px 6px #000; -webkit-box-shadow: 1px 1px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

.formError .formErrorArrow{position:absolute; bottom:0;left:20px; width:15px; height:15px;}

.formError .formErrorArrow div{box-shadow: 1px 4px 5px #000; -moz-box-shadow: 1px 4px 5px #000; -webkit-box-shadow: 1px 1px 5px #000; font-size:0px; }

.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 

#enbutton { background-color: #CCC; height: 20px; width: 150px; }
#sbwrapper { float: right; width: 238px; }