/* 
     innRoad.com
     Word Communications // wordcommunications.com
     Matthew J. Stellato // matthewstellato.com
     Copyright 2009
*/

@import url("reset.css");

body {background:#8EC63F;}
#gradient {background:#509A11 url(../images/bg-body.jpg) center top repeat-y;}
#container {background: url(../images/bg-gradient.jpg) center top no-repeat;}
#wrap {width:957px; margin:0 auto; font:13px "Myriad Pro", "Lucida Grande", Arial, Helvetica, sans-serif; color:#4a4e52; position:relative; padding-bottom:35px; background:#FFF url(../images/bg-wrap.jpg) no-repeat bottom center;}
#wrap.secondary {padding-bottom:15px; background:#FFF url(../images/bg-wrap-02.jpg) no-repeat bottom center;}

:focus{outline:0;}
.clear{line-height:0px; font-size:0; height:0px; clear:both;}

p {padding-bottom:15px;}

a {color:#454D4E; text-decoration:underline; cursor:pointer;}
a:hover {color:#C60751; text-decoration:none;}

.hidden {display:none;}
sup {font-size:12px; line-height:12px;}


/* Header 
-----------------------------------------------------*/
#header {background: #FFF url(../images/bg-header.jpg) top center no-repeat; height:115px; position:relative;}

#header h1 {padding:30px 0 0 66px;}
#header h1 a {background: url(../images/logo.jpg) top left no-repeat; width:215px; height:64px; text-indent:-9999em; display:block;}

#header ul {font-size:11px; position:absolute; left:428px; *left:412px; top:82px; z-index:500;}
#header ul li {border-right:1px solid #E0E0E0; float:left; padding: 0 10px;}
#header ul li a {color:#5f6062; padding:6px 0;}
#header ul li a:hover {color:#C60751; text-decoration:none;}
#header ul li.cusLogin {border:none;}
#header ul li.cusLogin a {background:url(../images/btn_cusLogin.jpg) no-repeat top center; text-indent:-99999em; display:block; width:122px; border:none; position:relative; top:-6px; _margin-top:0px;}


/* Main Navigation 
-----------------------------------------------------*/
#nav {margin:0 auto; width:823px; position:absolute; left: 66px; z-index:99999;}
#nav li {float:left; padding:0; text-indent:0;}
#nav li a { height:63px; width:108px; float:left; background:url(../images/mainNav.png) top left no-repeat; cursor:pointer; text-indent:-9999em;}

#nav li.home a {width:107px; background-position: 0 0}
#nav li.overview a {width:121px; background-position: -107px 0}
#nav li.services a {width:118px; background-position: -228px 0}
#nav li.pricing a {width:109px; background-position: -346px 0}
#nav li.resources a {width:121px; background-position: -455px 0}
#nav li.customers a {width:121px; background-position: -576px 0}
#nav li.company a {width:126px; background-position: -697px 0}

#nav li.home a:hover {background-position: 0 -64px}
#nav li.overview a:hover {background-position: -107px -64px}
#nav li.services a:hover {background-position: -228px -64px}
#nav li.pricing a:hover {background-position: -346px -64px}
#nav li.resources a:hover {background-position: -455px -64px}
#nav li.customers a:hover {background-position: -576px -64px}
#nav li.company a:hover {background-position: -697px -64px}

#nav li#current.home a {background-position: 0 -128px}
#nav li#current.overview a {background-position: -107px -128px}
#nav li#current.services a {background-position: -228px -128px}
#nav li#current.pricing a {background-position: -346px -128px}
#nav li#current.resources a {background-position: -455px -128px}
#nav li#current.customers a {background-position: -576px -128px}
#nav li#current.company a {background-position: -697px -128px}


/* Home Feature
-----------------------------------------------------*/
#featureBanner { background:#FFF url(../images/banner.jpg); height:302px; padding-top:60px;}
#featureBanner ul {margin:15px 0 0 60px; text-align:right; width:240px; float:left;}
#featureBanner li {padding-bottom:1px; background:url(../images/bg-featurebanner-nav.png) bottom right no-repeat;}
#featureBanner ul a {text-decoration:none; font-size:16px; display:block; padding:9px 18px 9px 0;  background:url(../images/bg-featurebanner-link.png) right 0 no-repeat; color:#758284;text-shadow: 1px 1px 4px #CCC;}
#featureBanner ul a:hover, #featureBanner ul a.current {background-position: right -40px; color:#333;}
#featureBanner ul li.first a:hover, #featureBanner ul li.first a.current {background-position: right -80px; no-repeat;}


#panel {margin:63px 0 0 356px; font-size:25px; width:519px; height:80px; *margin-top:123px;}
#panel div a {width:519px; height:80px; display:block; }


#tagline {background:url(../images/bg-tagline.jpg) top center no-repeat;}
#tagline p {color:#5f6062; font-size:16px; line-height:18px; padding:35px 105px 20px 105px;}


/* Home Container 
-----------------------------------------------------*/
#homeContainer {padding:5px 80px;}
#homeContainer div {float:left; width:200px; border-right:1px solid #DBDCDA; padding:10px 30px; min-height:210px;}
#homeContainer div p {font-size:12px;}
#homeContainer div.first {border-left:0;}
#homeContainer div.last {border-right:0; padding-right:0;}
#homeContainer a, #bottomRail a {text-align:right; background:url(../images/btn_arrow.gif) right 0 no-repeat; display:block; padding:3px 22px 3px 0; font-size:12px; margin:0 5px 20px 0;}
#homeContainer a:hover, #bottomRail a:hover {background-position: right -30px;}
h3 {font-size:18px; color:#6C6F74; padding-bottom:5px; line-height:16px; letter-spacing:-.5px;text-shadow: 1px 1px 3px #DDD;}


#subscribeForm {margin:0;}
#qtutk-qtutk {background:url(../images/bg-subscribeForm.png) no-repeat top left; border:0; width:160px; color:#6B6F74; padding:4px 8px 7px 8px; float:left;}
#subscribeSubmit {margin:2px 0 0 3px; text-indent:-99999em; width:19px; height:22px; background:url(../images/btn_arrow.gif) right 0 no-repeat; border:0; cursor:pointer}
#subscribeSubmit:hover {background-position: 0 -30px; cursor:pointer}


/* Content
-----------------------------------------------------*/
#content-btm {width:840px; margin:63px auto 0 auto; *padding-top:63px; padding-bottom:70px; background:url(../images/bg-content-btm.jpg) no-repeat bottom center;}
#content {background:url(../images/bg-content.jpg) top left repeat-y;}
#content-top { background:url(../images/bg-content-top.jpg) top left no-repeat;}
#content-top.mainBanner { background:url(../images/bg-content-top-main.jpg) top left no-repeat;}


/* Sidebar
-----------------------------------------------------*/
#sidebar {margin:40px 0 0 11px; width:215px; float:left;}
#sidebar li a {text-decoration:none; display:block; padding:11px 15px 10px 27px; font-size:14px; background:url(../images/bg-sidebar-link.gif) top right no-repeat; color:#758284;text-shadow: 1px 1px 4px #DDD;}
#sidebar li a:hover {background-position:0 -80px; color:#AE0647;}
#sidebar li a#active {background-position:0 -160px; color:#5D6869;}
#sidebar li {padding-bottom:1px; background:url(../images/bg-sidebar-nav.gif) bottom right no-repeat;}

#sidebar li#section {padding:0; background:none;}
#sidebar li#section a {height:40px; display:block; padding:0; text-indent:-9999em; background-position:top left; background-repeat:no-repeat;}
#sidebar li#section.overview a {background-image:url(../images/section-overview.gif);}
#sidebar li#section.services a {background-image:url(../images/section-services.gif);}
#sidebar li#section.resources a {background-image:url(../images/section-resources.gif);}
#sidebar li#section.company a {background-image:url(../images/section-company.gif);}
#sidebar li#section.customers a {background-image:url(../images/section-customers.gif);}
#sidebar li#section.pricing a {background-image:url(../images/section-pricing.gif);}
#sidebar li#section a:hover {background-position: bottom;}


#sidebar p {margin-left:25px;}
#sidebar p.callout {border-bottom:1px solid #f1f1f1; padding-bottom:10px; margin-bottom:15px;}



/* Main Content
-----------------------------------------------------*/
#main h2 {font-size:23px; font-weight:normal; color:#C60751; padding:45px 0 23px 0; line-height:22px; letter-spacing:-.5px;text-shadow: 1px 1px 3px #DDD;}
#main h2#h2banner {padding:0 0 42px 0;}
#main {margin-left:250px; width:580px; padding:8px 0;}
#copy {padding:0 40px;}

a.arrow { background:url(../images/btn_arrow.gif) right 1px no-repeat; padding:4px 22px 3px 0;}
a.arrow:hover {background-position:right -29px;}
.bullets {list-style:disc; padding:5px 0 0 20px;}
.bullets li {padding:8px 10px; background:#f1f1f1; margin-bottom:2px;}
.bullets li:hover {background:#f9f9f9;}



/* Company ------*/
h3 span {display:block; font-size:15px; color:#999; text-shadow:none; font-weight:normal; padding:3px 0 8px 0}

.list {list-style:disc; padding:0 0 0 20px;}
.list li {margin-bottom:15px;}
.list li a {padding:8px 10px; background:#f1f1f1; display:block; text-decoration:none;}
.list li a:hover {background:#f9f9f9;}

.description {list-style:disc; padding:10px 0 20px 20px;}
.description li {margin-bottom:5px;}


h3.headline {padding-bottom:1px; margin-top:20px 0 8px 0; border-bottom:1px solid #e1e1e1;}

.press, .news {margin-top:20px;}
.press span {float:left; display:block; width:120px; color:#999; padding-top:8px;}
.press a {display:block; margin-left:120px; background:#f1f1f1; text-decoration:none; padding:8px;}
.press a:hover {background:#f9f9f9;}
.press li, .news li {margin-bottom:10px;}

.news span {float:left; display:block; width:120px; color:#999; padding-top:8px;}
.news a {display:block; margin-left:120px; padding: 8px 35px; background: #f1f1f1 url(../images/icon-pdf.gif) 8px 5px no-repeat;  text-decoration:none;}
.news a:hover {background-color:#f9f9f9;}


p.partner img {float:left;}
p.partner span {display:block; margin-left:150px;}
p.partner span a:hover h3 {color:#C60751;}


/* Get Started ------*/
#copy.copy-getstarted div {padding:0 0 10px 0;}
#copy.copy-getstarted div img {float:left; margin-right:20px;}
#copy.copy-getstarted div p {padding-top:8px; margin-left:70px; font-size:16px; font-weight:bold;}

table {border-left:1px solid #CCBB00; border-top:1px solid #CCBB00; border-bottom:1px solid #CCBB00;}
td {padding:6px 10px; min-height:50px; border-bottom: 1px solid #CCBB00; border-right:1px solid #CCBB00; border-left:1px solid #FAFAD2; border-top:1px solid #FAFAD2; background:#FAF7C0;}
tr.btm td {border-bottom:0;}

tr.alt td {background:#E9D500; border-left:1px solid #EFE200; border-top:1px solid #EFE200;}
td.requirement {width:130px;}


/* Resources ------*/
#copy.copy-resources div {padding:0 0 10px 0;}
#copy.copy-resources div img {float:left; margin-right:20px;}
#copy.copy-resources div p {padding-top:18px; margin-left:252px;}


/* Customers ------*/
blockquote {font-size:17px; padding-left: 18px; text-indent: -18px; width:300px; margin-bottom:25px; float:left; color:#62686D;}
blockquote strong {background: url(../images/open-quote.gif) no-repeat left top; padding-left: 18px; font-weight:normal;}
blockquote span {display:inline; background: url(../images/close-quote.gif) no-repeat right bottom; padding:3px 5px; margin-left:5px; text-indent:-9999em;}

#copy.copy-testimonials ul {margin:0 0 25px 0; padding:0 0 0 15px; border-left:1px solid #e1e1e1; margin-left:330px;}


/* Form Content
------------------------------------------------------------------*/
form {margin-top:20px;}
label {color:#555; font-weight:bold; display:block; width:110px; float:left; padding-top:3px;}

input.namefield {width:180px; padding:4px 3px; border:1px solid #BAC1C2;}
input.textfield {width:200px; padding:4px 3px; border:1px solid #BAC1C2}
textarea {width:230px; height:50px; border:1px solid #BAC1C2; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:5px 3px;}

form p span.jsvalidation {padding-left:10px; color:#86D200; width:80px; font-size:12px;}

#optinp, #submitp {margin:0 0 10px 110px;}
#optinp input {float:left; margin:2px 8px 0 0;}
#optinp label {float:none; width:200px; font-weight:normal; margin-left:20px; padding-top:2px; font-size:12px;line-height:normal}

#cityp input {width:150px;}
#zipp input {width:86px;}

p.required {color:#999;}


/* Sitemap
------------------------------------------------------------------*/
#copy.sitemap div {margin:0 0 20px 20px;}
#copy.sitemap ul {list-style:disc;  width:230px; float:left;}
#copy.sitemap ul li {margin:0 0 0 15px;}
#copy.sitemap ul li.set {list-style:none; margin:0; padding:0; font-weight:bold;}
#copy.sitemap ul li.sec {margin-bottom:10px;}


/* Bottom Rail
-----------------------------------------------------*/
#bottomRail {padding:5px 78px;}
#bottomRail div {text-shadow: 1px 1px 4px #c1c1c1; float:left; width:200px; margin-right:10px; background: url(../images/bg-bottomRail-div.jpg) no-repeat top left; padding:25px 30px;}
#bottomRail div p {font-size:12px;}
#bottomRail div.last {margin:0;}


/* Footer 
-----------------------------------------------------*/
#reflectContainer {background:url(../images/bg-reflectContainer.jpg) repeat-x bottom left; padding-bottom:30px;}

#footerContainer {background:#8EC63F; margin-top:-18px; padding-bottom:80px;}
#footer, #sitemap {width:957px; margin:0 auto; font:11px Myriad Pro, Arial, Helvetica, sans-serif; color:#FFF; padding-bottom:20px;}
#footer ul {float:right;}
#footer li {float:left;} 
#footer a {padding: 0 12px 0 0; color:#FFF;}
#footer a:hover {text-decoration:underline; color:#E5F0D6;}

#moneytree {position:absolute; bottom:-2px; left:-69px; _display:none;}