@font-face{ 
  	font-family: 'Roboto';
  	font-style: normal;
  	font-weight: 300;
	src: url('../fonts/Roboto-Light-webfont.eot');
	src: local('Roboto Light'), local('Roboto-Light'),
		 url('../fonts/Roboto-Light-webfont.eot?iefix') format('eot'),
	     url('../fonts/Roboto-Light-webfont.woff') format('woff'),
	     url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
	     url('../fonts/Roboto-Light-webfont.svg#webfont') format('svg');
}

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

@font-face{ 
  	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: 300;
	src: url('../fonts/OpenSans-Light-webfont.eot');
	src: local('Open Sans Light'), local('OpenSans-Light'),
		 url('../fonts/OpenSans-Light-webfont.eot?iefix') format('eot'),
	     url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
	     url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
	     url('../fonts/OpenSans-Light-webfont.svg#webfont') format('svg');
}

@font-face{ 
  	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: 400;
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: local('Open Sans'), local('OpenSans'),
		 url('../fonts/OpenSans-Regular-webfont.eot?iefix') format('eot'),
	     url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
	     url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
	     url('../fonts/OpenSans-Regular-webfont.svg#webfont') format('svg');
}