/* Table of Content
==================================================
    #Font-Face
	#Reset & Basics
	#Typography
	#Links
	#Lists
	#Images
	#Forms
    #Tables
	#Other */


/* #Font-Face
================================================== */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg'),
			url('../fonts/Roboto-Light.ttf') format('truetype'),
			url('../fonts/Roboto-Light.woff') format('woff'),
			url('../fonts/Roboto-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	}

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

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

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

@font-face {
	font-family: 'Roboto Condensed';
	src: url('../fonts/RobotoCondensed-Bold.eot');
	src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg'),
		 url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),
		 url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
		 url('../fonts/RobotoCondensed-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}



/* #Reset & Basics 
================================================== */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

	body {
		font-family: 'Roboto';
	}

/* #Links
================================================== */
	a, 
    a:visited,
    a:hover, 
    a:focus {  
       text-decoration: none;     
    }

/* #Lists
================================================== */
	li {
        list-style-type: none;
    }    

/* #Forms
================================================== */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 0 5px;
		outline: none;
		max-width: 100%;
		display: block;
		background: #fff;
        vertical-align: baseline; 
		*vertical-align: middle; 
	}   
	input[type="checkbox"],
    input[type="radio"] {
		display: inline-block;
		margin-right:5px; 
	}  
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {	
	  text-decoration: none;
      text-transform: none;
	  cursor: pointer;
      border:0 none;
	  line-height: normal;
      -webkit-appearance: none; 
      cursor: pointer; 
      *overflow: visible;   }
	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
        border: 0;
        padding: 0;
	}      	
/* #Other
================================================== */
	:focus   { 
        outline: none; 
    }