/* Frescos Stylesheet by Aaron Elliott - forwardtrends.com */

body {
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(/img/frescos_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#000;
}

a {
	color:#FFB014;
}

hr {
	height:1px;
	border:0;
	background-color:#333;
	color:#333;
}

/*structural*/

#frescos {
	background-color:#000;
}

#wrapper {
	width:860px;
	margin:0px auto;
}

#header {
	display:block;
	height:170px;
}

#logo {
	width:200px;
	height:103px;
	position:absolute;
	top:20px;
	margin-left:312px;
}

/*navigation*/

#smallnav {
	position:absolute;
	width:860px;
	text-align:right;
	top:10px;
	font-size:10px;
}

#nav {
	display:block;
	height:34px;
	position:absolute;
	top:136px;
}	

#nav ul {
	width:860px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#nav ul li {
	margin:0px;
	padding:0px;
	float:left;
	outline: none;
	text-indent: -9999px;
	
}

#nav ul li a {
	background-image: url(/img/nav.png);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:34px;
}

#nav ul li#home a {
	width:75px;
	background-color:#FFF;
	background-position:0px 0px;
}

#nav ul li#home a:hover {
	background-position:0px -34px;
}

.frescos-pittsburgh #home a {
	background-position:0px -34px!important;
}

#nav ul li#about a {
	width:69px;
	background-color:#FFF;
	background-position:-75px 0px;
}

#nav ul li#about a:hover {
	background-position:-75px -34px;
}

.about-frescos #about a {
	background-position:-75px -34px!important;
}


#nav ul li#menus a {
	width:74px;
	background-color:#FFF;
	background-position:-144px 0px;
}

#nav ul li#menus a:hover {
	background-position:-144px -34px;
}

.menus #menus a {
	background-position:-144px -34px!important;
}

#nav ul li#events a {
	width:196px;
	background-color:#FFF;
	background-position:-218px 0px;
}

#nav ul li#events a:hover {
	background-position:-218px -34px;
}

.events-specials #events a {
	background-position:-218px -34px!important;
}

#nav ul li#rooms a {
	width:123px;
	background-color:#FFF;
	background-position:-414px 0px;
}

#nav ul li#rooms a:hover {
	background-position:-414px -34px;
}

.rooms #rooms a {
	background-position:-414px -34px!important;
}


#nav ul li#location a {
	width:135px;
	background-color:#FFF;
	background-position:-537px 0px;
}

#nav ul li#location a:hover {
	background-position:-537px -34px;
}

.location-map #location a {
	background-position:-537px -34px!important;
}

#nav ul li#contact a {
	width:188px;
	background-color:#FFF;
	background-position:-672px 0px;
}

#nav ul li#contact a:hover {
	background-position:-672px -34px;
}

.contact-us #contact a {
	background-position:-672px -34px!important;
}



/*main content*/

#content {
	display:block;
	margin:0;
	padding:1px;
}


.home #content {
	background-image: url(/img/content_bg.png);
	background-repeat:repeat;
}

.about-frescos #content {
	background-image: url(/img/about-bg.jpg);
	background-repeat:no-repeat;
	background-position:top-center;
	background-color:#000;
	min-height:645px;
}

.menus #content {
	background-image: url(/img/menus-bg.jpg);
	background-repeat:no-repeat;
	background-position:top-center;
	background-color:#000;
	min-height:645px;
}

.events-specials #content {
	background-image: url(/img/events-bg.jpg);
	background-repeat:no-repeat;
	background-position:top-center;
	background-color:#000;
	min-height:645px;
}

.rooms #content  {
	background-image: url(/img/rooms-bg.jpg);
	background-repeat:no-repeat;
	background-position:top-center;
	background-color:#000;
	min-height:645px;
}

.photo-gallery #content {
	background-image: url(/img/gallery-bg.jpg);
	background-repeat:no-repeat;
	background-position:top-center;
	background-color:#000;
	min-height:645px;
}


.reservations #content {
	background-image: url(/img/reservations-bg.jpg);
	background-repeat:no-repeat;
	background-position:top-center;
	background-color:#000;
	min-height:645px;
}

.location-map #content {
	background-image: url(/img/location-bg.jpg);
	background-repeat:no-repeat;
	background-position:top-center;
	background-color:#000;
	min-height:645px;
}

.contact-us #content {
	background-image: url(/img/contact-bg.jpg);
	background-repeat:no-repeat;
	background-position:top-center;
	background-color:#000;
	min-height:645px;
}

#info {
	width:380px;
	margin-top:100px;
	margin-left:50px;
}

#info p {
	color:#FFF5CE;
	font-size:12px;
	line-height:16px;
}


/* splash */

#splash {
	display:block;
	height:340px;
}

/* featured */

#featured {
	display:block;
}

.featureditem {
	width:286px;
	float:left;
}

.featureditemw {
	width:288px;
	float:left;
}

.featuredimage {
	display:block;
}

.featuredimage img {
	border:0px;
}

.featuredcopy {
	font-size:12px;
	color:#F4DAA2;
}

.featuredcopy p {
	font-size:12px;
	color:#F4DAA2;
	padding:5px;
}

ul#recent_entries {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	background-color:#000;
}

ul#recent_entries li {
	float:left;
	width:260px;
	padding:10px;
	line-height:60px;
	font-size:12px;
	text-align:center;

}

#contentpost {
background-color:#000;
	min-height:645px;
	padding:20px;
	color:#FFF;
}

#recent {
	display:block;
	background-color:#000;
	height:80px;
}

#recent span {
	font-size:12px;
	color:#666;
	position:absolute;
	margin-left:10px;
	margin-top:10px;
}

/* footer */

#footer {
	display:block;
	margin-top:10px;
	padding:10px;
	padding-top:20px;
	font-size:10px;
	color:#FFE79F;
}

/* classes */



.left_50 {
	width:50%;
	float:left;
}

.right_50 {
	width:50%;
	text-align:right;
	float:left;
}

.hidden {
	color:#FF9900;
}

.small {
	font-size:10px!important;
	color:#666!important;
}

/* clearfix */

.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/* PNG Fix */

img, div, input { 
	behavior: url("/htc/iepngfix.htc") ;
}

/* homepage rotator */

.tour h1 {
	background: url(/img/home/headline.png) 0 0 no-repeat;
	height: 94px;
	margin: -25px 0 0 129px;
	text-indent: -9999px;
	visibility: visible;
	width: 692px;
}

.tour h5 {
	background: url(../img/home/press.png) 0 0 no-repeat;
	height: 23px;
	margin: 9px 0 2px 30px;
	text-indent: -9999px;
	width: 800px;
}

.tour #benefit-welcome {
	
}

.tour #video {
	position:absolute;
	width:560px;
	height:400px;
	margin-left:260px;
	top:0px;
}

.tour #benefit-0 {
	background: url(/img/home/0.jpg) 0 0 no-repeat;
}

.tour #benefit-1 {
	background: url(/img/home/1.jpg) 0 0 no-repeat;
}

.tour #benefit-2 {
	background: url(/img/home/2.jpg) 0 0 no-repeat;
}

.tour #benefit-3 {
	background: url(/img/home/3.jpg) 0 0 no-repeat;
}

.tour #benefit-4 {
	background: url(/img/home/4.jpg) 0 0 no-repeat;
}



.tour #benefit-content {
	height: 440px;
	width: 860px;
}

.tour .benefit h3 {


	font-size:16px;
	font-weight:normal;
	color:#FFE79F;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#000;
	margin:0;
	padding:6px 10px;
	position:absolute;
	top:180px;
	font-style:italic; 
}

.tour .benefit {
	height: 500px;
	width:860px;
	position: absolute;
	visibility: hidden;
}

.tour .benefit a.more {
	font-size: .8em;
	letter-spacing: .1em;
}

.tour .benefit  img {
	height: 250px;
	width: 560px;
}

.tour .benefit h3,
.tour .benefit p {
	margin-left: 0px;
}

.tour .benefit p {
	color: #666;
	font-size: 14px;
}

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

.tour ul li {
	margin:0px;
	padding:0px;
	float:left;
}
.tour ul.tabs a {

	float: left;
	text-indent: -9999px;
	margin:0px;
	padding:0px;

}

.tour ul#benefit-tabs {
	display:none;
	position:absolute;
	width:860px;
	margin-top:-50px;
	height:50px;
}

.tour ul#benefit-tabs a {	
	background-image: url(/img/home/tour-tabs.png);
	height: 50px;
	margin:0px;
	padding:0px;
	
}

.tour ul#benefit-tabs a:hover {
	background-color: #7C726B;
}

.tour ul#benefit-tabs li.selected a {
	background-color: #7C726B;
}

.tour ul#benefit-tabs li#tab-0 a {
	background-position: 0 0;
	width:143px;
}

.tour ul#benefit-tabs li#tab-1 a {
	background-position: -143px 0;
	width:143px;
}

.tour ul#benefit-tabs li#tab-2 a {
	background-position: -286px 0;
	width:143px;
}

.tour ul#benefit-tabs li#tab-3 a {
	background-position: -429px 0;
	width:143px;
}

.tour ul#benefit-tabs li#tab-4 a {
	background-position: -572px 0;
	width:143px;
}
.alignleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.active {

	visibility: visible !important;

}