﻿@import url("reset.css");

/*Borders*/
/*
    * -moz-border-radius-topleft  / -webkit-border-top-left-radius
    * -moz-border-radius-topright / -webkit-border-top-right-radius
    * -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
    * -moz-border-radius-bottomright / -webkit-border-bottom-right-radius
*/
/*********/

/*General Declarations*/
html {  }
body { overflow-y:scroll; font-size:62.5%; background:url(../images/green_tile_bg.png); }
p { font:normal 1.2em Arial, sans-serif; color:#000; line-height:1.5em; }
p a:link, p a:visited { color:#00586c; text-decoration:none; border-bottom:dotted 1px #00586c; }
p a:hover, p a:active { color:#b4132e; border-bottom:solid 1px #b4132e; }
h1 { overflow:hidden; text-indent:-3000em; background:url(../images/logo.png); display:block; width:25.7em; height:9.3em; left:4.5em; top:4.5em; }
h1 a { position:absolute; display:block; top:0; left:0; width:100%; height:100%; }
h2 { background:url(../images/grey_r_logo.png) no-repeat 0 0; font:normal 2.8em Myriad Pro, Arial, sans-serif; color:#520000; padding-left:1.5em; margin:0.4em 0; }
h2.sub { margin-top:0; }
h3 { text-transform:uppercase; background:url(../images/subhead_bg.png) repeat-x top left; color:#fff; margin-top:1em; padding:0.5em; font:bold 18px Arial, sans-serif; border-left:solid 1px #a44a5a; border-right:solid 1px #a44a5a; }
h4 { color:#520000; font:bold 14px Arial, sans-serif; margin:0.7em; margin-bottom:0; }
h4.sub { margin-top:1.2em; color:#000; }
h5 { background:#777; color:#fff; font:bold 12px Arial, sans-serif; padding:10px; }
h5.sub { background:transparent; color:#520000;  }
h6 {  }
ul {  }
ul li {  }
/**********************/

/*Chain Classes*/
.clear { clear:both; }
.center { margin:0 auto; }
.text_c { text-align:center; }
.text_r { text-align:right; }
.rel { position:relative; }
.abs { position:absolute; }
.shadow { top:0; left:0; display:block; height:0.4em; background:url(../images/black_trans_bg.png); z-index:100; width:100%; }
/***************/

/*Layout Elements*/
#wrap { width:96em; margin:2em auto 0 auto; position:relative; background:url(../images/black_trans_bg.png) repeat; padding:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
#header { height:15em; background:#fff url(../images/header_bg.png) no-repeat; -moz-border-radius-topleft:0.3em; -moz-border-radius-topright:0.3em; -webkit-border-top-left-radius:0.3em; -webkit-border-top-right-radius:0.3em; }
#nav { background:url(../images/top_nav.png) no-repeat 0 0; overflow:auto; }
#content { background:#fff url(../images/room_bg_white.png) no-repeat bottom right; padding:2em 4em; }
#content_main { overflow:auto; }
#content_main p.home { margin:0; }
#content_main p { margin:0.5em 1em; }
#main { float:left; width:61.3em; margin-right:1em; border:solid 1px #520000; background:#fff; }
#aside { float:left; width:25.3em; border:solid 1px #520000; background:#fff; }
#footer { background:#520000; border-top:0.1em solid #a60000; -moz-border-radius-bottomleft:0.3em; -moz-border-radius-bottomright:0.3em; -webkit-border-bottom-left-radius:0.3em; -webkit-border-bottom-right-radius:0.3em; }
#directions { background:#a6a6a6; padding:1.5em 0; }
#copy { margin-top:1em; }
/*****************/

/*Header Styling*/
#header p.heading { text-align:right; font-weight:bold; right:4em; top:8.6em; }
.book_container { right:4.7em; top:4.5em; }
a.book:link, a.book:visited { overflow:hidden; text-indent:-3000em; display:block; width:258px; height:42px; background:url(../images/book_a_room.png) no-repeat 0 0; border:0; }
a.book:hover, a.book:active { background:url(../images/book_a_room.png) no-repeat 0 -42px; }
/****************/

/*Main Navigation Styling*/
#nav ul li { display:inline; }
#nav ul li a { display:block; float:left; overflow:hidden; text-indent:-3000em; height:5em; }
#nav ul li a#home:link, #nav ul li a#home:visited { width:11.4em; }
#nav ul li a#home:link span, #nav ul li a#home:visited span { display:block; background:url(../images/top_nav_ext.png); width:2em; height:7em; top:15.5em; left:-1.5em; z-index:100; cursor:pointer; }
#nav ul li a#accommodations:link, #nav ul li a#accommodations:visited { width:22.6em; }
#nav ul li a#amenities:link, #nav ul li a#amenities:visited { width:13.5em; }
#nav ul li a#groups:link, #nav ul li a#groups:visited { width:24.4em; }
#nav ul li a#packages:link, #nav ul li a#packages:visited { width:13.7em; }
#nav ul li a#contact:link, #nav ul li a#contact:visited { width:10.4em; }
#nav ul li a#home:hover, #nav ul li a#home:active { background:url(../images/top_nav.png) no-repeat 0 -5em; }
#nav ul li a#home:hover span, #nav ul li a#home:active span { background:url(../images/top_nav_ext.png) no-repeat 0 -7em; }
#nav ul li a#accommodations:hover, #nav ul li a#accommodations:active { background:url(../images/top_nav.png) no-repeat -11.4em -5em; }
#nav ul li a#amenities:hover, #nav ul li a#amenities:active { background:url(../images/top_nav.png) no-repeat -34.0em -5em; }
#nav ul li a#groups:hover, #nav ul li a#groups:active { background:url(../images/top_nav.png) no-repeat -47.5em -5em; }
#nav ul li a#packages:hover, #nav ul li a#packages:active { background:url(../images/top_nav.png) no-repeat -71.9em -5em; }
#nav ul li a#contact:hover, #nav ul li a#contact:active { background:url(../images/top_nav.png) no-repeat -85.6em -5em; }
/*************************/

/*Main Content Styling*/
.italian_masthead { height:30em; background:url(../images/masthead.png); }
.italian_masthead.contact { height:30em; background:url(../images/contact_main.png); }
.italian_masthead p { font-size:1.4em; display:block; width:25em; padding-top:1em; }
.italian_masthead p.mast_header { font:normal 2.8em Myriad Pro, Arial, sans-serif; color:#b4132e; }
h2 span { color:#b4132e; }
/**********************/

/*Sub Content Styling*/
.blended li { display:inline; }
.blended li a { display:block; float:left; height:24em; text-decoration:none; }
.blended li a#leisure:link, .blended li a#leisure:visited { background:url(../images/for_leisure.png); width:20.5em; }
.blended li a#leisure:hover, .blended li a#leisure:active { }
.blended li a#business:link, .blended li a#business:visited { background:url(../images/for_business.png); width:20.3em; margin:0 0.1em; }
.blended li a#business:hover, .blended li a#business:active { }
.blended li a#memories:link, .blended li a#memories:visited { background:url(../images/for_memories.png); width:20.3em; }
.blended li a#memories:hover, .blended li a#memories:active { } 
/*.blended li a#leisure span { text-indent:-3000em; overflow:hidden; background:url(../images/for_leisure_text.png); display:block; height:5.2em; cursor:pointer; }
.blended li a#business span { text-indent:-3000em; overflow:hidden; background:url(../images/for_business_text.png); display:block; height:5.2em; cursor:pointer; }
.blended li a#memories span { text-indent:-3000em; overflow:hidden; background:url(../images/for_memories_text.png); display:block; height:5.2em; cursor:pointer; }*/
.blended li a#leisure span.hover, .blended li a#business span.hover, .blended li a#memories span.hover { background-position:0 -52px; }
/*********************/

/*Element Styling*/
div.sub { background:#eee url(../images/room_bg.png) no-repeat bottom right; margin:10px; }
div.sub img.main { margin:15px 0 15px 15px; border:solid 2px #b4132a; float:right; }
div.sub ul { list-style:square; margin:10px 5px 0 35px; }
div.sub ul li { font:normal 12px Arial, sans-serif; margin-bottom:5px; line-height:1.5em; }
.gallery { text-align:center; margin-top:5px; padding-bottom:5px; }
.gallery a { border:0; }
.gallery a img { padding:2px; margin:5px 5px; }
.gallery a:link img, .gallery a:visited img { border:solid 1px #888; }
.gallery a:hover img, .gallery a:active img { border:solid 1px #b4132e; }
.gallery.standard, .gallery.business, .gallery.suites, .gallery.amenity {  }
.amenities { float:left; padding-bottom:10px; }
table#group_capacity { background:#fff; margin:8px 0 8px 12px; width:96%; font:normal 1.2em Arial, sans-serif; border:solid 1px #00586c; }
table#group_capacity th { background:#00586c; color:#fff; padding:5px; text-align:center; font-weight:bold; }
table#group_capacity tr.alt { background:#f2f2f2; }
table#group_capacity td { padding:5px; text-align:center; border-bottom:solid 1px #00586c; }
/*****************/

/*Aside Styling*/
#aside ul { margin:10px 10px; }
#aside ul li { margin-bottom:10px; font:normal 1.2em Arial, sans-serif; color:#000; line-height:1.5em; }
#aside ul li a:link, #aside ul li a:visited { color:#00586c; text-decoration:none; border-bottom:dotted 1px #00586c; }
#aside ul li a:hover, #aside ul li a:active { color:#b4132e; border-bottom:solid 1px #b4132e; }
.promotions { text-align:center; }
.promotions a { border:0; }
/***************/

/*Directions Styling*/
#directions p { font:normal 2.8em Myriad Pro, Arial, sans-serif; color:#333; }
#directions p span { color:#b4132e; }
a.google:link, a.google:visited { overflow:hidden; text-indent:-3000em; display:inline-block; margin:0 0 -0.2em 0.5em; width:131px; border:0; height:31px; background:url(../images/google_map.png) no-repeat 0 0; }
a.google:hover, a.google:active { background:url(../images/google_map.png) no-repeat 0 -31px; }
/********************/

/*Footer Elements*/
#footer p { padding:1em 0; color:#a60000; }
#footer p a:link, #footer p a:visited, #copy p a:link, #copy p a:visited { padding:0 1em; color:#fff; text-decoration:none; border:0; }
#footer p a:hover, #footer p a:active, #copy p a:hover, #copy p a:active { color:#fff; text-decoration:underline; }
#copy p { color:#a6a6a6; }
#copy p a:link, #copy p a:visited { padding:0; }
/*****************/

/*Lightbox Elements*/
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }	
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }			
#lightbox-secNav-btnClose {	width:66px; float:right; padding-bottom:0.7em; }
/*******************/
