/******************************************************************************/
/* HTML ELEMENTS */
*,body  { margin: 0; padding: 0;  }
body    { margin: 0; font: normal 14px/16px arial, helvetica, sans-serif; overflow-x:hidden; background: #fff url('/_images/bg.jpg') repeat-x;  }
a       { text-decoration:none; outline:none; color: #004aa6; }
button, img     { border: none; }
form    { padding: 0px; margin: 0px; }
td      { vertical-align: top; }
ul      { list-style: none; }
ol      { list-style: none; }
button, object, input  { outline: none; }

/*
WIDTH HEIGHT DISPLAY COLOR BACKGROUND ETC
*/

/******************************************************************************/
/* TOP BAR ELEMENTS */

/* 
background: url('/_images/') no-repeat
*/
/******************************************************************************/
/* HEADER ELEMENTS */
#headerWrap          { height: 152px; background: url('/_images/header-bg.jpg') no-repeat center 0; }
#header              { width: 972px; height: 152px; margin: auto; position: relative; }
#header #logo        { width: 357px; height: 73px; display: block; position: absolute; top: 34px; }
#header #logo a      { width: 357px; height: 73px; display: block; background: url('/_images/efficient-technology-logo.gif') no-repeat; }
#header #logo strong { display: none; }

#navigation      { width: 972px; height: 34px; position: absolute; bottom: 0px; left: 0px; }
#navigation li   { float: left; position: relative; }
#navigation li a { width: 194px; height: 24px; padding-top: 10px; display: block; float: left; color: #fff; text-transform: uppercase; font-size: 14px; text-align: center; background: #4a4e4c url('/_images/top-nav.gif') no-repeat; }
#navigation li a:hover, #navigation li a.on { background-position: 0 -34px; }

#navigation ul.subnav            { width: 250px; position: absolute; left: 0; top: 34px; background: #333; display: none; }
#navigation ul.subnav li         { width: 250px; text-align: left; }
#navigation ul.subnav li a       { width: 250px; text-align: left; background: #333; padding: 2px; text-indent: 25px; color: #CCC; font-size: 11px; }
#navigation ul.subnav li a:hover { background: #222; }

#navigation li.subnavHEADER       { width: 250px; text-align: left; background: #333; padding: 10px 2px 2px 2px; text-indent: 5px; color: #CCC; font-size: 14px; text-transform: uppercase; }

#topNavigation          { width: 279px; height: 105px; position: absolute; right: 0px; top: 0px; z-index: 4; background: url('/_images/top-nav-bg.png') no-repeat; }
#topNavigation li       { float: left; }
#topNavigation li a     { height: 25px; padding-top: 35px; display: block; float: left; color: #747474; text-transform: uppercase; font-size: 12px; text-align: center; }
#topNavigation li a.tn1 { width: 73px; margin-left: 21px; }
#topNavigation li a.tn2 { width: 103px; }
#topNavigation li a.tn3 { width: 67px; }
#topNavigation li a:hover { color: #004aa6; }

#socialMedia               { width: 165px; height:58px; position: absolute; padding-left: 150px; right: -20px; top: 62px; z-index: 5; background: url('/_images/social-media-bg.png') no-repeat 25px -18px; }
#socialMedia li            { float: left; }
#socialMedia li a          { width: 23px; height: 23px; margin-top: 15px; margin-right: 2px; display: block; float: left; }
#socialMedia li a strong   { display: none; }
#socialMedia li a.twitter  { background: url('/_images/icon-twitter.gif') no-repeat; }
#socialMedia li a.facebook { background: url('/_images/icon-facebook.gif') no-repeat; }
#socialMedia li a.linkedin { background: url('/_images/icon-linkedin.gif') no-repeat; }
#socialMedia li a.blog     { background: url('/_images/icon-blogger.gif') no-repeat; }
#socialMedia li a.rss      { background: url('/_images/icon-rss.gif') no-repeat; }

/******************************************************************************/
/* HOME ELEMENTS */
#homePromoWrap  { height: 294px; padding-bottom: 10px; background: url('/_images/home-promo-bg.jpg') no-repeat center top; }
#homePromo      { width: 972px; height: 294px; margin: auto; overflow:hidden; }

.triCol#col2    { background: url('/_images/vert-dots.gif') no-repeat 0 0; }
.triCol#col3 h1 { line-height: 30px; }
.triCol a:hover { text-decoration: underline; }

/* TESTIMONIALS */
#content .triCol           { width: 255px; height: 263px; padding: 24px 30px 0; float: left; color: #5e5e5e; }
.triCol#col3    { background: url('/_images/vert-dots.gif') no-repeat 0 0; height: 350px; }
#content .triCol h1        { font-size: 27px; color: #474747; margin-bottom: 15px; font-weight: normal; }
#content .triCol#theBuzz   { font-size: 14px; color: #212121; }
#content .triCol#theBuzz q { width: 189px; height: 127px; margin-bottom: 5px; display: block; font-weight: normal; font-style: italic; line-height: 22px;  padding: 10px 30px 0px; font-size: 16px; color: #3c4449; background: url('/_images/quote-bg.jpg') no-repeat;  }
#content #testimonials     { height: 205px; overflow: hidden; }


.theForm       { margin-top: 10px; }
.theForm label { display: block; padding: 3px 0; }
.theForm span  { width: 75px; float: left; text-align: right; padding: 5px; }
.theForm select, .theForm textarea, .theForm input { width: 142px; background: #b6b6b6; border: 1px solid #808080; padding: 4px; margin-bottom: 4px; }
.theForm input.goButton { width: 150px; background: #d11823; border-left: 1px solid #ec7d8a; border-top: 1px solid #ec7d8a; border-bottom: 1px solid #5d0407; border-right: 1px solid #5d0407; color: #fff; }

#midCol .theForm select,#midCol  .theForm textarea,#midCol  .theForm input { width: 200px; }
#midCol .theForm span  { width: 125px; }

/******************************************************************************/
/* CONTENT ELEMENTS */
#content     { width: 972px; margin: auto; }
#icontentWrap { background: url('/_images/inside-bg.png') repeat-y center top; min-width: 970px; padding-left:2px; }
#icontent     { width: 970px; margin: auto; background: url('/_images/inside-bg.jpg') repeat-x; border-bottom: 9px solid #b5121b; overflow: hidden; }

/******************************************************************************/
/* LEFT COLUMN ELEMENTS */
#leftCol    { width: 245px; border-right: 1px solid #cccccc; background: #fff url('/_images/sub-nav-bg.jpg') no-repeat 0 0; float: left; }
#leftCol h1 { font-size: 22px; color: #3d4440; padding: 26px 0 0 16px; font-weight: normal; margin-bottom: 30px; }
/* SUB NAV ON THE LEFT */
#subNav      { width: 208px; margin-bottom: 15px; }
#subNav li a { width: 188px; margin-left: 26px; display: block; color: #3d4440; font-size: 14px; padding: 6px 0 5px 20px; background: #fff url('/_images/sub-nav-bg.gif') no-repeat; border-bottom: 1px dotted #b2b2b2; }
#subNav li a:hover, #subNav li a.on { color: #004aa6; background-position: 0 -34px;  border-bottom: 1px dotted #004aa6; }

#leftCol li.subnavHEADER { width: 188px; margin-left: 26px; display: block; color: #3d4440; font-weight: bold; font-size: 14px; padding: 6px 0 5px 10px; background: #fff url('/_images/sub-nav-bg.gif') no-repeat; border-bottom: 1px solid #b2b2b2; text-transform:uppercase; }

#icontent .triCol           { width: 200px; padding: 0px 20px 0 35px; color: #5e5e5e; }
#icontent .triCol h1        { font-size: 27px; color: #474747; margin-bottom: 20px; font-weight: normal; padding: 10px 0 0 0px; }
#icontent .triCol#theBuzz   { font-size: 14px; color: #212121; }
#icontent .triCol#theBuzz q { width: 132px; height: 186px; margin-bottom: 5px; display: block; font-weight: normal; font-style: italic; line-height: 22px;  padding: 10px 30px 0px; font-size: 16px; color: #3c4449; background: url('/_images/quote-bg2.jpg') no-repeat;  }
#icontent #testimonials     { height: 290px; overflow: hidden; }

#crumb      { font-size: 10px; color: #adadad; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right; text-transform: uppercase; padding: 5px 0; margin-right: 10px; }
#crumb li   { display: inline; }
#crumb li a { color: #adadad; }

#midCol    { padding: 27px 339px 10px 266px; }
#midCol h1 { font-size: 33px; color: #3d4440; font-weight: normal; margin-bottom: 15px; line-height: 33px;   }
#midCol h2 { font-size: 25px; color: #242424; font-weight: normal; margin-bottom: 15px; line-height: 29px;  }
#midCol h3 { font-size: 18px; color: #242424; font-weight: normal; margin-bottom: 15px; line-height: 18px;  }
#midCol li { background: #cccccc url('/_images/mid-li-bg.jpg') no-repeat; border-bottom: 1px solid #a2a2a2; font-size: 13px; color: #242424; padding: 5px 5px 5px 30px; }
#midCol ul { margin-bottom: 15px; }
#midCol ol { margin-left: 15px; margin-bottom: 15px; }
#midCol address, #midCol p  { color: #5b5b5b; line-height: 18px; margin-bottom: 20px;  }
#midCol address { font-style: normal; }

#rightCol    { width: 276px; min-height: 265px; margin-top: 15px; padding: 30px 20px 0px 20px; float: right; background: url('/_images/right-bg.png') repeat-x; }
#rightCol h1 { font-size: 25px; color: #545454; font-weight: normal; margin-bottom: 15px; }
#rightCol p  { line-height: 16px; color: #606060; }
#rightCol li { background: url('/_images/right-check.png') no-repeat 0 10px; border-bottom: 1px solid #a2a2a2; font-size: 13px; color: #242424; padding: 5px 5px 5px 30px; }


/******************************************************************************/
/* FOOTER ELEMENTS */
#footer         { width: 972px; margin: auto; clear: both; background: url('/_images/footer-top.gif') repeat-x; padding-top: 15px; }
#footer ul      { font-size: 10px; color: #3f3f3f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#footer li      { display: inline; }
#footer li a    { color: #3f3f3f;  }
#footer p       { text-align: right; float: right; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #717171; }
#footer p a     { color: #717171; }
#footer a:hover { color: #004aa6; text-decoration: underline; }

/******************************************************************************/
/* MISC ELEMENTS */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


.directions { float: left; display: block; width: 148px; margin-right: 10px; }