body {
text-align:center;
}

a {
	text-decoration: none;
	color:white;
	font-weight:bold;
	font-size:12px;
}

#headline-text a {
font-size:11.5px;
}

a:hover, #eat a:hover, .info a:hover, #eat .info a:hover {
color:#898989;

}

#wrapper-wrapper {
   background: none repeat scroll 0 0 transparent;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 10;
	width:100%;
}

#wrapper{
width:820px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

.box {
	width:500px;
	float:left;
	margin:160px;
	text-align:center;
	height:327px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}


#foxtail, #phoenix {
color:white;
}
.body, .info {
text-align:left;
}

#eat {
margin-left:0px;
}

#eat a {
color:black;
}


#phoenix {
margin-right:0px;
}


#headline-wrapper {
	color:white;
	padding:15px;
	width:790px;
	float:left;
}

#headline{
width:175px;
float:left;
text-transform:uppercase;
padding-top:7px;
}

h1, h2, h3, .body, .info {
font-family:"PT Sans Narrow";
}

.body, .info {
font-weight:400;

}

.box .body {
	font-size:15px;
	line-height:15px;
	height:80px;
	float:left;
}

.clickarea {
	float:left;
	width:100%;
	cursor:pointer;
	padding: 5px;
}


h1, h2, h3 {
font-weight:800;
}
#headline h1 {
    font-size: 41.5px;
    letter-spacing: 1px;
    line-height: 34px;
    margin: 0;
}

#headline h2 {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 0;
}

#headline h3 {
margin:0px;
font-size:17px;
font-weight:400;
letter-spacing:0.8px;
line-height: 28px;
}



#headline-text {
float:right;
font-size:14.7px;
font-weight:100;
line-height:16px;
width:540px;
padding-top:7px;
}

#phoenix, #headline-wrapper {
background:url('phoenix-bg.png') repeat transparent;
}

#phoenix:hover {
background:url('phoenix-bg-ro.png') repeat transparent;
}

#eat {
background:url('eat-bg.png') repeat transparent;
}

#eat:hover {
background:url('eat-bg-ro.png') repeat transparent;
}

#foxtail {
background:url('foxtail-bg.png') repeat transparent;
text-align: left;
}

#foxtail:hover {
background:url('foxtail-bg-ro.png') repeat transparent;
}

/* preload hover images */
#foxtail div.body {
background:url('foxtail-bg-ro.png') no-repeat -1000px -1000px transparent;
}
#eat div.body {
background:url('eat-bg-ro.png') no-repeat -1000px -1000px transparent;
}
#phoenix div.body {
background:url('phoenix-bg-ro.png') no-repeat -1000px -1000px transparent;
}



.social {
height:29px;
width:100%;
float:left;
text-align: left;
margin-bottom:15px;
}


a.yelp, a.facebook, a.blogger, a.twitter {
height:29px;
width:29px;
float:left;
font-size:0px;
margin-right:6px;
}

a.yelp {
background:url(yelp.png) bottom no-repeat;
}

a.yelp:hover {
background:url(yelp.png) top no-repeat;
}

a.facebook {
background:url(facebook.png) bottom no-repeat;
}

a.facebook:hover {
background:url(facebook.png) top no-repeat;
}
a.twitter {
background:url(twitter.png) bottom no-repeat;
}

a.twitter:hover {
background:url(twitter.png) top no-repeat;
}

a.blogger {
background:url(blogger.png) bottom no-repeat;
}

a.blogger:hover {
background:url(blogger.png) top no-repeat;
}

.info {
    background:url('info-bg.png') repeat transparent;
    float: left;
    height: 29px;
    margin-left: -15px;
    padding: 5px 7px;
    text-transform: uppercase;
    width: 515px;
    letter-spacing:1px;
}

.info p {
margin:0px;
}
.info a, #eat .info a, .info p{
color:white;
font-size:11px;
font-weight:normal;
}

#supersize {
    position: fixed;
    }

#supersize img {
    height:100%;
    position:absolute;
    width:100%;
    z-index:0
    }