/***************************** 
	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;}

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;}

/***************************** 
	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;}

#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 15px; }
#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;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 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;}
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.thumbnails {width:auto;margin:0 auto 12px;}
table.thumbnails td {padding: 5px 10px; text-align: center;clear:left;}

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;}

#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.text,
input.pcode,
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.pcode {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/20px arial, helvetica, sans-serif;margin: 0 0 4px 0;color: #333;height: 20px;}
#contact div {margin: 0 0 6px 0;clear:both; overflow:auto;}
#contact div.add {margin: 0 0 2px 0;}
#contact div label,
#contact div.add label {float: left;width: 120px;margin: 0;}
#contact div.info {margin: 0 0 12px 0;}
#contact div.info label,
#contact div.info input.text, 
#contact div.info textarea.text {width: 492px;}

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

#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 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 {border-top:1px solid #e5eff8;border-right:1px solid #e5eff8;margin: 1em;border-collapse:collapse;}
#calc table tr.odd td, #calc table tr.odd th {background:#f7fbff}
#calc table td {color:#333;border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em 0.5em;text-align:right;}
#calc table th {font-weight:bold;color: #004;text-align:center;border-bottom: 1px solid #e5eff8;border-left:1px solid #e5eff8;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;}
}