.spacer{
	clear: both
}

body {
	/*font-size: 100%;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	background:#eceaea url(../img/lp/body-bg.jpg) repeat-x left top;*/
}

/* Custom fonts */
@font-face {
    font-family: 'myriadBold';
    src: url('../fonts/my-bold-font-webfont.eot');
    src: url('../fonts/my-bold-font-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/my-bold-font-webfont.woff') format('woff'),
         url('../fonts/my-bold-font-webfont.ttf') format('truetype'),
         url('../fonts/my-bold-font-webfont.svg#myriad_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myriadProCondregular';
    src: url('../fonts/my-cond-font-webfont.eot');
    src: url('../fonts/my-cond-font-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/my-cond-font-webfont.woff') format('woff'),
         url('../fonts/my-cond-font-webfont.ttf') format('truetype'),
         url('../fonts/my-cond-font-webfont.svg#myriad_pro_condregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myriadProCondbold';
    src: url('../fonts/my-bold-cond-font-webfont.eot');
    src: url('../fonts/my-bold-cond-font-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/my-bold-cond-font-webfont.woff') format('woff'),
         url('../fonts/my-bold-cond-font-webfont.ttf') format('truetype'),
         url('../fonts/my-bold-cond-font-webfont.svg#myriad_pro_condbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@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;
}

.modal .more_lnk{
	text-decoration: none;
	font-weight: bold;
	color: #039a44
}
.modal .more_lnk:hover{
	color:#0066cc
}

/* Clearfix CSS */
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

/* Layouting */
.modal .wrapper{
	width: 100%;
}
.modal .layout{
	width: 990px;
	margin: 0 auto;
}

/* Header section */
.modal .header{
	height: 100px;
	position: relative;
}
.modal .logo{
	float: left;
	padding-top: 12px;
	font-size: 30px;
	font-weight: bold;
	color: #434C5C;
	line-height: normal;
}
.modal .go-back{
	position: absolute;
	left: 450px;
	top: 20px;
}
.modal .contact{
	float: right;
	font: normal 38px/28px "myriadProCondbold", Arial, Helvetica, sans-serif;
	color: #f15909;
	padding-top: 18px;
}
.modal .contact span{
	display: block;
	font-size: 28px;
	color: #434c5c;
}

/* Banner section */
.modal .banner{
	min-height: 185px;
	border: solid 1px #fff;
	background-color: #dbecfe;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 25px;
}
.modal .banner .copy-text, .modal .banner .features-list-box{
	float: left;
}
.modal .banner .copy-text{
	width: 500px;
	padding-right: 38px;-
}
.modal .banner .copy-text h1{
	color: #f45c08;
	font: normal 42px/38px "myriadProCondregular", Arial, Helvetica, sans-serif;
	text-shadow: -1px 0px 1px rgba(255, 255, 255, 1), 1px 0px 1px rgba(255, 255, 255, 1);
}
.modal .banner .copy-text p{
	padding: 15px 0 0 0;
	font-size: 14px;
	line-height: 22px;
	color: #31363c;
}
.modal .banner .features-list-box{
	width: 400px;
}
.modal .banner .features-list{
	background:#eceaea url(../img/lp/banner-feature-bg.png) repeat left top;
	width: 360px;
	min-height: 145px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    color: #30353b;
}
.modal .banner .features-list h2{
	font-weight: bold;
	font-size: 20px
}
.modal .banner .features-list ul{
	padding: 7px 0 0 0;
}
.modal .banner .features-list ul li{
	font-size: 14px;
	padding: 3px 0 3px 25px;
	background: url(../img/lp/green-bullet.png) no-repeat left 4px;
}

/* Content section */
.modal .content{
	padding: 35px;
	margin-top: 10px;
	background: #fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.modal .vdo-and-quote, .testimonials, .modal .features-and-idealfor, .modal .full-width-content-box{
	padding: 0 0 40px 0;
}

/* Video & Quote from section */
.modal .vdo-and-quote{
	background: url(../img/lp/pointing-to-quote-form.jpg) no-repeat 350px top;
	position: relative;
}
.modal .vdo{
	float: left;
}
.modal .vdo img{
	border: solid 1px #b1b1b1;
}
/* Quote Form Style */
.modal .quote{
	float: right;
	width: 275px;
	background: #187c9c url(../img/lp/quote-frm-bg.jpg) repeat-x left top;
	position: relative;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.modal .quote .frm-title{
	background: #d65915 url(../img/lp/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;
}
.modal .quote .frm-fields{
	padding: 15px;
}
.modal .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
}
.modal .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/lp/submit-btn-bg.jpg) repeat-x left top;
	font:normal 24px "myriadBold", Arial, Helvetica, sans-serif;
	color: #1e1e01;
	cursor: pointer;
}
.modal .cta{
	position: absolute;
	background: #fff url(../img/lp/cta-bg.jpg) repeat-x left top;
	height: 55px;
	width: 610px;
	left: -35px;
	top: 250px;
}
.modal .cta .cta-arrow-tail{
	float: left;
	position: absolute;
	left: -21px;
	top: -19px;
}
.modal .cta .cta-arrow-tip{
	float: right;
	position: absolute;
	right: -59px;
	top: -23px;
}
.modal .cta .cta-copy{
	font: normal 33px/60px "BebasNeueRegular", Arial, Helvetica, sans-serif;
	color: #183303;
	text-shadow: 1px 1px rgba(170, 243, 111, 0.75);
	text-align: center;
}
.modal .cta .cta-copy span{
	color: #fff;
	text-shadow: 1px 1px rgba(24, 51, 3, 0.75);
}

/* Features and Ideal For section */
.modal .features-and-idealfor{
	padding: 0 0 40px 0;
}
.modal .features, .idealfor{
	float: left;
}
.modal .features{
	width: 620px;
}
.modal .cta-btn{
	background: #38475e url(../img/lp/cta-btn-bg.jpg) repeat-x left bottom;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 100%;
    display: block;
    font: normal 36px/36px "myriadBold", Arial, Helvetica, sans-serif;
    padding: 15px 0;
    text-shadow: 1px 2px rgba(0, 0, 0, 0.75);
}
.modal .cta-btn:hover{
	color: #ffa800;
}

.modal .go-back .cta-btn{
	font-size: 14px;
	padding: 10px;
	line-height: normal;
}

.full-width-content-box h2{
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
	color: #1b386d;
	padding-bottom: 5px;
	border-bottom: solid 1px #e0e0e0;
}
.full-width-content-box .copy-text{
	font-size: 14px;
	padding: 15px 0;
	line-height: 20px;
}
.full-width-content-box .copy-text p{
	padding: 7px 0;
}
.full-width-content-box .copy-text ul{
	padding: 10px 0 0 0;
}
.full-width-content-box .copy-text ul li{
	float: left;
	padding: 0 0 0 20px;
	width: 31%;
	background: url(../img/lp/green-bullet.png) no-repeat left 4px;
}
.modal .quote-form-box{
	width: 175px;
	float: right;	
}