#container{background:#0087C9 url(../images/bg.png) repeat-y center;border:1px solid #0087C9;}
#stage{width:850px;margin:0 25px 5px 25px;padding:40px 0 18px 0;background:#007cc3 url(../images/bg.png) repeat-y center;border:0;overflow:hidden;}
#main{height:280px;overflow:hidden;color:#fff;position:relative;}
#juice{background:#ffffff;border:none;margin:0 4px;}
.blue, .blue li{color:#0087C9;}
.pink, .pink li{color:#BD4746;}
.red, .red li{color:#ff0000;}
.green, .green li{color:#649005;}
.orange, .orange li{color:#E87600;}
.purple, .purple li{color:#59438A;}
.cyan, .cyan li{color:#148488;}
.footer{padding-top:10px;}
#header{position:absolute;z-index:100;width:840px;left:50%;margin-left:-420px;}
#header .logo{background:url(../imageslogo-small.png) no-repeat -3px -4px;width:59px;height:24px;text-indent:-9000px;display:block;float:left;}
#header li{color:#fff;}
#header li strong, #header li a, #header li a:hover{color:#facd64;}
#header li.right a{background:url(../images/login.gif) no-repeat bottom left;padding-bottom:8px;}
* html #header li.right a{padding-bottom:6px;}
#home #main{background:url(../images/header.png) no-repeat;}
#about #main{background:url(../images/img-about.jpg) no-repeat;}
#clients #main{background:url(../images/img-clients.jpg) no-repeat;}
#features #main{background:url(../images/img-features.jpg) no-repeat;}
#faq #main{background:url(../images/img-faq.jpg) no-repeat;}
#examples #main{background:url(../images/img-examples.jpg) no-repeat;}
#why #main{background:url(../images/img-why.jpg) no-repeat;}
#unplugged #main{background:url(../images/img-unplugged.jpg) no-repeat;}
#signup #main{background:url(../images/img-signup.jpg) no-repeat;position:static;}
.education #main{background:url(../images/img-education.jpg) no-repeat}
.individuals #main{background:url(../images/img-individual.jpg) no-repeat}
.teams #main{background:url(../images/img-teams.jpg) no-repeat}
.business #main{background:url(../images/img-business.jpg) no-repeat}
.events #main{background:url(../images/img-events.jpg) no-repeat}
.payment #main{background:url(../images/img-payments.jpg) no-repeat}
.forms #main{background:url(../images/tour-forms.jpg) no-repeat;}
.notifications #main{background:url(../images/tour-notifications.jpg) no-repeat;}
.integration #main{background:url(../images/tour-integration.jpg) no-repeat;}
.entries #main{background:url(../images/tour-entries.jpg) no-repeat;}
.reports #main{background:url(../images/tour-reports.jpg) no-repeat;}
.themes #main{background:url(../images/tour-themes.jpg) no-repeat;}
.payments #main{background:url(../images/tour-payments.jpg) no-repeat;}
.users #main{background:url(../images/tour-users.jpg) no-repeat;}
#main h2, #main p{display:none;}#main ul{list-style:none;}
#main ul a{display:block;text-indent:-9000px;}
#main ul a:hover span, #col2 li a:hover span{display:block;border-bottom:3px dotted #fff;line-height:40px;opacity:.5;filter: alpha(opacity=50);}
.signup a{position:absolute;top:264px;left:64px;width:208px;height:54px;}
.tour a{position:absolute;top:264px;left:285px;width:99px;height:54px;}
.signup:hover span{width:170px;margin:0 0 0 20px;}
.tour:hover span{width:40px;margin:0 0 0 30px;}
#main ul a:active span, #col2 li a:active span{opacity:.7;filter: alpha(opacity=70);}
#unplugged .signup a{left:472px;}
#unplugged .tour a{left:693px;}

/* Navigation */
ul.nav, ul.powered{text-align:center;clear:both;height:48px;line-height:48px;}
ul.nav{border-top:1px solid #E7C164;border-bottom:1px solid #E7C164;background:#fadc76 url(../images/nav.png) no-repeat center -1px;}
ul.powered{background:#fadc76 url(../images/powered.png) no-repeat center top;border-top:1px solid #E7C164;height:38px;margin:0;overflow:hidden;}
.nav li, .powered li{list-style:none;float:left;display:inline-block;}

.nav li a, .powered li a{display:block;overflow:hidden;height:36px;text-indent:-9000px;}
.powered li a{overflow:hidden;height:35px !important;}
.n1{margin:0 0 0 22px;width:50px;}
.n2{margin:0 0 0 14px;width:58px;}
.n3{margin:0 0 0 14px;width:115px;}
.n4{margin:0 0 0 17px;width:85px;}
.n5{margin:0 0 0 17px;width:83px;}
.n6{margin:0 0 0 17px;width:35px;}
.n7{margin:0 0 0 16px;width:50px;}
.n8{margin:0 0 0 16px;width:84px;}
.n9{margin:0 0 0 17px;width:104px;}

* html .p1{margin-left:180px;}
.p1{margin:0 0 0 360px;width:82px;}
.p2{margin:0 0 0 14px;width:48px;}
.p3{margin:0 0 0 14px;width:66px;}
.p4{margin:0 0 0 14px;width:74px;}
.p5{margin:0 0 0 14px;width:49px;}
.p6{margin:0 0 0 14px;width:74px;}

* html .n1{margin-left:10px;}
.n1 a:hover, .p1 a:hover{border-bottom:3px solid #ff0000;}
.n2 a:hover, .p2 a:hover{border-bottom:3px solid #ff0000;}
.n3 a:hover, .p3 a:hover{border-bottom:3px solid #ff0000;}
.n4 a:hover, .p4 a:hover{border-bottom:3px solid #ff0000;}
.n5 a:hover, .p5 a:hover{border-bottom:3px solid #ff0000;}
.n6 a:hover, .p6 a:hover{border-bottom:3px solid #ff0000;}
.n7 a:hover, .p7 a:hover{border-bottom:3px solid #ff0000;}
.n8 a:hover, .p8 a:hover{border-bottom:3px solid #ff0000;}
.n9 a:hover, .p9 a:hover{border-bottom:3px solid #ff0000;}

/* End Navigation */

/* Column 1 */
#col1, #col2, #col3,#col4,#col5{padding-top:5px;padding-bottom:15px;background:#ffffff;}
#col1{width:97%;font-size:95%;float:left;margin-left:25px;margin-right:25px;}
#col1 ul{list-style:square;}
#col1 ul li{font-size:14px;}
* html #col1{margin-right:5px;margin-left:15px;}

/* Column 2 */
#col2{width:35%;float:left;padding:10px;margin-left:5px;background:#fff;}
#col2 ul{list-style:square;margin-left:20px;}
#col2 ul li{font-size:14px;}

/* Column 3 */
#col3{width:60%;float:right;margin-right:10px;background:#fff;}
#col3 ul{list-style:square;}
#col3 ul li{font-size:12px;}
* html #col3{margin-right:10px;}

#col4{width:80%;text-align:center;margin:0 auto;padding:5px;border:1px solid #000;background:#fff;font-family:georgia;}
#col4 p{text-align:center;}
#col4 ul{list-style:square;}
#col4 ul li{font-size:14px;}

#col5{width:95%;float:right;margin-right:25px;padding:5px;border:1px solid #000;background:#fff;}
#col5 ul{list-style:square;}
#col5 ul li{font-size:14px;}

h3 a{color:#222;text-decoration:none;}
h3 a:hover{text-decoration:underline;color:blue;}

#juice h3{font-weight:bold;font-size:20px;}
#juice p{line-height:145%;}#col1 h3{margin:0 15px 4px 0;}

#col1 p,#col2 p,#col3 p{margin:0 45px 1em 0;line-height:28px;}
#col2 p,#col3 p{margin:0;}

ul.squares li{list-style:none;margin:0 20px 20px 0;float:left;}
ul.squares li.alt{margin-right:0;}
ul.squares li a{display:block;width:179px;height:156px;text-indent:-9000px;}
ul.squares li a:hover span{width:145px;padding-top:7px;margin:0 0 0 15px;border-bottom-style:dotted !important;}
td li, #col1 li, #col3 li{margin:0 0 0 1.4em;padding:0;line-height:140%;}
td li span, #col1 li span, #col3 li span{color:#222;}
#col1 li a, #col3 li a{text-decoration:none;padding:0 0 1px 0;border-bottom:1px solid #dedede;}
#col1 li a:hover, #col3 li a:hover{text-decoration:none;border-bottom:1px solid blue;}
#col1 li a:hover span, #col3 li a:hover span{color:blue;}
.toc{position:absolute;top:45px;left:500px;}
#faq .toc{top:40px;left:480px;}
.toc h3{font-size:18px;margin:0 0 7px 0;color:#EEEEAB;font-weight:bold;}
.toc ol{list-style:none;}
.toc li{color:#DEDB89;font-weight:bold;}
.toc a{font-weight:normal;font-size:16px;line-height:155%;color:#fff;text-decoration:none;margin-left:5px;}
.toc a:hover{text-decoration:underline;}
#faq .toc a{font-size:12px;}
#text{margin:35px 60px 30px 60px;}
#text img{border:1px solid #f0f0f0;border-right:1px solid #dedede;border-bottom:1px solid #dedede;padding:1em;margin-bottom: 1em;}
#text h2{font-size:200%;margin:1em 0 45px 0;}
#text h3{font-weight:normal;font-size:140%;border-bottom:1px dotted #dedede;padding:10px 0 3px 0;margin-bottom:.6em;}
#text h3 b{color:#222;}
#text em{font-style:normal;background-color:#FFFBCF;}
#text p{font-size:100%;line-height:155%;margin:0 0 1em 0;}
#text ul, #text ol{margin:0 0 1em 1em;padding:0 0 0 1em;}
#text li{line-height:135%;}
#text li strong{color:#9F331D;}


#home #col1 p strong{color:#2F8ABD;}
#home #col1 p, #home #col3 ul{font-size:14px;}
#home #col3 li{margin-bottom:4px;}
#home #col2 li{margin-bottom:4px;}
#home h3 img{margin:0 0 -2px 3px;}



#request {border:1px solid #0087C9;background:#fff;width:100%;}
#request td{padding:5px;}
#request td td{padding:0px;}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}