* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }
@font-face {
    font-family: 'tradegothicbold';
    src: url('fonts/trade_gothic_bold_condensed_no._20-webfont.eot');
    src: url('fonts/trade_gothic_bold_condensed_no._20-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trade_gothic_bold_condensed_no._20-webfont.woff') format('woff'),
         url('fonts/trade_gothic_bold_condensed_no._20-webfont.ttf') format('truetype'),
         url('fonts/trade_gothic_bold_condensed_no._20-webfont.svg#tradegothicbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'marketing_scriptregular';
    src: url('fonts/marketingscript-webfont.eot');
    src: url('fonts/marketingscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/marketingscript-webfont.woff') format('woff'),
         url('fonts/marketingscript-webfont.ttf') format('truetype'),
         url('fonts/marketingscript-webfont.svg#marketing_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriad_prolight';
    src: url('fonts/myriadpro-light-webfont.eot');
    src: url('fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-light-webfont.woff') format('woff'),
         url('fonts/myriadpro-light-webfont.ttf') format('truetype'),
         url('fonts/myriadpro-light-webfont.svg#myriad_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 16px;
    line-height: 24px;
    font-family:'Open Sans', arial, sans-serif;
    font-weight:400; 
    color: #666;
    background: #fff;
    min-width: 867px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.clearfix { *zoom:1; }
.clearfix:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display:block; }

/* taransitions */
a,
.section .entry a.img
{ -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s;}
.shell { width: 867px; margin:0 auto; position: relative; }
.header { background: url(images/header-bg.png) repeat 0 0; border-top:9px solid #339999; text-align:center; min-height: 126px; }
#logo { float:left; width: 110px; height: 61px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/logo.png) no-repeat 0 0; margin: 19px 0 0 -20px; }
.big-btn { font-size:30px; color: #fff; font-family:'tradegothicbold', arial, serif;  border:3px solid #fff;  background-color: #ff2424; line-height:61px; text-transform: uppercase;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -o-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 0px 7px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 0px 7px rgba(0, 0, 0, 0.2);
 }
.big-btn span { background: url(images/big-btn-bg.png) repeat-x 0 0; display:block; padding: 0 22px;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -o-border-radius: 5px;    
    -webkit-box-shadow: inset 0px 0px 0px 5px rgba(255, 36, 36, 1);
    box-shadow: inset 0px 0px 0px 5px rgba(255, 36, 36, 1);
 }
 .big-btn:hover {text-decoration:none; }
 .big-btn:hover span { background-position:0 30px;  }


/* header */
.header { z-index: 99; position: relative;}
.header h1 { color: #fff; font-size:60px; font-family:'tradegothicbold', arial, serif; line-height:60px; font-weight:normal;  padding-top:15px;  }
.header h2 { font-family:'myriad_prolight', arial, serif; font-size:30px; color: #504437; font-weight:normal; padding-bottom:20px;  }
.header h2 em { font-family:'marketing_scriptregular', arial, serif; font-style:normal;  }
.header-separator { height: 7px; background: url(images/header-border.png) repeat-x 0 0; z-index: 99; position: relative; }
.content { background: url(images/wood.jpg) repeat 0 0; margin-top:-7px; }
.top-content { background: #fff; padding: 26px 40px 0 16px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.2);
}
.img-holder { padding: 5px; background:#fff; margin-right:30px; 
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.2);
}
.top-content { padding-bottom:20px; }
.top-content .cnt { line-height:30px; height: 100%; overflow: hidden; padding: 3px 0 0 3px; }
.top-content .cnt p { padding-bottom:15px; }
.top-content .cnt p:first-letter { font-size:36px; }
.top-content .cnt .big-btn { margin-left:24px; }

/* features */
.features { background: #efefef; padding:19px 0 10px 0; }
.ferure { float:left; width: 287px; border-left:3px dashed #dbdbdb; text-align:center; padding-bottom:20px;  }
.ferure h3 { font-family:'tradegothicbold', arial, serif; font-size:30px; line-height:30px; color: #99cc66; font-weight:normal;  }
.ferure p { padding: 0 10px 0 20px; text-align:left; font-size:14px;  }
.ferure img { padding-bottom:15px; }
.ferure:first-child { border-left:0; }

/* testimonials */
.testimonials { background: #a8d0d1; padding:17px 0; z-index: 99; position: relative;
    -webkit-box-shadow: 0px 0px 6px rgba(3, 4, 4, 0.3);
    -moz-box-shadow:    0px 0px 6px rgba(3, 4, 4, 0.3);
    box-shadow:         0px 0px 6px rgba(3, 4, 4, 0.3);
}
.testimonials .box { width: 336px;  position: relative; float:left; margin-left:68px;  }
.testimonials .box .buble .arr {border-top:24px solid #b5d7d8; border-left:24px solid transparent; bottom:-24px; position: absolute; right: 76px; width: 0; height: 0;}
.testimonials .box .buble { min-height: 151px; background: #b5d7d8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; position: relative; }
.testimonials .box .buble p { padding-left:18px; padding-right:10px; padding-top:15px; }
.testimonials .box .buble em { position: absolute; top: 10px; left: -60px; width: 47px; height: 37px;  background: url(images/quote.png) no-repeat 0 0;}
.testimonials .box .name { text-align:right; margin-top:24px; padding-right:80px; font-family: arial, serif; font-size:16px; min-height: 66px; background: url(images/matt-ramos-testimonial.png) no-repeat right 0; }
.testimonials .box .name h3 { font-size:24px; font-family:'tradegothicbold', arial, serif; font-weight:normal; color: #fff; padding-top:10px;  }
.testimonials .box .name2 { text-align:right; margin-top:24px; padding-right:80px; font-family: arial, serif; font-size:16px; min-height: 66px; background: url(images/carmen-loo-testimonial.png) no-repeat right 0; }
.testimonials .box .name2 h3 { font-size:24px; font-family:'tradegothicbold', arial, serif; font-weight:normal; color: #fff; padding-top:10px;  }

.section { background: #f7f7f7;}
.section .section-title { height: 62px; background: url(images/section-title-bg.png) repeat 0 0; color: #fff; line-height:62px; text-transform: uppercase; font-family:'tradegothicbold', arial, serif; text-align:center;   }
.section .section-title h2 { font-weight:normal; font-size:30px;  }
.section .section-cnt {padding: 39px 0 0 0; }
.section .entry { padding-bottom:30px; width: 276px; float:left; margin-left:17px; text-align:center; font-family: arial, serif; font-size:14px;  }
.section .entry h4 { font-size:18px;  color: #333; font-weight:normal;  }
.section .entry .btn { display: inline-block;  color: #fff; font-family:'tradegothicbold', arial, serif; text-transform: uppercase; font-size:22px; padding: 0 2px; background: #ff9900; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border: 3px solid #fff; }
.section .entry .btn span { background: #ff9900 url(images/btn-bg.png) repeat-x 0 4px; display:block; height: 33px; line-height:33px; padding: 0 26px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.section .entry .btn:hover { text-decoration:none; }
.section .entry .btn:hover span { background-position:0 15px; }
.section .entry:first-child { margin-left:0; }
.section .entry a.img { display:block; border:3px solid #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; margin-bottom:14px;  }
.section .entry a.img:hover { opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=7); }

.footer { background: url(images/blue-bg.png) repeat 0 0; }
.footer-inner { background: url(images/hills.png) repeat-x center bottom; min-height: 217px; text-align:center; }
.footer-separator { height: 7px; background: url(images/footer-border.png) repeat-x 0 0; }
.footer h2 { text-align:right;  color: #fff; font-family:'tradegothicbold', arial, serif; font-size:48px; line-height:48px; font-weight:normal; padding:33px 32px 26px 0; padding-right:32px; }
.footer .big-btn { display: inline-block; }
.king-ico { position: absolute;  width: 200px; height: 137px; background: url(images/king.png) no-repeat 0 0; left:19px; top:80px;}