/* marketing banner oocss */
.oo { 
  position:relative;
  line-height:normal;
 }
.oo *{ }

.oo .fill { position:absolute;width:100%;height:100%; }

.oo .off 			{ display:none; }
.oo .on 			{ display:block; }
.oo .on-inline		{ display:inline-block; }

.oo .alpha-off 		{ opacity:0; }
.oo .alpha-on 		{ opacity:1; }

.oo .float-left 	{ float:left; }
.oo .float-right 	{ float:right; }
.oo .absolute 		{ display:block; position:absolute; }
.oo .relative 		{ display:block; position:relative; }
.oo .fixed 			{ display:block; position:fixed; }
.oo .static  		{ display:block; position:static; }
.oo .clear 			{ clear:both; overflow: hidden; }

.oo .back-layer 	{ z-index:1; }
.oo .middle-layer 	{ z-index:50; }
.oo .front-layer 	{ z-index:100; }

.oo .pad-box 		{ padding:25px; }
.oo .pad-sides		{ padding-left:25px; padding-right:25px; }
.oo .pad-top 		{ padding-top:25px; }
.oo .pad-bottom 	{ padding-bottom:25px; }
.oo .pad-right 		{ padding-right:25px; }
.oo .pad-left 		{ padding-left:25px; }
.oo .pad-lips     { padding-top:25px; padding-bottom:25px; }

.oo .center-box  	{ margin-left: auto; margin-right: auto; max-width:800px; }

.oo .margin-box 	{ margin:25px; }
.oo .margin-top 	{ margin-top:25px; }
.oo .margin-bottom 	{ margin-bottom:25px; }
.oo .margin-right 	{ margin-right:25px; }
.oo .margin-left 	{ margin-left:25px; }

.oo .pull-top 		{ margin-top:-25px; }
.oo .pull-bottom 	{ margin-bottom:-25px; }
.oo .pull-right 	{ margin-right:-25px; }
.oo .pull-left 		{ margin-left:-25px; }

.oo .benton     	{ font-family: "Ally Benton", sans-serif; font-weight:normal; }
.oo .benton-bold	{ font-family: "Ally Benton Bold", sans-serif; font-weight:normal; }
.oo .cond       	{ font-family: "Ally Benton Cond", sans-serif; font-weight:normal; }
.oo .cond-bold     	{ font-family: "Ally Benton Cond Bold", sans-serif; font-weight:normal; }

.oo .text-right   	{ text-align:right; }
.oo .text-align   	{ text-align:left; }
.oo .text-center  	{ text-align:center; }
.oo .text-justify 	{ text-align:justify; }
 

.oo .giant        { font-size:38px; }
.oo .biggest      { font-size:22px; /*font-size:1.5rem;*/ }
.oo .big    	    { font-size:20px; /*font-size:1.25rem;*/ }
.oo .bigger 	    { font-size:18px; /*font-size:1.1rem;*/ }
.oo .baseline 		{ font-size:16px; /*font-size:1rem;*/ }
.oo .smaller 		  { font-size:14px; /*font-size:.9rem;*/ }
.oo .small   		  { font-size:12px; /*font-size:.8rem;*/ }
.oo .smallest 		{ font-size:10px; /*font-size:.6rem;*/ }

.oo .white       	{ color:#f5f5f5; }
.oo .purple 		  { color:#650360; }
.oo .violet      	{ color:#2c1262; }
.oo .blue        	{ color:#8bd3f5; }
.oo .yellow     	{ color:#e8d4a3; }
.oo .black      	{ color:#111111; }
.oo .darkgrey 		{ color:#505050; }
.oo .grey 			  { color:#999999; }

.oo .back-white   	{ background:#f5f5f5; }
.oo .back-purple  	{ background:#650360; }
.oo .back-violet  	{ background:#2c1262; }
.oo .back-blue     	{ background:#8bd3f5; }
.oo .back-yellow  	{ background:#e8d4a3; }
.oo .back-black    	{ background:#111111; }
.oo .back-darkgrey	{ background:#505050; }
.oo .back-grey    	{ background:#999999; }

.oo .uppercase    	{ text-transform:uppercase; }
.oo .lowercase    	{ text-transform:lowercase; }
.oo .titlecase   	  { text-transform:capitalize; }
.oo .strike         { text-decoration:line-through; }

.oo .stage-right  	{ margin-left:110% !important; }
.oo .stage-left   	{ margin-right:110% !important; }
.oo .stage-top    	{ margin-bottom:110% !important; }
.oo .stage-bottom 	{ margin-top:110% !important; }

.oo .clear:before,
.oo .clear:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.oo .clear:after {clear: both;}
.oo .clear {zoom: 1;} /* IE < 8 */

/* buttons */

.oo .button {
  display:inline-block;
  margin:5px;
  line-height:38px;
  padding:3px 25px 0 25px;
  background:#ccc;
  border-radius:5px;
  border:none !important;
  font-family:sans-serif;
  color:#f5f5f5!important;
  text-shadow:-1px -1px 1px rgba(0,0,0,.35);
  font-size:14px;
  cursor:pointer;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.5),inset 0 -1px 1px rgba(0,0,0,.5);
  -webkit-transition:all 200ms ease;
  -moz-transition:all 200ms ease;
  -ms-transition:all 200ms ease;
  -o-transition:all 200ms ease;
  transition:all 200ms ease;
  text-decoration:none;
}
.oo .button:hover,.button:active {
  color:#fff;
  background-position:0 0 !important;
  text-decoration:none !important;
}
.oo .button:active {
  box-shadow:inset 0 1px 2px rgba(0,0,0,.25),inset 0 -1px 1px rgba(255,255,255,.5) !important;
  text-decoration:none;
}
.oo .button.white {
  color:#222;
  text-shadow:-1px -1px 1px rgba(255,255,255,.35);
  background:#f5f5f5;
  background:-moz-linear-gradient(top,rgba(245,245,245,1) 0,rgba(165,165,165,1) 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(245,245,245,1)),color-stop(100%,rgba(165,165,165,1)));
  background:-webkit-linear-gradient(top,rgba(245,245,245,1) 0,rgba(165,165,165,1) 100%);
  background:-o-linear-gradient(top,rgba(245,245,245,1) 0,rgba(165,165,165,1) 100%);
  background:-ms-linear-gradient(top,rgba(245,245,245,1) 0,rgba(165,165,165,1) 100%);
  background:linear-gradient(to bottom,rgba(245,245,245,1) 0,rgba(165,165,165,1) 100%);
  background-size:auto 200%;
  background-position:0 -10px;
}
.oo .button.purple {
  background:#8a008e;
  background:-moz-linear-gradient(top,rgba(138,0,142,1) 0,rgba(138,0,142,1) 56%,rgba(71,0,73,1) 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(138,0,142,1)),color-stop(56%,rgba(138,0,142,1)),color-stop(100%,rgba(71,0,73,1)));
  background:-webkit-linear-gradient(top,rgba(138,0,142,1) 0,rgba(138,0,142,1) 56%,rgba(71,0,73,1) 100%);
  background:-o-linear-gradient(top,rgba(138,0,142,1) 0,rgba(138,0,142,1) 56%,rgba(71,0,73,1) 100%);
  background:-ms-linear-gradient(top,rgba(138,0,142,1) 0,rgba(138,0,142,1) 56%,rgba(71,0,73,1) 100%);
  background:linear-gradient(to bottom,rgba(138,0,142,1) 0,rgba(138,0,142,1) 56%,rgba(71,0,73,1) 100%);
  background-size:auto 200%;
  background-position:0 -30px;
}
.oo .button.blue {
  background:#3798c7;
  background:-moz-linear-gradient(top,rgba(55,152,199,1) 0,rgba(55,152,199,1) 49%,rgba(0,104,153,1) 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(55,152,199,1)),color-stop(49%,rgba(55,152,199,1)),color-stop(100%,rgba(0,104,153,1)));
  background:-webkit-linear-gradient(top,rgba(55,152,199,1) 0,rgba(55,152,199,1) 49%,rgba(0,104,153,1) 100%);
  background:-o-linear-gradient(top,rgba(55,152,199,1) 0,rgba(55,152,199,1) 49%,rgba(0,104,153,1) 100%);
  background:-ms-linear-gradient(top,rgba(55,152,199,1) 0,rgba(55,152,199,1) 49%,rgba(0,104,153,1) 100%);
  background:linear-gradient(to bottom,rgba(55,152,199,1) 0,rgba(55,152,199,1) 49%,rgba(0,104,153,1) 100%);
  background-size:auto 200%;
  background-position:0 -30px;
}
.oo .button.mini {
  padding: 0 8px;
  line-height:20px;
  font-size:12px;
}
.oo .button.large {
  line-height:50px;
  font-size:22px;
}

.oo sup{
  top:-0.4em;
}

.oo h1,.oo h2,.oo h3,.oo h4,.oo h5,.oo h6{
  padding:0; margin:0;
}