/********************
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: #fff;
	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: 1115px;
	height: 1072px;
	background-color: #FFF;
	position: absolute;
	margin-top: auto;
	padding-left: 60px;
	top: -6px;
	left: auto;
	right: auto;
}
.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: 1px;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
}
.secondary_header ul li:hover {
	color: #717070;
	cursor: pointer;
}
.tile {
	background-color: #FFF;
	position: absolute;
	width: 270px;
	overflow: visible;
}
nav {
	top: -168px;
	left: 161px;
	width: auto;
	height: auto;
	position: relative;
	padding-left: 88px;
	padding-top: 67px;
	visibility: visible;
}
header nav ul {
	list-style: none;
	float: right;
}
nav ul li {
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 0.3s linear;
}
ul li a {
	color: #fff;
	text-decoration: none;
}
ul li:hover a {
	color: #d7c5b7;
	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";
	width: auto;
	height: auto;
	position: static;
}
/* Layout per tile */

#tile1{
	width: 270px;
	height: 270px;
	position: relative;
	left: -43px;
}
#tile2{
	top: 290px;
	left: 0px;
	width: 270px;
	height: 270px;
	background-image: url(http://www.geocities.ws/shellycailler/gra310_upload/Pasta_Amore_Enjoy/images/suitcase_left_270x270.jpg);
	margin-left: 18px;
	margin-top: 18px;
	position: absolute;
}
#tile3{
	left: 304px;
	width: 560px;
	height: 560px;
	background-color: #009933;
	right: auto;
	position: absolute;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	top: 0px;
}
#tile5{
	top: 890px;
	left: 80px;
	width: 1036px;
	height: 165px;
	background-color: #009933;
	margin-right: 72px;
	right: 62px;
	margin-left: -60px;
	visibility: visible;
	overflow-y: visible;
	overflow-x: visible;
	padding-left: 57px;
	padding-right: 47px;
	position: absolute;
}
#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;
	position: absolute;
}
#tile7{
	top: 600px;
	left: 600px;
	width: 270px;
	height: 270px;
	background-position: 0% 0%;
	background-color: #900F13;
	position: absolute;
	text-align: center;
}

/* 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;
	color: gray;
}

.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 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.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;
	font-size: 100%;
	position: relative;
	top: 162px;
	left: 0px;
}