@charset "utf-8";

/******
/-----------------
	Attende Stylesheet V.1.0
	Created by WebStuff.biz P: +61 2 4325 1188
	Copyright, 2013
	--------------------------/
	CSS Reset	**/
html,body,div,header,footer,nav,menu,section,figure,span,img,table,td,ul,li,input,button,dt,dd,dl,h1,h2,h3,h4,a{margin:0px;padding:0px;border:none;}
a{text-decoration:none;outline:none}
ul{list-style:none;}
table{border-collapse:collapse;}
p{padding:5px 0px;margin:0px;}
sup,sub{line-height:50%}
@font-face {
    font-family: 'MProR';
    src: url('myriad-reg-webfont.eot');
    src: url('myriad-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriad-reg-webfont.woff') format('woff'),
         url('myriad-reg-webfont.ttf') format('truetype'),
         url('myriad-reg-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MProS';
    src: url('myriadprosemibold.eot');
    src: url('myriadprosemibold.eot?#iefix') format('embedded-opentype'),
         url('myriadprosemibold.woff') format('woff'),
         url('myriadprosemibold.ttf') format('truetype'),
         url('myriadprosemibold.svg#myriadprosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MProB';
    src: url('myriadpro-bold.eot');
    src: url('myriadpro-bold.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-bold.woff') format('woff'),
         url('myriadpro-bold.ttf') format('truetype'),
         url('myriadpro-bold.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArialBlk';
    src: url('ariblk.eot');
    src: url('ariblk.eot') format('embedded-opentype'),
         url('ariblk.woff') format('woff'),
         url('ariblk.ttf') format('truetype'),
         url('ariblk.svg#ArialBlack') format('svg');
}
/**	---------
	Starts	**/
body{background:#fff;font-family:'MProR', Arial, Helvetica, sans-serif;font-size:14px;color:#000}
h1{font:italic bold 44px/36px 'ArialBlk';color:#c22127;text-transform:uppercase;text-shadow:1px 1px 10px #fff}
  h1 span{display:block;font-size:26px;color:#58595b}
h2,h3,h4{padding:10px 0;font:italic bold 30px 'ArialBlk';text-transform:uppercase}
h3{font-size:20px}
h4{padding:15px 0 5px;font-size:16px;color:#58595B}
hr{height:1px;margin:10px 0;border:none;border-top:1px solid #ccc}
#banners{position:relative;width:100%;height:800px;overflow:hidden}
  #banners ul,#banners li,#banners img{width:100%}
  #banners img{min-width:1400px}
  #banners .overlay{position:absolute;left:0;bottom:0;width:100%;height:196px;background:url(../images/banner_overlay.png);z-index:9}
#wrapper{position:absolute;top:0;left:0;width:100%}
.container{position:relative;width:960px;margin:0px auto}
header{position:fixed;width:100%;height:123px;background:url(../images/header_bg.png) center top repeat-x;z-index:1000}
  header .logo{padding:20px 0 0 20px;float:left}
  header .login{position:absolute;top:0;right:0;height:35px;color:#fff;font:italic bold 12px/30px 'ArialBlk';text-transform:uppercase}
    header .login a{color:#fff}
    header .login .left{padding:0 15px;line-height:35px;background:#c22127;transform:skewX(-7deg);-ms-transform:skewX(-7deg);-webkit-transform:skewX(-7deg)}
    header .login .right{padding:0 15px;line-height:35px;background:#58595b;transform:skewX(-7deg);-ms-transform:skewX(-7deg);-webkit-transform:skewX(-7deg)}
nav{position:absolute;top:50px;right:0}
    nav ul{}nav li{float:left}
    nav a,nav .nav_resp{display:block;padding:0 17px;font:normal bold 16px/30px 'ArialBlk';color:#58595b;text-shadow:1px 1px 0px #fff;text-transform:uppercase;letter-spacing:0.5px;border-left:1px solid #ccc;transform:skewX(-7deg);-ms-transform:skewX(-7deg);-webkit-transform:skewX(-7deg)}nav a:hover{background:#C12026;border-color:#C12026;color:#fff;text-shadow:none}nav li:first-child a{border:none}
    nav .nav_resp{display:none}
#uno{position:relative;height:550px;z-index:10}
  #uno ul{position:absolute!important;left:20px;bottom:120px;width:95%;height:80px}
    #uno li{display:none}#uno li:first-child{display:block}
  #uno .tryit-uno{position:absolute;left:0;bottom:0;width:100%;height:100px;background:url(../images/whitepxl.png);border-radius:5px;font:normal normal 14px 'MProS'}
    #uno .tryit-uno p{padding:15px;width:66%;line-height:16px}
    #uno .tryit-uno a{display:block;position:absolute;top:0;right:0;width:280px;text-align:center;font:italic bold 24px/100px 'ArialBlk';color:#fff;background:#2a9f0a;border-radius:5px;box-shadow:0 0 8px #37ff00 inset;text-transform:uppercase}#uno .tryit-uno a:hover{background:#32c20a;box-shadow:none}
#features{position:relative;width:100%;height:240px;margin:45px 0 0;background:url(../images/features_bg.png) center top no-repeat;z-index:10}
  #features a{display:block;width:137.1px;height:200px;text-align:center;font:italic bold 14px 'ArialBlk';color:#fff;text-transform:uppercase;border-radius:5px;float:left}#features a:hover,#features a.active{background:#58595b}
  #features img{display:block}
#features_split div{display:none}
.section{min-height:300px;padding:30px 0}
  .section .container{width:940px}
  #pricing{margin-top:40px;background:#58595b url(../images/section_bg1.png) center top no-repeat;color:#fff}
    #pricing .container{height:300px}
      #pricing .container div{width:290px;float:left}
    #pricing img{position:absolute;bottom:-30px;right:-50px}
    #pricing .links{position:absolute;bottom:-20px;left:0;display:block}
      #pricing .links a{margin-right:10px;float:left}#pricing .links a.brandred,#about a.blocklink{background:#C22127;box-shadow:none;color:#fff}
  #about,#contact{background:#fff url(../images/section_bg2.png) center bottom repeat-x}
    #about .container{height:300px}
    #about h2{padding-left:35%}
    #about .container div{width:65%;float:right;overflow:hidden}
      #about .container ul{width:4000px}
      #about .container li{width:612px;float:left}
    #about .next{position:absolute;top:40%;right:-80px;font-size:70px;font-family:'ArialBlk';color:#C22127}#about .next:hover{color:#000}
    #about img{position:absolute;bottom:-30px;left:-100px}
#resources{background:#c22127 url(../images/section_bg1.png) center top no-repeat;color:#fff}
  #resources .container{height:300px}
    #resources li{width:33%;padding:5px 0;float:left}
      #resources li a{display:block;padding:0 10px;margin:0 10px 0 0;font:italic bold 20px/44px 'ArialBlk';background:#58595B;color:#fff;border-radius:5px}#resources li a:hover{background:#fff;color:#222;cursor:pointer}
  #resources .blocklink{position:absolute;bottom:-20px;right:0}
#contact #contactform{width:60%;float:right}
#contact .contactDetails{width:35%;float:left}
  #contact .contactDetails h3{color:#444;font-size:18px;text-transform:none}
    #contact .contactDetails h3 span{color:#C22127;font-size:20px;text-transform:uppercase}
footer{padding:20px 0;background:#222;color:#fff}
  footer a{display:inline-block;padding:0 10px;color:#fff}
  
/**	---------
	Class Declarations	**/
.left{float:left}.right{float:right}.clear{clear:both}

a.blocklink{display:block;margin:10px 0;padding:15px 25px;color:#222;font:normal normal 16px 'ArialBlk';background:#fff;box-shadow:0 0 8px #ccc inset;border-radius:5px;text-transform:uppercase;cursor:pointer;float:right}a.blocklink:hover{background:#32c20a;color:#fff;box-shadow:none}

.reveal-modal ul{padding:10px;margin-left:30px}
  .reveal-modal li{padding:5px 0}

/**   Form Stylings   **/
span.contactopen{display:block;margin:10px 0px;padding:10px;background:#0078C1 url(../images/footer_bg.gif);color:#fff;font-weight:bold;font-size:14px;text-align:center;cursor:pointer;
     border-radius:10px
}span.contactopen:hover{background:#666}
label{display:inline-block;float:left;height:26px;line-height:26px;width:130px;font-size:14px;font-weight:bold;color:#444}
input,textarea,select{width:300px;margin:0;padding:5px;color:#666;background:#f5f5f5;border:1px solid #ccc;margin:5px 0;font:14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }
    input#contactus{width:auto}
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit{cursor: pointer; border: 1px solid #222; background:#333; color:#fff;border-radius:5px}
input.submit:hover{background:#444;}
    #recaptcha_area input#recaptcha_response_field{top:-10px;left:0px}
.contactbutton{clear:both}
fieldset{margin:10px;padding:20px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:0 0 5px #ccc}
legend{padding:7px 10px;font-weight:bold;color:#000;border:1px solid #eee;border-radius:5px}
#recaptcha_widget_div{float:left}
span.required{ font-size: 13px; color: #ff0000; } 
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../includes/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; border-radius:5px }
#success_page{margin:10px 0px;padding:10px;background:#d4ffcd;
    border-radius:10px
}#success_page h1{background: url('../includes/assets/success.gif') left no-repeat;margin-bottom:0px;padding-left:22px;font-size:14px;border:none;}

/* =============================================================================
   Media Queries
   ========================================================================== */
 
@media screen and (max-width: 1600px) {
 #banners{height:700px} 
}
@media screen and (max-width: 1050px) {
  #about .next{top:0;right:0}
}
@media screen and (max-width: 960px) {
  .container{width:auto}
    .section .container{width:auto;padding:0 10px}
  #banners img{max-width:100;width:110%}
  nav{}
    nav a{padding:0 14px}
  #uno .tryit-uno{height:120px}
    #uno .tryit-uno a{line-height:120px!important}
  #features a{width:16.5%;font-size:10px}
    #features a img{max-width:100%}
  #features_split div{padding:10px 20px}
  #about .container{height:auto}
    #about .container div{width:60%;margin-left:39%;float:none}
      #about .container ul{width:100%}
        #about .container li{width:auto;float:none}
      #about .next{display:none}
  #resources li a{font:italic bold 16px/34px 'ArialBlk'}
  .reveal-modal{width:80%;margin-left:-45%}
}
@media screen and (max-width: 880px) {
  nav{width:100%}
    nav ul{display:none;position:absolute;top:30px;right:0;width:50%;background:#C12026}
      nav li{border-bottom:1px solid #D57174;float:none}
      nav a{padding-right:30px;text-align:right;border-color:#C12026;color:#fff;text-shadow:none}
  nav .nav_resp{display:block;background:#C12026;border-color:#C12026;color:#fff;text-shadow:none;float:right}
  #pricing img{display:none}
}
@media screen and (max-width: 760px) {
  #pricing img,#about img{display:none}
  #about .container div{width:auto;margin:0}
}
@media screen and (max-width: 660px) {
  #features{height:auto;background-color:#C12026;background-position:left bottom}
    #features a{display:inline-block;width:32.5%;float:none}
}
@media screen and (max-width: 500px) {
  h1 span{font-size:18px}
  header .container{padding-top:20px}
  header .logo{max-width:50%}
  header .login .right{display:none}
  #uno{}
    #uno ul{bottom:55%}
    #uno .tryit-uno{height:auto;bottom:-20px}
      #uno .tryit-uno p{width:auto}
      #uno .tryit-uno a{position:static;width:auto}
  #pricing .container{height:auto}
    #pricing .container div{display:inline-block;width:49%;vertical-align:top;float:none}
    #pricing .links{position:static}
    #pricing .links a{width:auto;margin:5px 10px;float:none}
  #about h2{padding-left:0}
  #resources .container{height:auto}
    #resources li{width:auto;float:none}
    #resources .blocklink{position:static;float:none}
  #contact{}
    #contact #contactform,#contact .contactDetails{width:auto;float:none}
    fieldset{margin:10px 0}
    input,textarea{max-width:250px}
}
@media screen and (max-width: 400px) {
  h1{font:italic bold 34px/32px 'ArialBlk'}
    h1 span{font-size:16px}
  header .logo{margin-top:-15px;padding:0px 0 0 10px}
  #uno ul{left:15px;bottom:59%}
  #banners img{width:auto;min-width:100px;height:400px;margin-right:-15%;float:right;opacity:.6}
  #features a{height:150px}
  .reveal-modal{width:65%}
}