/* Reset
------------------------------------------------------------------*/

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 							{ margin: 0; padding: 0; border: 0; font-size:100%; font:inherit; vertical-align:baseline; }

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:''; content:none; }

/* Fonts
------------------------------------------------------------------*/

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

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

@font-face {
    font-family: 'Dosis Medium';
    src: url('../fonts/dosis-medium.eot');
    src: url('../fonts/dosis-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-medium.woff') format('woff'),
         url('../fonts/dosis-medium.ttf') format('truetype'),
         url('../fonts/dosis-medium.svg#dosis-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
	
/* Global
------------------------------------------------------------------*/

html 									{ overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
body									{ margin:0; padding:0; background-color:#fff; font:18px "Dosis Extra Light", Arial, Helvetica, sans-serif; color:#333; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; }

/* Typography
------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 					{ margin:0; padding:0; font-family:"Aleo Regular", Arial, Helvetica, sans-serif; font-weight:normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ font-weight:inherit; }
h1 										{ margin:0 0 15px 0; padding:0; font-size:36px; line-height:40px; color:#333; }
h2										{ margin:0 0 15px 0; padding:0; font-size:30px; line-height:34px; color:#333; }
h3 										{ margin:0 0 15px 0; padding:0; font-size:24px; line-height:28px; color:#333; }
h4 										{ margin:0 0 15px 0; padding:0; font-size:18px; line-height:22px; color:#333; }
h5 										{ margin:0 0 15px 0; padding:0; font-size:14px; line-height:16px; color:#333; }
h6 										{ margin:0 0 15px 0; padding:0; font-size:12px; line-height:16px; color:#333; }

p 										{ margin:0; padding:0 0 25px 0; line-height:22px; }

strong 									{ font-family: 'Dosis Medium', Arial, Helvetica, sans-serif; }
em 										{ font-style:italic; color:#666; }
small 									{ font-size:80%; }
sup, sub								{ height:0;	line-height:5px; vertical-align:baseline; _vertical-align:bottom; position:relative; font-size:80%; }
sup 									{ bottom:5px; }
sub 									{ top:5px; }
code, pre 								{ padding:0 3px 2px; color:#333; font-size:11px; }
code									{ padding:0 4px 2px 4px; background-color:#000; border:1px solid #000; color:#f1f1f1; }

hr 										{ margin:20px 0 20px 0; border:0; background: #fff; height:2px; width:100%; }

/* Links
------------------------------------------------------------------*/

a:link 									{ text-decoration:none; color: #fff;}
a:visited 								{ text-decoration:underline; color: #fff; }
a:active 								{ text-decoration:underline; color: #fff; }
a:hover 			 					{ text-decoration:underline; color: #fff; }
a:focus 								{ -moz-outline-style:none; }

/* Images
------------------------------------------------------------------*/

img 									{ border:0; -ms-interpolation-mode:bicubic; }

/* Classes
------------------------------------------------------------------*/

.align_left   							{ float:left; margin: 5px 30px 20px 0; border:none; }
.align_right  							{ float:right; margin: 5px 0 30px 20px; border:none; }

.img-left   							{ float:left; margin:0 30px 30px 0; border:none; }
.img-right  							{ float:right; margin:0 0 30px 30px; border:none; }

.clear       							{ clear:both; }
.float-left 							{ float:left; }
.float-right   							{ float:right; }

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

.normal									{ font-weight:normal; }
.bold          							{ font-weight:bold; }
.italic        							{ font-style:italic; }
.underline     							{ border-bottom:1px solid; }
.highlight     							{ padding:0 3px 2px; color:#333; font-size:11px; background:#00deff; font-weight:bold; }

/* Screen 960px
------------------------------------------------------------------*/

.full								{ margin:0 auto; width: 100%; }
.row 								{ margin:0 auto; width:960px; overflow:hidden; }
.row .row 							{ margin:0 -16px 0 -16px; width:auto; display:inline-block; }

.grid-1								{ width:48px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid-2 							{ width:128px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid-3 							{ width:208px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid-4 							{ width:288px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid-5 							{ width:368px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }		
.grid-6 							{ width:448px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid-7 							{ width:528px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid-8 							{ width:608px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid-9								{ width:688px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid-10							{ width:768px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid-11							{ width:848px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid-12							{ width:928px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
	
.offset-1							{ margin-left:96px; }
.offset-2							{ margin-left:176px; }
.offset-3 							{ margin-left:256px; }
.offset-4 							{ margin-left:336px; }
.offset-5 							{ margin-left:416px; }
.offset-6 							{ margin-left:496px; }
.offset-7 							{ margin-left:576px; }
.offset-8 							{ margin-left:656px; }
.offset-9							{ margin-left:736px; }
.offset-10							{ margin-left:816px; }
.offset-11							{ margin-left:896px; }

.show-phone 						{ display:none !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:inherit !important; }
	
.hide-phone							{ display:inherit !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:none !important; }

/* Tablet (Smaller than 959px)
------------------------------------------------------------------*/

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

.full								{ margin:0 auto; width: 100%; }
.row 								{ margin:0 auto; width:768px; overflow:hidden; }
.row .row 							{ margin:0 -14px 0 -14px; width:auto; display:inline-block; }
		
.grid-1								{ width:36px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid-2 							{ width:100px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid-3 							{ width:164px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid-4 							{ width:228px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid-5 							{ width:292px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }		
.grid-6 							{ width:356px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid-7 							{ width:420px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid-8 							{ width:484px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid-9								{ width:548px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid-10							{ width:612px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid-11							{ width:676px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid-12							{ width:740px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
		
.offset-1							{ margin-left:78px; }
.offset-2							{ margin-left:142px; }
.offset-3 							{ margin-left:206px; }
.offset-4 							{ margin-left:270px; }
.offset-5 							{ margin-left:334px; }
.offset-6 							{ margin-left:398px; }
.offset-7 							{ margin-left:462px; }
.offset-8 							{ margin-left:526px; }
.offset-9							{ margin-left:590px; }
.offset-10							{ margin-left:654px; }
.offset-11							{ margin-left:718px; }
	
.show-phone 						{ display:none !important; }
.show-tablet 						{ display:inherit !important; }
.show-screen						{ display:none !important; }
	
.hide-phone							{ display:inherit !important; }
.hide-tablet						{ display:none !important; }
.hide-screen						{ display:inherit !important; }
	
}

/* Phone (portrait 300px)
------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {

.full								{ margin:0 auto; width: 100%; }
.row 								{ margin:0 auto; width:300px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }
		
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12							{ width:300px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

.offset-1,
.offset-2,
.offset-3,
.offset-4,
.offset-5,
.offset-6,
.offset-7,
.offset-8,
.offset-9,
.offset-10,
.offset-11							{ margin-left:0; }

.show-phone 						{ display:inherit !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:none !important; }
	
.hide-phone							{ display:none !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:inherit !important; }
			
}	 

/* Phone (landscape 420px)
------------------------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

.full								{ margin:0 auto; width: 100%; }
.row 								{ margin:0 auto; width:456px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }
	
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12							{ width:456px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

.show-phone 						{ display:inherit !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:none !important; }
	
.hide-phone							{ display:none !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:inherit !important; }

}

/* Clean up
------------------------------------------------------------------*/

.container:after 					{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
.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; }
.clear 								{ clear:both; display:block; overflow:hidden; visibility:hidden; }