/*
Theme Name: Prontoforms
Theme URI: http://prontoforms.com/
Description: Template designed by nullun for Prontoforms
Version: 1
Author: nullun
Author URI: http://nullun.com/
*/

html{
	min-height: 100%;
	height: 100%;
}
body{
	background-color: rgb(153,204,255);
	min-height: 100%;
	height: 100%;
	color: #103C68;
}
a{
	color: #103C68;
	text-decoration: none;}
	
a: hover{
	color: #2C5F92;
	text-decoration: none;}	
	
textarea	{
	width: 300px}
	
/* @group header */
#header{
	background: url(i/top-background.png) repeat-x 0 top;
}

#header .the-joy-of-being{
	height: 3px;
	background-image: url(i/horizontal-divider-blue.png);
	margin-bottom: 0;
	margin-top: 0;
}

#header .login-menu{
	margin-bottom: 0;
}

#header .login-menu ul{
	margin: 20px 0 0 22px;
	padding: 0;
}

#header .login-menu li{
	display: inline;
	margin-left: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#header .login-menu li a, #header .login-menu li a:visited{
	color: #DB4000;
	text-decoration: none;
}

#header .login-menu li a:hover{
	color: #103C68;
}

#header h1{
	margin: 0 0 12px;
	padding: 0;
}

#header h1 a{
	text-decoration:none;
	display:block;
	background: url(i/prontoforms-logo.png);
	width:444px;
	height:70px;
	text-indent: -9999em;
	outline:none;
}

.main-menu {
	background: url(i/vertical-divider.png) repeat-y left;
	padding: 0;
	margin:5px 0 6px 0;
	height: 36px;
}

#header .main-menu ul{
	margin: 0 0 0 10px;
	padding: 0;
	color: #466633;
}

#header .main-menu ul li{
	display: inline;
	margin: 0 3px 0 0;
	background: url(i/dashed-main-menu.png) repeat-y right;
	font: 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 3px 9px 9px 0;
	font-weight: bolder;
}

#header .main-menu ul li a, #header .main-menu ul li a:visited{
	color: #103C68;
	text-decoration: none;
}

#header .main-menu ul li a:hover{
	color: #DB4000;
}

.call-to-action-main ul{
	width: 190px;
	height: 30px;
	margin: 38px 0 0;
	background: url(i/call-to-action_head.png) no-repeat;
	padding: 7px 0 0 7px;
}











.call-to-action-main ul li{



	display: inline;



	font: bold 14px Arial, Helvetica, sans-serif;



	text-shadow: #ffe3be -1px 1px 1px;



	padding: 2px 7px 2px 9px ;



}











.call-to-action-divider{



	background: url(i/call-to-action-divider.png) no-repeat left;



}











.call-to-action-main ul li a, .call-to-action-main ul li a:visited{



	color: #2C5F92;



	text-decoration: none;



}







.call-to-action-main ul li a:hover{



	color: #DB4000;



	text-decoration: none;



}







/* @end */







/* @group main content */







#main-content{







}







#main-content .feature-box{



	padding-left: 28px;



}











#main-content .the-joy-of-being{



	height: 3px;



	background-image: url(i/horizontal-divider-blue.png);



	margin-bottom: 11px;



	margin-top: 10px;



	



}







#main-content .feature-box h3{



	font: 28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	margin: 0 0 6px 10px;



	background: url(i/horizontal-divider.png) repeat-x 0 bottom;



	padding: 0 0 9px;



}







#main-content .feature-box h3 a{



	color: #103C68;



	text-decoration: none;



}







#main-content .feature-box h4{



	margin: 0 0 0 10px;



	font: 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



}











#main-content .feature-box h4 a{



	text-decoration: none;



	color: #466633;



	background: url(i/next-26x26.png) no-repeat 0 2px;



	padding-left: 32px;



}







#main-content .feature-box p{



	margin: 0 0 7px 10px;



	font: 14px/18px Arial, Helvetica, sans-serif;



}







#main-content .feature-box ul{



	margin: 15px 0 30px 18px;



}







#main-content .feature-box ul li{



	list-style-type: none;



	margin-bottom: 8px;



	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



}







#main-content .feature-box ul li a{



	color: #DB4000;



	text-decoration: none;



	background: url(i/bullet-orange.png) no-repeat 0 2px;



	padding-left: 15px;



}







#carrusel{



	margin-top: 10px;







}







#carrusel h2{



	font: 38px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	color:#103C68;



	margin: 0 0 7px;



	font-weight: bold;



}







#carrusel p{



	font: 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	margin: 0 0 18px 0;







}







#carrusel p a{



	color: #DB4000;;



}











#carrusel ul{



	margin: 30px 0 0 0;



	padding: 0;







}







#carrusel li{



	display: inline;



	margin: 0;



	padding: 0;



}











	







#carrusel li.create-on a{



	text-decoration:none;



	display: block;



	background: url(i/slider-menu-1-create-on.png) no-repeat;



	width:144px;



	height:52px;



	text-indent: -9999em;



	outline:none;



float: left;



}







#carrusel li.capture-on a{



	text-decoration:none;



	display: block;



	background: url(i/slider-menu-2-capture-on.png) no-repeat;



	width:141px;



	height:52px;



	text-indent: -9999em;



	outline:none;



float: left;



}







#carrusel li.report-on a{



	text-decoration:none;



	display: block;



	background: url(i/slider-menu-3-report-on.png) no-repeat;



	width:259px;



	height:52px;



	text-indent: -9999em;



	outline:none;



float: left;



}







#carrusel li.create-off a{



	text-decoration:none;



	display: block;



	background: url(i/slider-menu-2-create-off.png) no-repeat;



	width:144px;



	height:52px;



	text-indent: -9999em;



	outline:none;



float: left;



}







#carrusel li.create-off-off a{



	text-decoration:none;



	display: block;



	background: url(i/slider-menu-3-create-off.png) no-repeat;



	width:144px;



	height:52px;



	text-indent: -9999em;



	outline:none;



float: left;



}











#carrusel li.capture-off a{



	text-decoration:none;



	display: block;



	background: url(i/slider-menu-1-capture-off.png) no-repeat;



	width:141px;



	height:52px;



	text-indent: -9999em;



	outline:none;



float: left;



}







#carrusel li.capture-off-off a{



	text-decoration:none;



	display: block;



	background: url(i/slider-menu-3-capture-off.png) no-repeat;



	width:141px;



	height:52px;



	text-indent: -9999em;



	outline:none;



float: left;



}







#carrusel li.report-off a{



	text-decoration:none;



	display: block;



	background: url(i/slider-menu-1-report-off.png) no-repeat;



	width:259px;



	height:52px;



	text-indent: -9999em;



	outline:none;



float: left;



}











/* @end */







/* @group footer */







#footerbox{



	background: url(i/bottom-background.png) repeat-x;



	color: #DB4000;



}











.push-da-footer{



	padding-top: 80px;



}







#footerbox a{



	text-decoration: none;



	color: #DB4000;



}







#footerbox a:visited{



	text-decoration: none;



	color: #DB4000;



}







#footerbox a:visited{



	text-decoration: none;



	color: #b96c4c;



}







#footerbox a:hover{



	text-decoration: none;



	color: #103c68;



}







#footerbox .span-3{



	margin-right: 30px;



}







.content-footer{



}







#footerbox h2{



	font-size: 12px;



	margin-top: 0;



	margin-bottom: 5px;



	font-weight: bold;



	padding: 0 0 3px 0;



	background: url(i/horizontal-divider-orange.png) repeat-x 0 bottom;



}















#footerbox ul{



	margin: 0 0 20px 0;



}







#footerbox ul li{



	list-style-type: none;



	margin-bottom: 4px;



}











#footerbox .the-joy-of-being{



	height: 3px;



	background-image: url(i/horizontal-divider-orange.png);



	margin-bottom: 10px;



	margin-top: 10px;



	



}







/* @end */







/* @group numbers */







.number-item{



	margin: 0;



	padding: 0;



}







.number-item p{



	font: 40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	padding: 4px 0 0 28px;



	margin: 0;



}







.left-divider{







}







.left-divider-orange{



background: url(i/vertical-divider-orange.png) repeat-y left;



padding-left: 30px;



}







.promo-content{



	margin: 30px 0 0 5px;



}







.content-footer{



	margin-top: 75px;



}











/* @end */







/* @group second level */







/* @group table pricing */







.second-level-content table{



	margin-left: 20px;



	width: 510px;



}











.second-level-content-pricing table{



	margin-left: 10px;



}











.second-level-content-pricing table td{



}







th.pricing-description{



	width: 226px;



}







.orange-cell{



	color: #DB4000;



	font-weight: bold;



	text-align: center;



	



}







.buy-me-cell{



	text-align: center;



	padding-top: 20px;



	background: url(i/buy-it-cell-background.png) no-repeat 0 4px;







}







.buy-me-cell h4{



	padding: 14px 0 10px 26px;



	margin: 0;



}







.buy-me-cell h4 a{



	text-decoration:none;



	display:block;



	background: url(i/button-buy-it.png) no-repeat;



	height: 40px;



	width: 90px;



	text-indent: -9999em;



	outline:none;



}







.buy-me-cell p a{



	text-decoration:none;



}



th.pricing-team-leader{



	padding-left: 8px;



	width: 179px;



	height: 80px;



	font: 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	vertical-align: top;



	background: url(i/th-background-1.png) no-repeat;



	padding-top: 55px;



	padding-bottom: 0;



	margin: 0;



}







th.pricing-small-teams{



	padding-left: 8px;



	width: 163px;



	height: 80px;



	font: 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	vertical-align: top;



	background: url(i/th-background-2.png) no-repeat;



	padding-top: 55px;



	padding-bottom: 0;



	margin: 0;



}







th.pricing-standard{



	padding-left: 8px;



	width: 162px;



	height: 80px;



	font: 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	vertical-align: top;



	background: url(i/th-background-3.png) no-repeat;



	padding-top: 55px;



	padding-bottom: 0;



	margin: 0;



}







th.pricing-custom{



	padding-left: 8px;



	width: 160px;



	height: 80px;



	font: 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	vertical-align: top;



	background: url(i/th-background-4.png) no-repeat;



	padding-top: 55px;



	padding-bottom: 0;



	margin: 0;



}







td.normal{



	background: #9cf url(i/vertical-divider.png) repeat-y right;



	padding-top: 10px;



	padding-left: 10px;



}







td.shade{



	background:#74C7ED url(i/vertical-divider.png) repeat-y right;



	height: 50px;



	padding-left: 10px;



}







th.shade{



	background:#74C7ED url(i/vertical-divider.png) repeat-y right;



	height: 50px;



	padding-left: 10px;



}











/* @end */







/* @group table download */







.download-content table{



	width: 535px;



	margin: 0 0 0 18px;



}







.download-content table tr{



	padding: 10px;



}







.download-content table th{



	padding: 20px 0 16px 0;



	font-size: 22px;



	font-weight: bold;



}







.download-content table td{



	padding: 0;



}







td.col-a{



	width: 110px;



	padding-bottom: 12px;



	height: 128px;



	vertical-align: top;



}







td.col-b{



	width: 250px;



	vertical-align: top;



}







td.col-c{



	width: 175px;



	vertical-align: top;



	background: url(i/vertical-divider-item.png) repeat-y;



}











td.col-c ul{



	margin: 10px 0 0 20px;



	font-weight: bold;



}







td.col-c li{



	list-style-type: none;



	padding: 0;



	margin: 0;



}







td.col-c li a{



	text-decoration: none;



	display: block;



	background: url(i/view-all-small-orange.png) no-repeat 0 1px;



	padding: 0 0 0 22px;



	margin-bottom: 10px;



	color: #DB4000;



}











.download-content table h4{



	margin: 0 0 0 18px;



	padding: 0;



}







.download-content table h6{



	margin: 3px 0 0 10px;



	padding: 0;



}







.download-content table h6 a{



	text-decoration: none;



	color: #466633;



}











.download-content table p{



	margin: 0 22px 0 10px;



	padding: 0;



}











/* @end */







/* @group left col */







.second-level{



	margin-top: 10px;



}







.second-level-content hr{



	height: 3px;



	background-image: url(i/horizontal-divider-right-col.png);



	background-color: #9cf;



	width: 96%;



	margin-left: 12px;



	margin-bottom: 20px;



}







.how-content-item{



	margin: 0;



}







.how-content-item .title-number-1{



	margin: 0 0 0 -58px;



	background: url(i/numbers-1.png) no-repeat 8px 0;



	padding: 9px 0 7px 76px;



}











.how-content-item .title-number-2 {



	margin: 0 0 0 -58px;



	background: url(i/numbers-2.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}







.how-content-item .title-number-3 {



	margin: 0 0 0 -58px;



	background: url(i/numbers-3.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}











.how-content-item .title-number-4 {



	margin: 0 0 0 -58px;



	background: url(i/numbers-4.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}




.how-content-item .title-number-5 {



	margin: 0 0 0 -58px;



	background: url(i/numbers-5.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}



.how-content-item .title-number-6 {



	margin: 0 0 0 -58px;



	background: url(i/numbers-6.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}


.how-content-item .title-letter-main-a{



	margin: 0 0 0 -58px;



	background: url(i/letters-main-a.png) no-repeat 8px 0;



	padding: 9px 0 7px 76px;



}











.how-content-item .title-letter-main-b {



	margin: 0 0 0 -58px;



	background: url(i/letters-main-b.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}







.how-content-item .title-letter-main-c {



	margin: 0 0 0 -58px;



	background: url(i/letters-main-c.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}











.how-content-item .title-letter-main-d {



	margin: 0 0 0 -58px;



	background: url(i/letters-main-d.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}











.how-content-item .title-letter-main-e {



	margin: 0 0 0 -58px;



	background: url(i/letters-main-e.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}







.how-content-item .title-letter-main-f {



	margin: 0 0 0 -58px;



	background: url(i/letters-main-f.png) no-repeat 8px 0;


	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}







.how-content-item .title-letter-main-g {



	margin: 0 0 0 -58px;



	background: url(i/letters-main-g.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}







.how-content-item .title-letter-main-h {



	margin: 0 0 0 -58px;



	background: url(i/letters-main-h.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}











.how-content-item .title-letter-main-i {



	margin: 0 0 0 -58px;



	background: url(i/letters-main-i.png) no-repeat 8px 0;



	padding-top: 9px;



	padding-bottom: 7px;



	padding-left: 76px;



}







.how-content-item p{



	margin-top: 0;



	margin-left: 0;



	margin-right: 0;



	padding-bottom: 5px;



}











.how-content-item-promo{



	width: 389px;



	float: left;



}







.content-item-buy{



	float: left;



	width: 90px;



	padding-left: 22px;



	padding-bottom: 0;



	padding-top: 6px;



	background: url(i/vertical-divider-item.png) repeat-y;



	height: 96px;



	margin-left: 22px;



}











.content-item-buy h3{



	margin: 0;



	padding-top: 11px;



}







.content-item-buy h3 a{



	text-decoration:none;



	display:block;



	background: url(i/button-buy-it.png) no-repeat;



	height: 40px;



	width: 90px;



	text-indent: -9999em;



	outline:none;



}







.content-item-buy p{



	text-align: center;



	margin-top: 4px;



	margin-left: 5px;



	font-weight: bold;



}











.content-item-buy p a{



	margin: 0;



	text-decoration: none;



	color: #103C68;



}











.second-level-content{



	background: url(i/page-vertical-divider.png) repeat-y;



	padding-top: 4px;



}







.second-level-content-pricing{



	background: url(i/vertical-divider.png) repeat-y;



	padding-top: 4px;



}







.second-level-content h2{



	color: #103C68;



	font-size: 28px;



	padding-left: 18px;



	margin-bottom: 12px;



}







.second-level-content-pricing h2{



	color: #103C68;



	font-size: 28px;



	padding-left: 18px;



	margin-bottom: 12px;



}







.second-level-content h4{



	color: #103C68;



	font-size: 16px;



	padding-left: 18px;



	margin-bottom: 12px;



}







.second-level-content p{



	padding-left: 18px;



	padding-right: 30px;



	font-size: 14px;



	margin-bottom: 10px;



}







.what-content img{



	margin-left: 20px;



	margin-right: 20px;



	margin-bottom: 40px;



	float: left;



}







.customer-content{



	margin-left: 10px;



}







.customer{



	margin-bottom: 20px;



}







.customer img{



	padding: 0 30px 0 0;



	float: left;



	width: 180px;



}







.customer p{



	float: left;



	width: 300px;



	padding: 10px 0 0 0;



	margin: 0;



}







.team-member{



	margin: 0 10px 20px 20px;



}







.team-member .team-member-avatar{



	width: 110px;



	float: left;



	margin: 0 10px 0 0;



}







.team-member .team-member-avatar img{



	padding: 5px;



	background-color: #cbe5ff;



}







.team-member .team-member-bio{



	width: 400px;



	float: left;



}







.team-member .team-member-bio h4{



	margin: 0;



	padding: 0;



	font-size: 24px;



}







.team-member .team-member-bio h5{



	margin: 0 0 10px 0;



	padding: 0;



	color: #103C68;



	font-size: 16px;



	font-weight: normal;



}











.team-member .team-member-bio p{



	margin: 0 0 10px 0;



	padding: 0;



}







/* @end */







/* @group right col */







.right-col{



	padding-top: 10px;



}







.right-col hr{



	height: 3px;



	background-image: url(i/horizontal-divider-right-col.png);


	background-color: #9cf;



}











.right-col h3{



	color: #466633;



	font-size: 22px;



	padding-left: 10px;



	margin-bottom: 2px;



	font-weight: bold;



}







.center-image-how{



	width: 470px;



	margin: 20px auto;



}







h4.view-all a{



	color: #466633;



	font-size: 16px;



	padding-left: 25px;



	margin-bottom: 0;



	font-weight: bold;



	text-decoration: none;



	background: url(i/view-all-small.png) no-repeat 0 2px;



	padding-bottom: 3px;



	margin-left: 41px;



}







.right-col ul{



	color: #466633;



	font-weight: bold;



	padding: 0 0 0 39px;



	margin: 0 0 2px;



}







.right-col li{



	list-style-type: none;



	background: url(i/check.png) no-repeat 0 2px;



	font-size: 14px;



	padding: 0 0 6px 26px;



}







.right-col li a {



	color: #466633;



}











h3.letter-c{



	background: url(i/letters-c.png) no-repeat;



	padding-bottom: 6px;



	padding-top: 5px;



	padding-left: 37px;



}







h3.letter-d{



	background: url(i/letters-d.png) no-repeat;



	padding-bottom: 6px;



	padding-top: 5px;



	padding-left: 37px;



}







h3.letter-e{



	background: url(i/letters-e.png) no-repeat;



	padding-bottom: 6px;



	padding-top: 5px;



	padding-left: 37px;



}





h3.number-1{

	background: url(i/number-1.png) no-repeat;
	padding-bottom: 6px;
	padding-top: 5px;
	padding-left: 37px;
}

h3.number-2{

	background: url(i/number-2.png) no-repeat;
	padding-bottom: 6px;
	padding-top: 5px;
	padding-left: 37px;
}

h3.number-3{

	background: url(i/number-3.png) no-repeat;
	padding-bottom: 6px;
	padding-top: 5px;
	padding-left: 37px;
}

h3.number-4{

	background: url(i/number-4.png) no-repeat;
	padding-bottom: 6px;
	padding-top: 5px;
	padding-left: 37px;
}

p.follow-twitter a{



	color: #DB4000;



	font-weight: bold;



	text-decoration:none;



	font-size: 20px;



	padding-left: 36px;



	padding-top: 0;



	padding-bottom: 15px;



	background: url(i/twitter-bubble.png) no-repeat 0 -5px;



}











p.try-it a{



	color: #DB4000;



	font-weight: bold;



	text-decoration:none;



	font-size: 20px;



	padding-left: 36px;



	padding-bottom: 5px;



	background: url(i/try-it-star.png) no-repeat;



}







p.buy-it-now  a{



	text-decoration:none;



	display:block;



	background: url(i/buy-now-left-col.png);



	width:280px;



	height:42px;



	text-indent: -9999em;



	outline:none;



}







.news-events-right-col h2{



	margin: 0 0 0 40px;



	padding: 0;



	font-size: 16px;



	color: #103C68;



}







.news-events-right-col h6{



	margin: 0 0 0 40px;



	padding: 0;



	font-size: 11px;



	color: #103C68;



}







.news-events-right-col p{



	margin: 0 0 10px 40px;



}







.partners-right-col p{



	margin: 0 0 10px 40px;



}







.partners-right-col img{



	margin: 0 0 10px 40px;



}



/* @end */







/* @end */