v/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #777777;
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	font-family:'Open Sans', Arial, sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

a:link, a:visited {
	color:#8b8b8b;
}

a:hover {
	color:#777777;
}

ul {
	margin:0 0 25px 0;
	padding:0;
	list-style-type:none;
}

p {
	font-family:'Open Sans';
	font-size:16px;
    line-height: 24px;	
	font-weight:400;
	color:#777777;
	margin:0 0 25px 0;
}

p:last-child {
	margin:0;
}

ul li {
	font-family:'Open Sans';
	font-weight:700;
	color:#777777;
	line-height:24px;
}

h1, h2 {
	font-family:'Open Sans';
	font-weight:300;
	margin:25px 0;
}

h1 {
	font-size:40px;
	color:#ffffff;
	margin:365px 0 0 0;
	line-height:30px;
}

h2 {
	font-size:30px;
	color:#3da448;
	margin-left:-80px;
}

span {
	color:#3da448;
	margin:0 7px 0 0;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;				
    padding: 0.2em 0;
}

/* 
==========================================================================
   LUITEN FOOD LANDING
==========================================================================
*/
.container {
	position:relative;
	width:540px;
	margin:0 auto;
}

header {
	width:100%;
	float:left;
	height:465px;
	background: url(../images/background.jpg) no-repeat center bottom scroll #ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/background.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale')";
	z-index:1;	
}

.thumb {
	position:absolute;
	right:-200px;
	top:-160px;
}

#content {
	width:100%;
	float:left;
	padding:40px 0;
	background:#f4f4f4;
}

#list {
	width:100%;
	float:left;
	padding:40px 0;
	background:#ffffff;
}

footer {
	width:100%;
	float:left;
	padding:40px 0;
	background:#f4f4f4;
}