@charset "UTF-8";


* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	text-decoration: none;
	-webkit-text-size-adjust: none; 
	/* -webkit-font-smoothing: antialiased; */
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html {
  /* box-sizing: border-box; */
}
*, *:before, *:after {
  /* box-sizing: inherit; */
}

/*
@-webkit-viewport{width:100%; min-width: 1240px;}
@-moz-viewport{width:100%; min-width: 1240px;}
@-ms-viewport{width:100%; min-width: 1240px;}
@-o-viewport{width:100%; min-width: 1240px;}
@viewport{width:100%; min-width: 1240px;}
*/
html {overflow-x: auto; overflow-y: scroll; height:100%; }
body {background-color: #fff; height:100%; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; }

#fader {position: fixed; width: 100%; height: 100%; left : 0px; top: 0px; background: #fff; z-index: 999; display: none; }
#fader span {position: absolute; width: 100%; height: 90%; min-height: 15px; top: 0px; left: 0px; background: url('../img/loader.gif') no-repeat center center; display: block;}



#site {
	position:relative;
	height:auto !important;
	min-height:100%;
	width: 100%; min-width: 960px;
	margin:0 auto; 
}	
.wrapper {
	position:relative; 
	margin:0 auto;
}

.page {position: relative; padding: 80px 20px 100px 20px; width: 100%; z-index: 10; }

.first { width: 100%; max-width: 640px; margin: 0 auto; }

a { color: #000; font-weight: 400; font-style: normal; text-decoration: none; }
a:hover {color: #000; text-decoration: underline;}

ul span { font-size: 24px; line-height: 28px; font-weight: 400; font-style: normal;  }
li { padding-top: 10px; margin-left: 20px; }

h1 { font-size: 24px; line-height: 28px; font-weight: 400; font-style: normal; padding-bottom: 20px; }

p { padding-bottom: 20px; }

img { max-width: 100%; height: auto; }



#footer {position: absolute; width: 100%; bottom: 0px; left: 0px; background: #333; z-index: 90; 
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: right; 
}
#footer .wrapper {
	position:relative; 
	margin:0 auto;
	width: 100%;
}
#footer .container { position: relative; width: 100%; padding: 10px 0px 0px 0px;}
#footer .text { padding-right: 20px; padding-left: 20px; }
#footer .text-left { padding-right: 20px; float: left;  }
#footer .text-right { padding-right: 20px; float: right;   }

#footer .link { display: inline-block; }
#footer a {position: relative; display: inline-block; text-align: center;
color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: 400; font-style: normal; text-decoration: none; text-transform: uppercase; }
#footer a:hover {color: #fff; text-decoration: underline; }



@media (min-width: 640px) and (max-width: 959px){
	#site { min-width: 640px; }	
	.page {position: relative; padding: 80px 20px 140px 20px; }
	#footer { text-align: center; }
	#footer .text-left,
    #footer .text-right	{ float: none; }
	#footer .link { display: block; }
	#footer .spacer { display: none; }
}
@media (max-width: 639px){
	#site { min-width: 320px; }
	.page {position: relative; padding: 40px 20px 140px 20px; }
	#footer { text-align: center; }
	#footer .text-left,
    #footer .text-right	{ float: none; }
	#footer .link { display: block; }
	#footer .spacer { display: none; }
}






/* Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
.clearfix {
   display: inline-block;
}
html[xmlns] .clearfix {
   display: block;
}
* html .clearfix {
   height: 1%;
   overflow: visible;
}