html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
strong{
	font-weight:bold
}
.spacer{
	clear: both;
}
body {
	line-height: 1;;
	background: #fff url(../img/body-bg.jpg) repeat left top;
	padding:0;
	margin:0;
	font:normal 16px/22px Arial, Helvetica, sans-serif;
	color:#616161;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, input, object, embed{
   outline: 0;
}
a:focus{
	border:none
}
.nopadding{
	padding: 0 !important;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
a{
	color: #006382;
	font-weight: bold;
}
a:hover{
	color: #088f3e;
}
.blue{
	color: #0f7d9c;
}
.green{
	color: #08a848;
}
.paddingB20{
	padding-bottom:20px
}
.padding20{
	padding:20px;
}
.wrapper{
	width: 100%;
}
.layout{
	width: 960px;
	margin: 0 auto;
}
#nav{
	height: 102px;
	border-bottom: solid 3px #0ea4d4;
	background: transparent url(../img/nav-bg.jpg) repeat-x left top;
	position: fixed;
	top: 0;
	z-index: 3;
}
.logo{
	float: left;
	padding: 25px 0 0 0;
}
.nav-mnu{
	float: right;
	padding: 45px 0 0 0;
}
.nav-mnu ul li{
	float: left;
	color: #fff;
	padding: 0 20px;
}
.nav-mnu ul li a{
	color: #fff;
	text-decoration: none;
	font-family: "BebasNeueRegular";
	font-size: 22px;
	font-weight: normal;
}
.nav-mnu ul li a:hover, .nav-mnu ul li a.is-on{
	color: #1ed969;
}
#cta-section{
	margin: 105px 0 0 0;
	background: #fff;
	padding: 30px 0;
	font-size: 34px;
	line-height: normal;
	text-align: center;
	border-bottom: solid 1px #c3c3c3;
}
#cta-section h1{
	color: #08a848;
}
.content-title{
	border-bottom: solid 5px #006382;
	font-family: "BebasNeueRegular";
	font-size: 44px;
	color: #006382;
}
.content-sub-title{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
}
.content-sub-title i{
	font-weight: normal;
	font-size: 12px;
}
.content-box{
	margin: 100px 0;
}
.content{
	background: #fff;
	padding: 40px;
}
.content p{
	padding: 0 0 25px 0;
}

.documentation-lnk{
	background: #006382;
	text-decoration: none;
	color: #fff;
	padding: 10px 20px;
	margin: 10px 0 0 0;
	display: inline-block;
}
.documentation-lnk:hover{
	background: #088f3e;
	color: #fff;
}

/* Demo Section */
.plugin-config, .plugin-code{
	color: #fff;
	float: left;
	width: 230px;
	padding: 40px 20px;
	height: 420px;
}
.plugin-config{
	background: #006382;
	font-size: 18px;
}
.plugin-config .note{
	font-size: 11px;
	font-style: italic;
}
.plugin-config select, .plugin-config input{
	width: 100%;
	padding: 5px 0;
	border: none;
}
.plugin-config a, .plugin-code a{
	background: #1ed969;
	color: #024d20;
	font: normal 26px/26px 'BebasNeueRegular', Arial, Helvetica;
	text-decoration: none;
	padding: 7px 30px;
	width: 173px;
	display: block;
	text-align: center;
}
.plugin-config a:hover, .plugin-code a:hover{
	background: #6dd5f6;
	color: #045068;
}
.plugin-config label{
	display: block;
}
.plugin-code a{
	margin-top: 72px;
}

.plugin-code{
	background: #1d8eb1;
}
.plugin-code p{
	padding: 5px 0 0 25px;
}
.plugin-demo{
	float: left;
	margin: 80px 70px;
	width: 275px;
}

/* Other Plug-in Section */
.plug-in-box{
	background: #dedede;
	color: #fff;
	float: left;
	width: 427px;
	margin: 0 25px 25px 0;
}
.plug-in-box p{
	padding: 0;
}
.plug-in-box .title, .plug-in-box .purchase{
	padding: 10px;
	background: #006382;
}
.plug-in-box a{
	color: #fff;
	text-decoration: none;
}
.plug-in-box .purchase{
	text-align: center;
}
.plug-in-box a:hover{
	color: #1ed969;
}
.plug-in-box .features{
	color: #616161;
	padding: 10px;
	min-height: 310px;
}
.plug-in-box .features ul{
	padding: 20px 0 0 20px;
}
.plug-in-box .features ul li{
	list-style: disc;
	font-size: 12px;
}
.demo-title{
	background: #016887;
}
.demo-title .content-sub-title{
	padding: 10px;
	margin: 0;
	color: #fff;
}

.plug-in-box.last-item{
	margin-right: 0;
}
.plug-in-box.full-width{
	margin-right: 0;
	width: 880px;
	clear: both;
}
.plug-in-box.full-width .plug-in-img-lnk{
	float: left;	
}
.plug-in-box.full-width .features{
	float: left;
	width: 410px;
}

/* Code Hint */
#pluginOptions ol, #pluginFeatures ul{
	padding: 0 0 0 20px;
}
#pluginOptions ol li{
	list-style: decimal;
	padding: 10px 0 30px 0;
}
#pluginFeatures ul li{
	list-style: disc;
	padding: 10px 0;
}

pre{
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	font-size: 13px;
	line-height: 19px;
	overflow: auto;
	padding: 6px 10px;
	border-radius: 3px;
}
code{
	margin: 0 2px;
	padding: 0px 5px;
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	border-radius: 3px;
}
pre code{
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}


/* Styles for plug-in demo specific */

/* Quote Form Style */
.quote{
	float: right;
	width: 275px;
	background: #187c9c url(../img/quote-frm-bg.jpg) repeat-x left top;
	position: relative;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.quote .frm-title{
	background: #d65915 url(../img/quote-frm-title-bg.jpg) repeat-x left top;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	text-shadow: 1px 2px rgba(150, 58, 9, 0.75);
	padding: 15px 20px;
	line-height: 28px;
	-moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.quote .frm-fields{
	padding: 15px;
}
.quote .frm-fields input.txt-box{
	width: 233px;
	padding: 7px 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    border: solid 1px #7da2b9;
    color: #0f4864;
    margin: 5px 0
}
.quote .frm-fields input.submit-btn{
	height: 47px;
	width: 240px;
	padding: 5px;
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: solid 3px #054d63;
    margin: 15px 0 0 0;
	background: #fff url(../img/submit-btn-bg.jpg) repeat-x left top;
	font:normal 24px "myriadBold", Arial, Helvetica, sans-serif;
	color: #1e1e01;
	cursor: pointer;
}

.modal{
	position: absolute;
	background:#eceaea url(../img/lp/body-bg.jpg) repeat-x left top;
	width: 100%;
	z-index: 1000;
	display: none;
	/*top: 0;
	left: 0;*/
}