/* 
	STANDARD STYLES
------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {margin:0; padding:0;}
img, fieldset {border:none;}

body {color: #000;background: #ccc url(../img/white-bg.gif) center top repeat-y;font: normal 75%/1 arial, helvetica, sans-serif;text-align:center;}
html>body {font-size: 12px;}

h1 {font: bold 22px/30px arial, helvetica, sans-serif;margin: 0 0 12px 0;color: #004;}
h2 {font: normal 18px/22px arial, helvetica, sans-serif;margin: 0 0 8px 0;color: #004;}
h3 {font: bold italic 14px/18px arial, helvetica, sans-serif;margin: 0 0 8px 0;color: #004;}
h3.alt {color: #C1272D;}
h4 {font: bold 13px/18px arial, helvetica, sans-serif;margin: 12px 0;color: #004;}
p {font: normal 12px/18px arial, helvetica, sans-serif;margin: 0 0 12px 0;}
td, th {font: normal 12px/1 arial, helvetica, sans-serif;}

ul {margin: 0 0 12px 24px;color: #8fa016;}
ul li {font: normal 12px/1.5 arial, helvetica, sans-serif;margin: 0 0 3px 0;}
ul li span {color: #000;}
ul ul {margin: 3px 0 3px 24px;}

fieldset {position: relative;}

table {border-collapse:collapse;margin: 0 auto 12px auto;}
td, th {border: none;}
th {font-weight: bold;}

hr {border: 0;color: #ccc;background-color: #ccc;height: 1px;width: 100%;margin: 12px 0;clear: both;}

a {color: #84A802;text-decoration: underline;}
a:hover {color: #000;background-color: #c2d91f;}
a img {vertical-align: bottom;}

.box {border: 1px solid #ccc;}
.inner {padding: 0 12px 0;}
.clear {clear: both}
.tac {text-align: center;}
.tar {text-align: right;}

.errorMessage {color: #f00;font-size: 0.8em;}

.container {overflow: hidden; margin: 0 0 6px 0;}
.col-50 {width: 50%; float: left;}
.col-25 {width: 25%; float: left;}


/* 
	CONTAINERS
------------------------------*/

#outer-wrapper {width: 880px;margin: 0 auto;background: #fff url(../img/bg.jpg) repeat-x;text-align:left;}
#inner-wrapper {width: 800px;margin: 0 40px;overflow: hidden;}

/* 
	HEADER
------------------------------*/

#header {background: url(../img/header-bg-120.gif) 0 0 no-repeat;height: 130px;}

#logo {font: normal 24px/30px arial, helvetica, sans-serif;height: 80px;width: 180px;padding: 6px 0 2px 0;margin: 0 0 0 16px;display:block;}
#logo:hover {background: transparent;}

/* 
	NAVIGATION
------------------------------*/

#nav {width: 100%;}
#nav, #nav ul {float: left; list-style: none; line-height: 1; font-weight: bold; margin: 0 0 0 8px; padding: 0; z-index:9;}
#nav a { border: none; color: #fff; display: block; padding: 3px 6px; text-decoration: none; }
#nav ul a { padding: 2px 3px; }
#nav ul {border: 3px solid #C2D91F;list-style: none;margin: 0;padding: 0;z-index:9;background: #004}
#nav ul li {font: bold 12px/24px arial, helvetica, sans-serif;padding: 0;border: none;float: none;margin:0;}
#nav li:hover ul li a,
#nav li.sfhover ul li a {background: #004;color: #fff;text-indent: 8px;padding: 0;display: block;width: 14em;}
#nav li { color: #fff; float: left; font: bold 14px/1 arial, helvetica, sans-serif; margin: 0; padding: 0 12px; }
#nav li ul { position: absolute; left: -999em; height: auto; font-weight: normal; margin: 0; width: 168px; }
#nav li ul a { width: 100px; }
#nav li ul ul { margin: -2em 0 0 14em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { left: auto; }
#nav li a:hover,
#nav li.sfhover a,
#nav li a.active,
#nav li:hover a,
#nav li:hover ul li a:hover,
#nav li.sfhover ul li a:hover {background: #c2d91f;color: #000;}

/* 
	HOME PAGE
------------------------------*/

#banner {width: 800px;height: 287px;background: url(../img/home-banner.jpg) no-repeat;margin: 10px 0;clear: both;position: relative;}
#banner .inner {padding: 30px;}
#banner h1, #banner p {text-indent:-999em;color: #000;font: normal 24px/32px arial, helvetica, sans-serif;margin: 0 0 16px 0;}

#banner a {display: block;position: absolute; bottom: 40px; color: #fff; background: #000044; border-radius: 5px; padding: 8px 10px; text-decoration: none; font-weight:bold;-webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);}
#banner a:hover {background: #c2d91f; color: #000044;}

/*
#banner a {display: block;position: absolute; bottom: 40px;text-indent: -999em; width:300px ;height:30px;background: url(../img/tariff.gif) no-repeat 0 0;}
#banner a:hover {background-position: 0 -30px;}
*/

#home-text {margin: 0 36px 32px;}
#home-text p {font: normal 14px/1.5 arial, helvetica, sans-serif;margin: 0 0 16px 0;}
#home-text p.revolution {font-weight: bold;text-align: center;}

/* 
	CONTENT
------------------------------*/
#content {margin: 10px 16px 16px;overflow: hidden;clear:both;}

#content-text {float: left;width: 540px; margin: 0 20px 20px 0;}

#content-side {float: right;width: 200px;}
#content-side h3 {color: #fff;background: #004;border:none;padding: 4px 0 4px 6px;font: bold 15px/18px arial, helvetica, sans-serif;margin: 1px 1px 12px;}
#content-side h3.search {margin: 1px;}
#content-side p {padding: 0 0 0 7px;font: normal 12px/1.5 arial, helvetica, sans-serif;}
#content-side ul {list-style: none;margin: 0 0 20px 0;width: 200px;}
#content-side ul li {margin: 0;border-bottom: 1px solid #fff;}
#content-side ul li a {font: bold 12px arial, helvetica, sans-serif;display: block;width: 100%;color: #fff;background: #004;padding: 4px 0 4px 12px;text-decoration: none;}
#content-side ul li a:hover,
#content-side ul li a.active {color: #000;background: #C2D91F;}
#content-side ul ul {list-style: none;margin: 0;width: 188px;}
#content-side ul ul li {margin: 0;border: none;}
#content-side ul ul li a {font: bold 11px arial, helvetica, sans-serif;display: block;width: 100%;color: #fff;background: #004;padding: 4px 0 4px 24px;text-decoration: underline;}
#content-side ul ul li a:hover,
#content-side ul il li a.active {color: #000;background: #C2D91F;}

#float-menu {position:fixed;top:140px;overflow:hidden;}

/* 
	GENERAL
------------------------------*/

.img-copyright {font-size: 11px;text-align: center;margin: 0;clear: both;}
.case-study {padding: 14px 14px 0 14px; border: 3px solid #eee;margin: 0 0 12px 0;}

blockquote p {font: normal 11px/16px verdana, arial, sans-serif;padding: 0 28px;margin: 0 0 8px 0;}
blockquote p.quote {background: url(../img/quote-open.png) 0 0 no-repeat;}
blockquote p.quoter {background: url(../img/quote-close.png) 100% 0 no-repeat;font-weight: bold; font-style: normal;margin: -24px 0 14px 0;padding: 24px 28px 0 28px;}
blockquote p.quoter span {font: normal 10px/14px verdana, arial, sans-serif;}

a.thumb {margin: 0;padding: 0 0 5px 0;float:left;position:relative;text-decoration: none;}
a.thumb-left  {margin: 2px 12px 8px 0;padding: 0 0 5px 0;float: left;}
a.thumb-right {margin: 2px 0 8px 12px;padding: 0 0 5px 0;float: right;}

table.data th,table.data td {padding: 4px 8px;border: 1px solid #ddd;}
table.data th {background: #eee;}
table.data td.total {border-bottom: 2px solid #ccc;border-top: 2px solid #ccc;}

table.thumbnails {width:auto;margin:0 auto 12px;}
table.thumbnails td {padding: 5px 10px; text-align: center;clear:left;position:relative;}
table.thumbnails td span  {background: #fff;padding: 2px; position:absolute; top:0; left:0; font-size: 10px; float:left;text-decoration: none;color:#555;}

table.inline-thumbnails {margin:0;float: left;}
table.inline-thumbnails td {padding: 0 10px 0 0; text-align: center;clear:left;vertical-align: top;}
table.inline-thumbnails p {text-align: left;}

table.memberships {width: 100%; margin: 24px 0 12px;}
table.memberships a:hover {background: #fff;}

table.diagrams {width:auto;margin:0 auto 12px;}

table.diagrams th, table.diagrams td {padding: 4px;}
table.diagrams th {text-align: center;}
table.diagrams a.thumb {float: none;}

#gototop {display:none; font:bold 11px/1 arial, helvetica, sans-serif; background: #eaeaea; text-decoration:none; position:fixed; right:5px; bottom:5px; padding:8px 12px;}
#gototop:hover {text-decoration:underline;}
#gototop.visible {display: block;}

/* 
	FORMS
------------------------------*/
input.btn {width: 120px;height: 24px;background: url(../img/btn-bg2.gif) no-repeat top left;border: none;font: bold 0.88em arial, helvetica, sans-serif;color: #fff;cursor: pointer;margin: 12px 0 8px 191px;}
input.btn:hover {background: url(../img/btn-bg2.gif) no-repeat bottom left;border: none;color: #004;}
input.btn-sm {width: 80px;height: 24px;background: url(../img/btn-bg-sm.gif) no-repeat top left;border: none;font: bold 0.88em arial, helvetica, sans-serif;color: #fff;cursor: pointer;margin: 12px 0 8px 191px;}
input.btn-sm:hover {background: url(../img/btn-bg-sm.gif) no-repeat bottom left;border: none;color: #004;}

input.text,
input.text-sm,
textarea.text {width: 372px;padding: 3px;font: normal 12px arial, helvetica, sans-serif;border-top: 1px solid #ccc;border-right: 1px solid #dadada;border-bottom: 1px solid #dadada;border-left: 1px solid #ccc;}
input.text-sm {width: 100px;}
textarea.text {overflow: auto;}

#contact {margin: 12px 0;}
#contact fieldset {border: 1px solid #ccc;background: #eaeaea;padding: 10px;}
#contact label  {display: block;font: normal 12px/1 arial, helvetica, sans-serif;padding: 5px 0;color: #333;width: 160px;float: left;}
#contact label em {color:#f00;}

#contact input.text,
#contact input.text-sm,
#contact textarea.text {width: 342px;}
#contact input.text-sm {width: 100px;}

#contact div {margin: 0 0 6px 0;clear:both; overflow:auto;}
#contact div.add {margin: 0 0 2px 0;}

* html #contact div.info input.text,
* html #contact div.info textarea.text {width: 496px;}

#contact p.input .red {border: 1px solid #f00;}
#contact .errorMessage {padding: 1px 0 1px 160px;display: block;}

.alert {padding: 10px;}
.alert h3 {line-height: 14px;}
.alert p {margin: 0;lime-height: 12px;}
.success {background: #eaf78e;border: 1px solid #c2d91f;}
.error {background: #fde;border: 1px solid #d7a1bd;}

#photo-search {padding: 4px 4px 8px;margin: 0 0 12px;background:#eaeaea;}
#photo-search label {display: block;font: bold 11px/20px arial, helvetica, sans-serif;margin: 0;color: #333;height: 20px;}
#photo-search select {width: 160px; margin: 0 0 4px 0;font: normal 11px/1 arial, helvetica, sans-serif;}
#photo-search input.btn {width: 120px;display:block;font: bold 11px arial, helvetica, sans-serif;margin: 0 auto;}
#photo-search span.count{position: absolute; top: 4px; right: 4px;color: #888;font-size: 10px}

#questionnaire {margin: 0;}
#questionnaire fieldset {background: #fff;padding: 10px;}
#questionnaire input.btn {margin: 12px 0 8px 18px;}

.help-tip {cursor:help;border-bottom: 1px dashed #ddd;}
.answer {margin: 0 0 18px 18px;}
p.answer label {margin: 0 0 2px 0;cursor: pointer;}
p.answer label.inline {display:block; width: 90px; float: left; clear:both; margin: 0 4px 0 0;}
p.answer input.text {margin: 0 0 2px 0;}
p.answer textarea {width: 600px;}

.answer td,
.answer th {border: 1px solid #ccc; padding: 3px;}

tr.even td{background: #f1f1f1;}
tr.mo td {background: #f0f7c2;}

/* 
	CALCULATOR
------------------------------*/

form#calc fieldset {border: none;background: transparent;padding: 0;}
form#calc input {width:auto;text-align: right;font: normal 1em arial, helvetica, sans-serif;}
form#calc .calcBtn {width: 120px;height: 24px;background: url(../img/btn-bg2.gif) no-repeat top left;border: none;font: bold 12px/1 arial, helvetica, sans-serif;color: #fff;cursor: pointer;margin: 12px 0 8px 12px;text-align: center;}
form#calc .calcBtn:hover {background: url(../img/btn-bg2.gif) no-repeat bottom left;border: none;color: #004;text-align: center;}
#calc table {margin: 1em;border-collapse:collapse;}
#calc table th,
#calc table td {border:1px solid #e5eff8;}

#calc table.input th,
#calc table.input td {background: #e5eff8; border:1px solid #fff;}

#calc table tr.odd td,
#calc table tr.odd th {background:#f7fbff}
#calc table td {color:#333;padding:.3em 0.5em;text-align:right;}
#calc table th {font-weight:bold;color: #004;text-align:center;padding:.3em 0.5em;}
#calc table thead th {font-weight:bold;color: #fff;background:#004;text-align:center;border-bottom: 2px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em 0.5em;}

/* 
	FOOTER
------------------------------*/

#footer {margin: 20px 0; height: 30px;background: url(../img/footer.gif) 0 0 no-repeat;clear: both; overflow: hidden;}
#footer ul {float:left; color: #fff; margin: 8px 0 0 20px; padding: 0;font: normal 11px/1 arial, helvetica, sans-serif;display:inline;list-style:none;width:100%;}
#footer ul li {font: normal 11px/1 arial, helvetica, sans-serif;float:left;padding: 0; margin: 0; padding: 0 8px 0 0}
#footer ul li a {color: #fff; text-decoration: underline; border: none; background: none; padding: 0 0 0 8px; border-left: 1px solid #fff;margin: 0;}
#footer ul li a:hover {text-decoration: none;}

/* 
	PRINT
------------------------------*/

@media print {
	#outer-wrapper, #inner-wrapper, #content-text{width: 99%;margin:0;}
	#header {background: none;height: auto;}
	#nav, #content-side {display:none;}
	#content, #inner-wrapper{overflow:visible;}
}