/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
	#Base 1200 Grid (added by Danny, downloaded online)
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #Base 960 Grid
================================================== */


*{
   /* -webkit-transition:all 2s ease;
         -moz-transition:all 2s ease;
               -o-transition:all 2s ease;
                     transition:all 2s ease;*/
}

	

   #top-strip                      { height:148px; } 




    .skeleton                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .skeleton .column,
    .skeleton .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                       { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .skeleton .one.column,
    .skeleton .one.columns                     { width: 40px;  }
    .skeleton .two.columns                     { width: 100px; }
    .skeleton .three.columns                   { width: 160px; }
    .skeleton .four.columns                    { width: 220px; }
    .skeleton .five.columns                    { width: 280px; }
    .skeleton .six.columns                     { width: 340px; }
    .skeleton .seven.columns                   { width: 400px; }
    .skeleton .eight.columns                   { width: 460px; }
    .skeleton .nine.columns                    { width: 520px; }
    .skeleton .ten.columns                     { width: 580px; }
    .skeleton .eleven.columns                  { width: 640px; }
    .skeleton .twelve.columns                  { width: 700px; }
    .skeleton .thirteen.columns                { width: 760px; }
    .skeleton .fourteen.columns                { width: 820px; }
    .skeleton .fifteen.columns                 { width: 880px; }
    .skeleton .sixteen.columns                 { width: 940px; }

    .skeleton .one-third.column                { width: 300px; }
    .skeleton .two-thirds.column               { width: 620px; }
    
    .skeleton .one-fifth.column                { width: 170px; }
    

    /* Offsets */
    .skeleton .offset-by-one                   { padding-left: 60px;  }
    .skeleton .offset-by-two                   { padding-left: 120px; }
    .skeleton .offset-by-three                 { padding-left: 180px; }
    .skeleton .offset-by-four                  { padding-left: 240px; }
    .skeleton .offset-by-five                  { padding-left: 300px; }
    .skeleton .offset-by-six                   { padding-left: 360px; }
    .skeleton .offset-by-seven                 { padding-left: 420px; }
    .skeleton .offset-by-eight                 { padding-left: 480px; }
    .skeleton .offset-by-nine                  { padding-left: 540px; }
    .skeleton .offset-by-ten                   { padding-left: 600px; }
    .skeleton .offset-by-eleven                { padding-left: 660px; }
    .skeleton .offset-by-twelve                { padding-left: 720px; }
    .skeleton .offset-by-thirteen              { padding-left: 780px; }
    .skeleton .offset-by-fourteen              { padding-left: 840px; }
    .skeleton .offset-by-fifteen               { padding-left: 900px; }




/* 1200px Media Query for the Skeleton Grid - http://getskeleton.com 
*  Adapted from http://www.aliaspooryorik.com/blog/index.cfm/e/posts.details/post/responsive-css-grid-systems-345
*  Added .alpha.omega combo classes. Hope to see that fixed in later versions of Skeleton: https://github.com/dhgamache/Skeleton/issues/68
*/
@media only screen and (min-width: 1200px)  {

        #top-strip                      { height:170px; } 

	    .skeleton                      { width: 1200px;}
	    .skeleton .column,
	    .skeleton .columns             { margin-left: 10px; margin-right: 10px; }
		
	    .column.alpha, .columns.alpha   { margin-left: 0; margin-right: 10px; }
	    .column.omega, .columns.omega   { margin-right: 0; margin-left: 10px; }
        .column.alpha.omega, .columns.alpha.omega {margin-left: 0; margin-right: 0}
 
	    .skeleton .one.column          { width: 55px; }
	    .skeleton .two.columns         { width: 130px; }
	    .skeleton .three.columns       { width: 205px; }
	    .skeleton .four.columns        { width: 280px; }
	    .skeleton .five.columns        { width: 355px; }
	    .skeleton .six.columns         { width: 430px; }
	    .skeleton .seven.columns       { width: 505px; }
	    .skeleton .eight.columns       { width: 580px; }
	    .skeleton .nine.columns        { width: 655px; }
	    .skeleton .ten.columns         { width: 730px; }
	    .skeleton .eleven.columns      { width: 805px; }
	    .skeleton .twelve.columns      { width: 880px; }
	    .skeleton .thirteen.columns    { width: 955px; }
	    .skeleton .fourteen.columns    { width: 1030px; }
	    .skeleton .fifteen.columns     { width: 1105px; }
	    .skeleton .sixteen.columns     { width: 1180px; }
 
	    .skeleton .one-third.column    { width: 380px; }
	    .skeleton .two-thirds.column   { width: 780px; }
	    
	    .skeleton .one-fifth.column	{ width: 218px; }
 
	    /* Offsets */
	    .skeleton .offset-by-one       { padding-left: 75px; }
	    .skeleton .offset-by-two       { padding-left: 150px; }
	    .skeleton .offset-by-three     { padding-left: 225px; }
	    .skeleton .offset-by-four      { padding-left: 300px; }
	    .skeleton .offset-by-five      { padding-left: 375px; }
	    .skeleton .offset-by-six       { padding-left: 450px; }
	    .skeleton .offset-by-seven     { padding-left: 525px; }
	    .skeleton .offset-by-eight     { padding-left: 600px; }
	    .skeleton .offset-by-nine      { padding-left: 675px; }
	    .skeleton .offset-by-ten       { padding-left: 750px; }
	    .skeleton .offset-by-eleven    { padding-left: 825px; }
	    .skeleton .offset-by-twelve    { padding-left: 900px; }
	    .skeleton .offset-by-thirteen  { padding-left: 975px; }
	    .skeleton .offset-by-fourteen  { padding-left: 1050px; }
	    .skeleton .offset-by-fifteen   { padding-left: 1125px; }
 
}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

        #top-strip                      { height:129px; } 
    	 
        .skeleton                                  { width: 768px; }
        .skeleton .column,
        .skeleton .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .skeleton .one.column,
        .skeleton .one.columns                     { width: 28px; }
        .skeleton .two.columns                     { width: 76px; }
        .skeleton .three.columns                   { width: 124px; }
        .skeleton .four.columns                    { width: 172px; }
        .skeleton .five.columns                    { width: 220px; }
        .skeleton .six.columns                     { width: 268px; }
        .skeleton .seven.columns                   { width: 316px; }
        .skeleton .eight.columns                   { width: 364px; }
        .skeleton .nine.columns                    { width: 412px; }
        .skeleton .ten.columns                     { width: 460px; }
        .skeleton .eleven.columns                  { width: 508px; }
        .skeleton .twelve.columns                  { width: 556px; }
        .skeleton .thirteen.columns                { width: 604px; }
        .skeleton .fourteen.columns                { width: 652px; }
        .skeleton .fifteen.columns                 { width: 700px; }
        .skeleton .sixteen.columns                 { width: 748px; }

        .skeleton .one-third.column                { width: 236px; }
        .skeleton .two-thirds.column               { width: 492px; }
        
        .skeleton .one-fifth.column                { width: 141.6px; }

        /* Offsets */
        .skeleton .offset-by-one                   { padding-left: 48px; }
        .skeleton .offset-by-two                   { padding-left: 96px; }
        .skeleton .offset-by-three                 { padding-left: 144px; }
        .skeleton .offset-by-four                  { padding-left: 192px; }
        .skeleton .offset-by-five                  { padding-left: 240px; }
        .skeleton .offset-by-six                   { padding-left: 288px; }
        .skeleton .offset-by-seven                 { padding-left: 336px; }
        .skeleton .offset-by-eight                 { padding-left: 384px; }
        .skeleton .offset-by-nine                  { padding-left: 432px; }
        .skeleton .offset-by-ten                   { padding-left: 480px; }
        .skeleton .offset-by-eleven                { padding-left: 528px; }
        .skeleton .offset-by-twelve                { padding-left: 576px; }
        .skeleton .offset-by-thirteen              { padding-left: 624px; }
        .skeleton .offset-by-fourteen              { padding-left: 672px; }
        .skeleton .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
    
    
        #top-strip                      { height:170px; } 

        .skeleton { width: 300px; }
        .skeleton .columns,
        .skeleton .column { margin: 0; }

        .skeleton .one.column,
        .skeleton .one.columns,
        .skeleton .two.columns,
        .skeleton .three.columns,
        .skeleton .four.columns,
        .skeleton .five.columns,
        .skeleton .six.columns,
        .skeleton .seven.columns,
        .skeleton .eight.columns,
        .skeleton .nine.columns,
        .skeleton .ten.columns,
        .skeleton .eleven.columns,
        .skeleton .twelve.columns,
        .skeleton .thirteen.columns,
        .skeleton .fourteen.columns,
        .skeleton .fifteen.columns,
        .skeleton .sixteen.columns,
        .skeleton .one-third.column,
        .skeleton .two-thirds.column  { width: 300px; }
        .skeleton .one-fifth.column   { width: 90px; }

        /* Offsets */
        .skeleton .offset-by-one,
        .skeleton .offset-by-two,
        .skeleton .offset-by-three,
        .skeleton .offset-by-four,
        .skeleton .offset-by-five,
        .skeleton .offset-by-six,
        .skeleton .offset-by-seven,
        .skeleton .offset-by-eight,
        .skeleton .offset-by-nine,
        .skeleton .offset-by-ten,
        .skeleton .offset-by-eleven,
        .skeleton .offset-by-twelve,
        .skeleton .offset-by-thirteen,
        .skeleton .offset-by-fourteen,
        .skeleton .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        
        
       /*.skeleton .feature_column { display: none; } */

        #top-strip                      { height:190px; } 

        .skeleton { width: 420px; }
        .skeleton .columns,
        .skeleton .column { margin: 0; }

        .skeleton .one.column,
        .skeleton .one.columns,
        .skeleton .two.columns,
        .skeleton .three.columns,
        .skeleton .four.columns,
        .skeleton .five.columns,
        .skeleton .six.columns,
        .skeleton .seven.columns,
        .skeleton .eight.columns,
        .skeleton .nine.columns,
        .skeleton .ten.columns,
        .skeleton .eleven.columns,
        .skeleton .twelve.columns,
        .skeleton .thirteen.columns,
        .skeleton .fourteen.columns,
        .skeleton .fifteen.columns,
        .skeleton .sixteen.columns,
        .skeleton .one-third.column,
        .skeleton .two-thirds.column { width: 420px; }
        .skeleton .one-fifth.column  { width: 126px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    /* .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } */

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
body {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
body, td, th, input, textarea, select, a {
	font-size: 12px;
}

/*
h1 {
	color: #636E75;
	font: arial;
	font-size: 32px;
	font-weight: normal;
	text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}*/

h1 { 

    background-color:#e86e02;
    padding:40px;
     -webkit-border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -khtml-border-radius: 0px 20px 0px 20px; 
        -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #e86e02),
        color-stop(1, #f7931e)
    );
    background-image: -o-linear-gradient(top, #e86e02 0%, #f7931e 100%), url('');
    background-image: -moz-linear-gradient(top, #e86e02 0%, #f7931e 100%);
    background-image: -webkit-linear-gradient(top, #e86e02 0%, #f7931e 100%);
    background-image: -ms-linear-gradient(top, #e86e02 0%, #f7931e 100%);
    background-image: linear-gradient(to top, #e86e02 0%, #f7931e 100%);
    
    max-width:100%;
    -webkit-border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -khtml-border-radius: 0px 20px 0px 20px;

    margin-bottom:20px;
    color:#ffffff;
    font-family:arial;
    font-size:28px;
    font-weight:normal;






}

h1 span { 

    display:block;
    font-size:15px;
    line-height:130%;
    margin-top:10px;
    color:#fffeac;
}


h2 {
	color: #000000;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
}
a, a:visited, a b {
	color: #F7931E;
	text-decoration: underline;
	cursor: pointer;

}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input[type='text'], input[type='password'], textarea {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
}
select {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
label {
	cursor: pointer;
}


// RESETS
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}




/* FONT DEF */
@font-face {
  font-family: "/app/view/proxima-extrabold";
  src: url("/fonts/ProximaNova-Extrabold.otf");
  src: local("☺"),
    url("/app/view/fonts/ProximaNova-Extrabold.otf") format("opentype")
  }
@font-face {
  font-family: "proxima";
  src: url("/app/view/fonts/ProximaNova-Regular.otf");
  src: local("☺"),
    url("/app/view/fonts/ProximaNova-Regular.otf") format("opentype")
  }
@font-face {
  font-family: "proxima-bold";
  src: url("/app/view/fonts/ProximaNova-Semibold.otf");
  src: local("☺"),
    url("/app/view/fonts/ProximaNova-Semibold.otf") format("opentype")
  }
@font-face {
  font-family: "proxima-light";
  src: url("/app/view/fonts/ProximaNova-Light.otf");
  src: local("☺"),
    url("/app/view/fonts/ProximaNova-Light.otf") format("opentype")
  }
  @font-face {
  font-family: "proxima-light-italic";
  src: url("/app/view/fonts/ProximaNova-LightItalic.otf");
  src: local("☺"),
    url("/app/view/fonts/ProximaNova-LightItalic.otf") format("opentype")
  }


/* HEADER */

#header { 
    margin-bottom:25px;
}

/* FOOTER */

#footer { 
    margin-top:25px;
}

/* FORM ELEMENTS */
.big-text-input { 

    font-size:25px;
    width:100%;

}
.big-submit-button {
    background: #F08A00;
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F08A00',endColorstr='#FAA129',GradientType=0);
    padding:8px 13px;
    color:#fff;
    font-family:'Helvetica Neue',sans-serif;
    font-size:17px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #FAA129;
}
.big-submit-button:hover {
    background: #c06800;
}              
/* LINKS */




/* FONTS */

.headline { 
    font-family:proxima-light-italic;
    font-size:39px;
}

.subheadline { 
    font-family:proxima-light;
    font-size:19px;
    color:#f08a00;
}
.normal-text { 
    font-family:proxima;
    font-size:14px;
    color:#222222;
}
.small-text { 
    font-family:proxima;
    font-size:10px;
    color:#222222;
}


/* LINKS */
a { 
    font-size:inherit;
    font-color:inherit;
}

#logo { 
    margin-top:20px;
}

#navigation-strip { 
    margin-top:5px;
    /*background-color:#f08a00;*/
    padding:14px;
    color:#ffffff;
    border-radius:10px;
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F08A00',endColorstr='#FAA129',GradientType=0);

}

#message_area { 
    position:fixed;
    bottom:0px;
    right:auto;
    left:auto;
    width:100%;
    background-color:#555555;
    padding:15px;
    z-index:100;
    display:none;
    text-align:center;
    color:#ffffff;
}


.section-link { 
    margin-left:10px;
    margin-right:20px;
    background-color:#c06800;
    padding:4px;
    border-radius:5px;
    text-decoration:none;
    color:#ffffff;
}
.section-link:hover { 
    background-color:#000000;
    color:#f08a00;
}