/********************
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: 1180px;
	height: 902px;
	margin: -15px 133px 9px 148px;
	padding-left: 60px;
	position: relative;
	border-radius: 10px;
	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";
}
.tile {
	background-color: #FFFFFF;
	position: absolute;
	width: 270px;
	overflow: visible;
}

/* Layout per tile */

#tile1{
	top: 20px;
	left: 20px;
	width: 270px;
	height: 270px;
}
#tile4{
	top: 33px;
	left: 890px;
	width: 270px;
	height: 571px;
	background-image: url(http://www.geocities.ws/shellycailler/gra310_upload/Pasta_Amore_Enjoy/images/hostess_270x560.jpg);
	margin-top: -27px;
	position: absolute;
}
#tile7{
	top: 600px;
	left: 600px;
	width: 270px;
	height: 270px;
	background-position: 0% 0%;
	background-color: #900F13;
}
#tile8{
	top: 600px;
	left: 890px;
	width: 270px;
	height: 270px;
	background-image: url(http://www.geocities.ws/shellycailler/gra310_upload/Pasta_Amore_Enjoy/images/call_right_270x270.jpg);
}

/* 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{
	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: #FFFFFF;
}