* {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

a {
text-decoration: none;
color: #556901;
}

a.dotted{
border-bottom: dotted #556901 1px;
}
a.dotted:hover{
border-bottom: solid #556901 1px;
}

#wrapper {
margin: 20px auto 0;
width: 900px;
border: solid #88a802 2px;
}

/****** Header *******/
#header {
background-color: #b1da02;
position: relative;
}

#headerBar {
position: relative;
padding: 4px 0 0 0;
width: 100%;
height: 26px;
clear: both;
color: #fff;
background: url('/images/bar-background.gif') repeat-x;
}
#headerBar p, #headerBar span {
text-align: center;
font-size: 18px;
font-weight: bold;
}

#bbb {
position: absolute;
top: 12px;
left: 255px;
}
#calfinderBadge {
float: left;
}

#headerInfo {
float: right;
margin: 10px 5px 5px;
}
#headerInfo ul {
list-style: none;
}
#headerInfo li {
text-align: right;
line-height: 21px;
font-size: 17px;
font-weight: bold;
}
#headerInfo a {
color: #000;
font-size: 15px;
}
#headerInfo #buttonContact {
/*display: none;*/
float: right;
margin-top: 10px;
width: 114px;
height: 23px;
text-align: left;
background: url('/images/button-contact.gif') no-repeat right;
background-color: #b1da02;
}
#buttonContact a {
padding: 0 25px 3px 8px;
font-size: 14px;
color: #fff;
text-decoration: none;
}
#headerInfo .smlGray {
font-size: 15px;
color: #454545;
}
#headerInfo #addthis {
padding-top: 10px;
display:block;
clear:both;
}

#headerLogo {
float: left;
height: 100px;
width: 245px;
background: url('/images/header-logo.png') no-repeat;
background-color: #b1da02;
}
#headerLogo a {
display: block;
height: 100px;
width: 406px;
}

/********** Main Nav ***************/
#navMain {
display: table;
float: ;
margin: 3px 0px 0 0;
list-style: none;
}
#navMain li {
float: left;
padding: 0 15px 0;
border-right: dotted #ffffff 1px;
}
#navMain li.last {
border-right: none;
}
#navMain a {
color: #ffffff;
font-weight: bold;
font-size: 14px;
}
#navMain a:hover {
color: #B2DA00;
}


/********** Content area ***********/
#contentWrapper {
position: relative;
margin: 10px 25px;
width: 850px;
}
#contentWrapper.homepage {
background:url('/images/luxlight-solar.jpg') no-repeat;
background-position: 30px 20px;
}

#badgeIcon {
position: absolute;
display: block;
top: 0px;
left: -77px;
}

h1 {
font-size: 27px;
font-weight: bold;
color: #f6cc15;
text-align: center;
}

#contentBlock1 {
float: right;
clear: both;
margin: 10px 30px 40px 0;
width: 550px;
text-align: center;
}
#contentBlock1 h1 {
margin: 10px 0 20px;
font-size: 27px;
font-weight: bold;
color: #f6cc15;
}
#steps3 {
margin-left: 110px;
list-style: none;
}
#steps3 li{
padding: 8px 0 0 50px;
height: 45px;
text-align: left;
font-size: 19px;
}
#steps3 a {
padding: 6px 0px 6px 50px;
margin-left: -50px;
text-align: left;
font-size: 19px;
color: #000;
text-decoration: none;
}
#steps3 .step1 {
background: url('/images/bullet-1.jpg') no-repeat top left;
}
#steps3 .step2 {
background: url('/images/bullet-2.jpg') no-repeat top left;
}
#steps3 .step3 {
background: url('/images/bullet-3.jpg') no-repeat top left;
}

#contentBlock2 {
display: table;
clear: both;
width: 100%;
}
#contentBlock2 p {margin: 20px 0}
#contentBlock2 .columnLeft {
float: left;
clear: left;
width: 555px;
}
#contentBlock2 .columnRight {
float: right;
clear: right;
width: 280px;
}

#estimatorLink {
margin: 5px 0 15px 8px;
}

.boxGrn {
margin: 0;
padding: 0px;
width: 280px;
text-align: justify;
}
.boxGrn .boxGrnTop {
margin: 0;
padding: 0;
height: 5px;
width: 280px;
background: url('/images/grn-box-top.gif') no-repeat top;
}
.boxGrn .boxGrnContent {
/*padding: 5px 15px 5px 10px;*/
padding: 2px 15px 0px 6px; /*for video still*/
font-size: 13px;
color: #fff;
line-height: 1.25em;
font-weight: bold;
background: url('/images/grn-box-middle.gif') repeat-y;
}

.boxGrn .boxGrnBottom {
margin: 0;
padding: 0;
height: 14px;
width: 280px;
background: url('/images/grn-box-bottom.gif') no-repeat top;
}

#howItWorks {
clear: both;
margin-top: 30px;
width: 854px;
height: 299px;
background: url('/images/how-it-works.jpg') no-repeat top;
}
#howItWorks h2 {
padding: 5px 0 0 10px;
font-size: 16px;
color: #fff;
}

/********** video popup styles ************/
#pleaseWaitBg{
width:100%;
height:100%;
background-color:#666;
top:0px;
left:0px;
position:fixed;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
z-index:1000;
display:none;
}

#videoLink {
cursor: pointer;
}
#videoShell {
position: absolute;
display:none;
margin-left: -320px;
left:50%;
top:100px;
height: 360px;
width: 640px;
background-color: #000;
border: solid #000 1px;
z-index:9999;
}
/******* Footer ******/
#footer {
margin: 5px auto 10px;
width: 900px;
}
#footer #copyright {
float: left;
font-size: 10px;
color: #646464;
}


.listGrn {
margin: 0 0 0 16px;
color: #556901;
line-height: 22px;
}
.listGrn li, .listGrn strong {
font-size: 15px;
}
.txtGrn {
color: #b1da02;
}

.imgrep{display:-moz-inline-box;display:inline-block;background:transparent none 0 0 no-repeat;text-indent:-3000px;font:0/0 Arial;overflow:hidden;color:rgba(255,255,255,0);vertical-align:bottom;}