/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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: 100% "Klinic Slab Medium Italic", "Klinic Slab Medium", "Klinic Slab Light Italic", "Klinic Slab Light", "Klinic Slab Book Italic", "Klinic Slab Book", "Klinic Slab Bold Italic", "Klinic Slab Bold", "Goudy Old Style", "Goudy Old Style Bold", "Goudy Old Style Italic";
	vertical-align: baseline;
	top: -104px;
	word-spacing: normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size: 16px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/********************
Grid:
- 1140 pixels wide
- 20 pixels padding
- 4 columns

.grid{width:1140px; height:890px;}

.x0{left: 20px;}
.x1{left: 310px;}
.x2{left: 600px;}
.x3{left: 890px;}

.y0{top: 20px;}
.y1{top: 310px;}
.y2{top: 600px;}
.y3{top: 890px;}

********************/

body {
	color: white;
	background-color: #1a1a1a;
	font-family: "Klinic Slab Medium Italic", "Klinic Slab Medium", "Klinic Slab Light Italic", "Klinic Slab Light", "Klinic Slab Book Italic", "Klinic Slab Book", "Klinic Slab Bold Italic", "Klinic Slab Bold", "Goudy Old Style", "Goudy Old Style Bold", "Goudy Old Style Italic";
}
.grid{
	width: 1180px;
	height: 1170px;
	margin: auto;
	padding-left: 60px;
	position: relative;
	border-radius: 0px;
	background-color: #FFFFFF;
	font-family: "Klinic Slab Medium Italic", "Klinic Slab Medium", "Klinic Slab Light Italic", "Klinic Slab Light", "Klinic Slab Book Italic", "Klinic Slab Book", "Klinic Slab Bold Italic", "Klinic Slab Bold", "Goudy Old Style", "Goudy Old Style Bold", "Goudy Old Style Italic";
}
.secondary_header ul li {
	list-style: none;
	float: left;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Klinic Slab Medium Italic", "Klinic Slab Medium", "Klinic Slab Light Italic", "Klinic Slab Light", "Klinic Slab Book Italic", "Klinic Slab Book", "Klinic Slab Bold Italic", "Klinic Slab Bold", "Goudy Old Style", "Goudy Old Style Bold", "Goudy Old Style Italic";
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 2px;
	margin-left: auto;
	text-align: center;
	width: 16%;
}
nav {
	float: auto;
	width: 50%;
	text-align: right;
	margin-right: 25px;
}
header nav ul {
	list-style: none;
	float: right;
}
nav ul li {
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	text-align: left;
	margin-right: 31px;
	letter-spacing: 2px;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 9px;
}
ul li a {
	color: #ffffff;
	text-decoration: none;
}
ul li:hover a {
	color: #d7c5b7;
}
/* Layout per tile */

#tile1{
	top: 20px;
	left: 20px;
	width: 270px;
	height: 270px;
}
#tile6{
	top: 600px;
	left: 20px;
	width: 560px;
	height: 270px;
	background-image: url(http://www.geocities.ws/shellycailler/gra310_upload/Pasta_Amore_Enjoy/images/gather_left_560x270.jpg);
	bottom: 24px;
}
#tile7{
	top: 600px;
	left: 600px;
	width: 270px;
	height: 270px;
	background-position: 0% 0%;
	background-color: #900F13;
}


/* fonts */

.hero{
	font-family: "Klinic Slab Medium Italic", "Klinic Slab Medium", "Klinic Slab Light Italic", "Klinic Slab Light", "Klinic Slab Book Italic", "Klinic Slab Book", "Klinic Slab Bold Italic", "Klinic Slab Bold", "Goudy Old Style", "Goudy Old Style Bold", "Goudy Old Style Italic";
	font-size: 3.25em;
	font-weight: 300;
	font-style: normal;
	margin-top: 110px;
	margin-left: 40px;
	margin-right: 40px;
}

.hero-bright{
	color: white;
	text-decoration: none;
}

.action-title{
	font-family: "Klinic Slab Medium Italic", "Klinic Slab Medium", "Klinic Slab Light 	Italic", "Klinic Slab Light", "Klinic Slab Book Italic", "Klinic Slab Book", "Klinic Slab Bold Italic", "Klinic Slab Bold", "Goudy Old Style", "Goudy Old Style Bold", "Goudy Old Style Italic";
	font-size:1.5em;
	margin-top:28px;
	margin-left:20px;
	margin-right:20px;
}

.action{
	font-family: "Klinic Slab Medium Italic", "Klinic Slab Medium", "Klinic Slab Lightt Italic", "Klinic Slab Light", "Klinic Slab Book Italic", "Klinic Slab Book", "Klinic Slab Bold Italic", "Klinic Slab Bold", "Goudy Old Style", "Goudy Old Style Bold", "Goudy Old Style Italic";";
	font-size: 1.25em;
	font-weight: 400;
	color: lightgray;
	margin-left: 20px;
	margin-right: 20px;
}
.grid #tile7 .action {
	font-family: "Klinic Slab Medium Italic", "Klinic Slab Medium", "Klinic Slab Light Italic", "Klinic Slab Light", "Klinic Slab Book Italic", "Klinic Slab Book", "Klinic Slab Bold Italic", "Klinic Slab Bold", "Goudy Old Style", "Goudy Old Style Bold", "Goudy Old Style Italic";
	color: #FFF;
}