/*======= style =======*/
/*@font-face
{
    font-family: AllerDisplay;
    src: url(font/AllerDisplay.eot);
    src: local("Aller Display"), url(font/AllerDisplay.ttf) format("truetype");
}*/
* { margin:0; padding:0;}
html, body { height:100%;}
body { background:#fefefe; font-family: Helvetica, "Trebuchet MS"; color:#1F1F1F;}

input, select, textarea { font-family: Helvetica, "Trebuchet MS";}
h1, h2, h3, #header ul.nav li, .slogan, .button, a.link1, body, html, div, table, p, #content *
{
    font-family: Helvetica, "Trebuchet MS";
}
#main, #content p { font-size: 12px;}

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

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:0px;}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #fff;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x; min-height: 100%;}
.grass-bottom { background: url(images/GrassFooter.jpg) left bottom repeat-x; min-height: 100%; padding-bottom: 88px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top; outline:none;}

#contacts-form fieldset { border:none;}
#contacts-form label { display:block; height:40px; background:url(images/input-bg.gif) no-repeat left top;} 
#contacts-form label input { width:240px; padding:2px 0 2px 8px; color:#a3a39d; background:none; border:none;}
#contacts-form .textarea-box { background:url(images/textarea-bg.gif) no-repeat left top; width:245px; height:259px; margin-bottom:16px;}
#contacts-form textarea {width:240px; height:253px; padding:2px 0 2px 8px; color:#a3a39d; overflow:auto; background:none; border:none;}
#contacts-form .link1 { float:right; margin-left:25px;}

/*==================list====================*/
ul {margin-left:35px; list-style-type: square;}
ul.list1 { list-style-type: none !important;margin-left: 0 !important;}
ul.list3 { list-style-type: square; margin-left: 70px !important;}

.list1 { padding-bottom:6px;}
.list1 li { background:url(images/circle.jpg) no-repeat left 3px; padding: 0 0 12px 15px;}
.list1 li.last { padding-bottom:0;}

.list3 { padding-bottom:6px;}
.list3 li { background:url(images/circle.jpg) no-repeat left 3px; padding: 0 0 12px 15px;}

.list2 { padding-bottom:10px;}
.list2 dt a { color:#a3a39d;}
.list2 dd { padding-bottom:8px;}
.list2 dd.last { padding-bottom:0;}

.clients { width:100%; overflow:hidden;}
.clients li { float:left; margin-right:20px;}
.clients li.last { margin-right:0;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-indent-right {margin:0 0 0 20px;float: right;}
.img-box { width:100%; overflow:hidden; padding-bottom:27px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:8px;}
.p2 { margin-bottom:16px;}
.p3 { margin-bottom:24px;}

/*==================txt, links, lines, titles====================*/
a {color:#85bf14; outline:none;}
a:hover{text-decoration:none;}

h1 { font-size:24px; line-height:1em; padding-bottom: 5px;}
h1 a { color:#55554a; text-decoration:none;}
h2 { font-size:18px; line-height:16px;  color:#a3d84f;  margin-bottom:0px;}
.icon1 { background:url(images/icon1.jpg) no-repeat left 4px; padding:0 0 0 47px; width:180px;}
.icon2 { background:url(images/icon2.jpg) no-repeat left 4px; padding:0 0 0 47px; width:180px;}
.icon3 { background:url(images/icon3.jpg) no-repeat left 4px; padding:0 0 0 47px; width:180px;}
.creditIcon { background:url(images/creditIcon.jpg) no-repeat left 4px; padding: 0 0 0 47px; width: 180px;}
h3 { font-size:18px; line-height:16px; color:#55554a; margin-bottom:20px;}
h3 strong { display:block; color:#a3d84f; font-size:14px;}
h4 { font-size:14px; margin-bottom:10px;}
h5 { font-size:1em; color:#55554a; margin-bottom:8px; padding-top:0px;}
h6 { font-size:1em; color:#55554a; margin-bottom:8px;}

.txt1 { color:#85bf14;}
.txt2 { color: #000;}
.txt3 { color: #FFF;}
.txt4 { font-size: smaller;}

.link1 { background:url(images/arrow2.gif) no-repeat left 7px; padding:0 0 0 20px; font-size:18px; text-decoration:none; color:#55554a; display:block; float:left;}
.link2 { color:#a3a39d;}

.line-hor { background:#ececec; height:1px; overflow:hidden; font-size:0; line-height:0; margin:45px 0 45px 0;}
hr {border-color: #ececec;}
.line-ver, .line-ver1 { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}

.dept-list { color:#55554a; font-weight:bold;}
.dept-list dd { clear:both;}
.dept-list dd span { float:left; width:82px;}
.dept-list dd a { color:#55554a;}

.dept-list-1 { margin-bottom:30px;}
.dept-list-1.alt { margin-bottom:0;}
.dept-list-1 dt { color:#85bf14;}
.dept-list-1 dd { clear:both;}
.dept-list-1 dd span { float:left; width:82px;}
.dept-list-1 dd a { color:#a3a39d;}

/*header*/
#header .row-1 { height:116px;}
#header .row-2 { height:51px;}
#header .row-3 { padding:90px 0 0 15px;}
#header .row-3 .indent { width:600px; text-align:center;}

#header .logo { float:left; padding: 0; margin: 36px 0 0 0;}
#header .logo span { color:#898981;}
#header .logo .hLogo { display: block; margin: 0px auto; width: 370px; height: 70px; text-decoration: none;
    background-image: url(images/logo.gif); background-repeat: no-repeat; text-indent: -9999px;}

.slogan { text-transform:uppercase; font-size:18px; line-height:1em; color:#cbcbbb; margin-bottom:20px;}
.slogan strong, .slogan b { font-size:22px; color:#55554a;}
.slogan em{ color:#86ce16; font-style:normal;}

/*#header .button { background:url(images/button.jpg) no-repeat left top; width:144px; height:40px; font-size:20px; text-align:center; text-transform:uppercase; margin:0 auto; line-height:40px; text-decoration:none; }
#header .button a {color:#55554a; text-decoration:none;}*/
.button { background:url(images/button.jpg) no-repeat left top; width:144px; height:40px; font-size:20px; text-align:center; text-transform:uppercase; margin:0 auto; line-height:40px; text-decoration:none; color:#55554a; text-decoration:none; }

.top-links { float:right; padding: 10px 0 0 0; margin:0;}
.top-links li { display:inline; color:#1F1F1F;}
.top-links li span { background:url(images/separate.jpg) no-repeat right center; padding: 0 15px 0 0; margin: 5px 6px 0 3px; color:#1F1F1F; text-decoration:none;}
.top-links li a { background:url(images/separate.jpg) no-repeat right center; padding: 0 15px 0 0; margin: 5px 6px 0 3px; color:#1F1F1F; text-decoration:none;}
.top-links li a:hover { text-decoration:underline;}
.top-links li.lastgen, .top-links li.lastgen a, .top-links li.lastgen span { background-image: none;}

/*content*/
#content { padding: 50px 0 50px 7px;}

#content .row-1 { padding-bottom:26px; margin-bottom:23px;}

#content .indent { padding:0 0 0 9px;}
#content .border-left { border-left:1px solid #ececec;}

.imgHeader {position: absolute; top:5px; left: 120px; width:180px; z-index: 10; line-height:14px; color:#85bf14;}
.posWrap {position: relative;}

/*footer*/
#footer { color:#a2a293; text-align:center;}
#footer .indent { padding: 21px 0 0 0;}
#footer2 { color: #a2a293; text-align: center; }
#footer2 .indent { padding: 12px 0 0 0;}
#footer a { color:#a2a293; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer2 a { color:#a2a293; text-decoration:none;}
#footer2 a:hover { text-decoration:underline;}

#footer .nav { padding-bottom: 6px;}
#footer .nav li { display:inline;}
#footer .nav li a { padding:0 6px 0 3px; color:#FFF; text-decoration:none;}
#footer .nav li a:hover { color:#a2a293; text-decoration:underline;}
#footer2 .nav { padding-bottom: 6px;}
#footer2 .nav li { display:inline;}
#footer2 .nav li a { padding:0 6px 0 3px; color:#a2a293; text-decoration:none;}
#footer2 .nav li a:hover { color:#a2a293; text-decoration:underline;}
/*==========================================*/



/*======= layout =======*/
#main {width:956px; margin:0 auto; position: relative; min-height: 100%;}

#header {height:479px; background:url(images/header-bg.jpg) no-repeat left top;}
/*#header { font-size:0.75em;}*/

.col-1, .col-2, .col-3 { float:left;}

/*======= GreenSilver.master =======*/
#page1 #content { padding: 0 0 50px 0 !important;}
.homeTbl { width: 100%;}
.homeTbl .headerRow th { width: 25%; padding: 0; height:35px;}
.bodyRow td, .subTitleRow td { padding: 10px 10px 0 10px; vertical-align: top; border-right: dashed .75pt #55554A;}
.homeTbl td.bodyLast { border-width: 0px !important;}
.hhn { display: block; margin: 0px auto; width: 100%; height: 100%; text-decoration: none; background: #55554A; color: #FFF;
       font-size: 14pt; padding-top: 10px;}
.hhn:hover { background: #81B84F;}
.hhngreen { display: block; margin: 0px auto; width: 100%; height: 100%; text-decoration: none; background: #81B84F; color: #FFF;
       font-size: 14pt; padding-top: 10px;}

/*======= index-1.html =======*/
#page2 #content .col-1 {width:582px; margin-right:31px;}
#page2 #content .col-2 { width:289px;}
#page2 #header {height:164px !important; background:url(images/header-bg-nograss.jpg) no-repeat left top !important;}

/*======= index-2.html =======*/
#page3 #content .row-2 .line-ver { background-position:613px top;}
#page3 #content .row-2 .col-1 {width:575px; margin-right:79px;}
#page3 #content .row-2 .col-2 { width:234px;}
#page3 #header {height:164px !important; background:url(images/header-bg-nograss.jpg) no-repeat left top !important;}

/*======= GreenSilver5.master =======*/
#page4 #content .row-2 .line-ver { background-position:613px top;}
#page4 #content .row-2 .col-1 {width:575px; margin-right:79px;}
#page4 #content .row-2 .col-2 { width:234px;}
#page4 #header {height:164px !important; background:url(images/header-bg-nograss.jpg) no-repeat left top !important;}

/*======= GreenSilver4.master =======*/
#page5 #content .col-1 {width:702px;}
#page5 #content .col-2 { width:220px; margin-left: 10px;}
#page5 #content .col-1 .col-1 { width:160px !important; margin-right:33px;}
#page5 #content .col-1 .col-2 { width:481px; margin-left: 10px;}
#page5 #header {height:164px !important; background:url(images/header-bg-nograss.jpg) no-repeat left top !important;}

/*======= SidePanel Templates.master =======*/
#page6 #content .col-1 {width:678px; margin-right:4px;}
#page6 #content .col-2 { width:176px;}
#page6 #content .col-1 .col-1 { width:160px; margin-right:43px;}
#page6 #content .col-1 .col-2 { width:478px;}
#page6 #header {height:164px !important; background:url(images/header-bg-nograss.jpg) no-repeat left top !important;}


/*=========================*/


#footer, #footer2 {height:59px; font-size:.89em;}

div.RadPanelBar  
{  
    width:175px;  
}
.searchbtn { width: 11px; height: 11px; cursor: pointer; background: url(images/goarrow.gif) no-repeat top center; border-width: 0px; text-indent: -9999px; position: relative; top: -2px;}
.searchText { color: #1F1F1F; font-size: 11px; height: 11px; position: relative; top: -2px;}

.solutions { display: block; height: 530px; width: 220px !important; background: url(images/SolutionSidebar.gif) no-repeat top center; position: relative;}
.demo {display: block; height: 530px; width: 220px !important; background: url(images/DemoSidebar.gif) no-repeat top center; position: relative;}
.company {display: block; height: 530px; width: 220px !important; background: url(images/CompanySidebar.gif) no-repeat top center; position: relative;}
.sidebar { display: block; height: 360px; width: 204px; position: absolute; top: 160px; left: 8px; color: #FFF; overflow: hidden;}

.tollfree, .tollfree:hover {text-decoration: none;}

.resources {position: relative; width: 220px; height: auto; background: url(images/greenBack.jpg) repeat-y top left; padding: 20px 7px;}
.rTop { position: absolute; top: 0; left: 0; width: 220px; height: 32px; background: url(images/greenTop.jpg) no-repeat top left;}
.rBot { position: absolute; bottom: 0; left: 0; width: 220px; height: 34px; background: url(images/greenBot.jpg) no-repeat bottom left;}
.reContent { position: relative; width: 199px; padding: 0 10px; z-index: 999;}

.reContent a, .reContent a:hover { color: #000 !important;}
.reContent h1, .reContent h2, .reContent h3, .reContent h4, .reContent h5 { color: #FFF !important; padding-bottom: 2px !important;}

.quotes {position: relative; margin-top: 5px; width: 220px; height: auto; background: url(images/quoteBack.jpg) repeat-y top left; padding: 20px 7px;}
.qTop { position: absolute; top: 0; left: 0; width: 220px; height: 20px; background: url(images/quoteTop.jpg) no-repeat top left;}
.qBot { position: absolute; bottom: 0; left: 0; width: 220px; height: 20px; background: url(images/quoteBot.jpg) no-repeat bottom left;}
.qContent { position: relative; width: 192px; padding: 0 10px; z-index: 999; color: #FFF}

.wide-quotes {position: relative; margin-top: 5px; width: 100%; height: auto; background: url(images/wideQuoteBack.jpg) repeat top left; padding: 20px 7px;}
.wide-lt {position: absolute; top: 0; left: 0; width: 18px; height: 23px; background: url(images/wideQuoteLT.jpg) no-repeat top left;}
.wide-rt {position: absolute; top: 0; right: 0; width: 18px; height: 23px; background: url(images/wideQuoteRT.jpg) no-repeat top left;}
.wide-lb {position: absolute; bottom: 0; left: 0; width: 19px; height: 22px; background: url(images/wideQuoteLB.jpg) no-repeat top left;}
.wide-rb {position: absolute; bottom: 0; right: 0; width: 19px; height: 22px; background: url(images/wideQuoteRB.jpg) no-repeat top left;}
.wide-qContent { position: relative; width: 95%; padding: 0 10px; z-index: 999; color: #FFF;}

.greenbox {position: relative; margin-top: 5px; width: 100%; height: auto; background: url(images/greenboxBack.jpg) repeat top left; padding: 20px 7px;}
.greenbox-lt {position: absolute; top: 0; left: 0; width: 22px; height: 30px; background: url(images/greenboxLT.jpg) no-repeat top left;}
.greenbox-rt {position: absolute; top: 0; right: 0; width: 22px; height: 30px; background: url(images/greenboxRT.jpg) no-repeat top left;}
.greenbox-lb {position: absolute; bottom: 0; left: 0; width: 26px; height: 32px; background: url(images/greenboxLB.jpg) no-repeat top left;}
.greenbox-rb {position: absolute; bottom: 0; right: 0; width: 26px; height: 32px; background: url(images/greenboxRB.jpg) no-repeat top left;}
.greenbox-content { position: relative; width: 95%; padding: 0 10px; z-index: 999;}

/* page headers */
.mainHeader { font-size: 24px !important; line-height: 1em !important; color: #85bf14 !important; padding-bottom: 5px !important; display: block;}
.subHeader { display: block; font-size: 14px !important; font-weight: bolder !important; line-height: 1 !important; margin-bottom: 10px !important; text-transform: uppercase; color: #85bf14 !important;}
.terHeader { display: block; font-size: 16px !important; font-weight: bolder !important; line-height: 1 !important; color: #55554a !important; margin-bottom: 20px !important;}

.story {position: relative; margin-top: 5px; width: 220px; height: auto; background: url(images/sBack.jpg) repeat-y top left; padding: 20px 7px;}
.sTop { position: absolute; top: 0; left: 0; width: 220px; height: 30px; background: url(images/sTop.jpg) no-repeat top left;}
.sBot { position: absolute; bottom: 0; left: 0; width: 220px; height: 30px; background: url(images/sBot.jpg) no-repeat bottom left;}
.sContent { position: relative; width: 192px; padding: 0 10px 0 0; z-index: 999;}

.demoBtn { display: block; margin: 0px auto; width: 352px; height: 45px; text-decoration: none;
    background-image: url(images/demoBtn.jpg); background-repeat: no-repeat; text-indent: -9999px;}

.shareto { text-align: center; margin-top: 5px;}
.sched { text-align: center;}

/*======= Image Gallery =======*/

.demoimg .sf_photoListLightbox li { padding: 18px 0; text-align: center; width: 100%; list-style-type: none; }
.demoimg dt a:Link, .demoimg dt a:active, .demoimg dt a:visited {color: Black; text-decoration: underline;}
.demoimg dt a:hover { text-decoration: none;}