/*******************
	Page Layout
********************/
body{ background:url("../images/homepage/header.gif") repeat-x; text-align:center; }
#page-wrapper{ width:980px; margin:0 auto; text-align:left; }
	#header{ width:980px; position:relative; height:160px; }
		a#brialto-logo{ position:absolute; top:26px; left:0; }
		#header ul.utilitary{ position:absolute;top:20px; right:-20px; width:480px; float:right; margin:0; padding:0; }
		#header ul.utilitary li{ float:left; width:120px; text-align:center; margin:0; padding:0; list-style:none; }
		#header ul.utilitary li a{ color:#fff; text-decoration:none; font-size:13px; display:block; }
		form#search{ width:216px; }
		form#search input#for{ background:url("../images/backgrounds/search.gif") no-repeat; color:#888; width:168px; padding:4px 40px 0 8px; border:none; height:20px; position:relative; z-index:10; font-size:100%; }
		form#search a#optionstrigger{ display:block; width:8px; height:7px; z-index:20; top:-16px; left:186px; position:relative; }
		form#search ul#options{ position:relative; z-index:20; margin:0; padding:0; border:1px solid #ccc; background-color:#fff; width:110px; top:-11px; left:84px; }
		form#search ul#options li{ margin:0; padding:2px 6px; list-style:none; color:#333; }
		form#search ul#options li:hover{ background-color:#ccc; }
		form#search ul#options li a{ color:#333; text-decoration:none; }
	#content{ width:980px; float:left; }
	#blankbar{ width:100%; background-color:#D0C8B6; height:20px; border-top:1px solid #e8e4db; float:left; }
	.wide{ width:100%; }
	.wide.footer{ float:left; margin-top:10px; }
	.wide.underfooter{ float:left; background:url("../images/backgrounds/footer.gif") repeat-x; line-height:39px; }
		.centered{ width:970px; margin:0 auto; text-align:left; }


/*************************
	Site wide elements
**************************/
#authorinfo{ width:206px; float:right; color:#a2a2a2; margin-top:28px; }
	#authorinfo p{ margin:16px 0 0 0; }
	#authorinfo strong{ color:#fff; }
	#authorinfo a, #authorinfo a:link, #authorinfo a:visited{ color:#a2a2a2; text-decoration:none; font-size:93%; }
	#authorinfo a:hover, #authorinfo a:active{ color:#fff; }

.mright{ margin-right:12px; }

ul.copyright{ margin:0; padding:0; float:right; }
ul.copyright li{ margin:0 8px 0 0; padding:0; float:left; font-size:85%; color:#a2a2a2; list-style:none; }
ul.copyright li a, ul.copyright li a:link, ul.copyright li a:visited{ color:#a2a2a2; text-decoration:none; }
ul.copyright li a:hover, ul.copyright li a:active{ color:#fff; }

ul.sitemap{ margin:0; padding:0; }
ul.sitemap li{ margin:0 12px 0 0; padding:0; float:left; list-style:none; }
ul.sitemap li a, ul.sitemap li a:link, ul.sitemap li a:visited{ color:#a2a2a2; text-decoration:none; }
ul.sitemap li a:hover, ul.sitemap li a:active{ color:#fff; }
a#redbrialto, a#redbrialto:link, a#redbrialto:visited{ background:url("../images/icons/b.png") no-repeat; width:21px; height:21px; float:left; display:block; margin-top:8px; }
a#redbrialto:hover, a#redbrialto:active{ background-position:left bottom !important; }

form#subheader{ position:absolute; top:120px; color:#666; }
.ie6 form#subheader, .ie7 form#subheader{ position:relative; top:-40px; color:#666; left:0; }
form#subheader input{ width:200px; padding:4px 10px; vertical-align:middle; }
form#subheader input#username{ background:#fff url("../images/homepage/username.gif") no-repeat left center; border:none; margin-right:8px; }
form#subheader input#password{ background:#fff url("../images/homepage/password.gif") no-repeat left center; border:none; margin-right:20px; }
form#subheader input.checkbox{ width:auto; padding:0; margin-right:6px; }
form#subheader label{ border-right:1px solid #f2ebd5; padding-right:18px; margin-right:18px; }
form#subheader a{ line-height:23px; color:#666; text-decoration:none; }
form#subheader a#forgotten{ margin-right:30px; }
form#subheader a#signup{ vertical-align:bottom; display:inline-block; background:url("../images/homepage/sign-in.gif") no-repeat; width:175px; height:23px; }
form#subheader a#signup:hover{ background-position:left bottom !important; }

#intro{ width:480px; float:left; }
#intro h1{ font-size:26px; margin:1.5em 0 1em 0 }
#intro p{ font-size:15px; line-height:160%; }
#intro ul{ margin:0 0 2em 0; padding:0; overflow:hidden; }
#intro ul li{ margin:0; padding:5px 0; list-style:none; font-size:15px; line-height:26px; }
#intro ul li img{ margin-right:12px; vertical-align:middle; }
#intro a{  }
#intro a#registerfree{ margin-right:10px; background:url("../images/homepage/register-free.gif") no-repeat; width:222px; height:32px; display:block; }
#intro a#findmore{ margin-right:10px; background:url("../images/homepage/findout-more.gif") no-repeat; width:224px; height:32px; display:block; float:right; }
#intro a#findmore:hover,#intro a#registerfree:hover{ background-position: left bottom !important; }

#roomtypes{ display:block; margin:3em 0 1.5em 0; }

#lists{ margin:0; padding:0; }
#lists li{ margin:0; padding:0; float:left; width:280px; list-style:none; }
.ie6 #lists li{ margin:0; padding:0; }
#lists li.middlecol{ margin:0 65px; }
#lists li h2{ font-size:18px; text-align:center; margin:0; }
#lists li h2.ideal{ text-align:left; margin:1em 0; }
#lists li h3{ font-size:15px; background:url("../images/backgrounds/dotted.gif") repeat-x left bottom; margin:1em 0; text-align:center; padding-bottom:1em; font-weight:normal; line-height:150%; }
#lists li p{ height:150px; background:url("../images/backgrounds/dotted.gif") repeat-x left bottom; font-size:14px; line-height:150%; }
#lists li ul.bullets{ margin:0; padding:0; background: url("../images/backgrounds/dotted.gif") repeat-x scroll left bottom; height:195px; }
#lists li ul li{ margin:0 0 10px 0; padding:0 0 0 23px; list-style-position:outside; font-size:15px; line-height:17px; }
.ie6 #lists li ul li{ width:235px; padding-left:23px; margin-bottom:10px; }
#lists li ul.green li{ background:url("../images/homepage/bullet-green.gif") no-repeat; }
#lists li ul.blue li{ background:url("../images/homepage/bullet-blue.gif") no-repeat; }
#lists li ul.red li{ background:url("../images/homepage/bullet-red.gif") no-repeat; }

div.half{ width:470px; }
.safari.win div.half{ float:left; }

ul.rooms{ overflow:hidden; margin:0 0 2em 0; padding:0 5px; background-color:#e9e6dd; width:460px; }
ul.rooms li{ list-style:none; margin:0; padding:10px 5px 10px 48px; float:left; width:407px; }
ul.rooms.popular li{ background:url("../images/homepage/popular-rooms.gif") no-repeat 5px center; }
/*ul.rooms.events li{ background:url("../images/homepage/date.gif") no-repeat 5px center; padding-left:54px }*/
ul.rooms.events li{ padding-left:5px; width:454px; }
ul.rooms.events li div.calendarday{ float:left; margin-right:10px; }
ul.rooms.events li.no{ background-image:none;padding-left:10px; }
ul.rooms li h2{ font-size:14px; margin:0 0 5px 0; padding:0; line-height:normal; }
ul.rooms li h3{ font-size:11px; color:#808080; margin:0; font-weight:normal; padding:0; line-height:normal; }
ul.rooms li a{ margin:8px 10px 0 0; }
h2.columntitle{ background-color:#4d4d4d; color:#f6a632; width:450px; padding:10px; margin:30px 0 0 0; font-family:Lucida, Lucida Grande, sans-serif; font-size:14px; font-weight:normal; }
ul.events li a{ width:140px; }
ul.rooms li.dsp, ul.popular li.dsp{ background:url("../images/homepage/lidsp.gif") repeat-x left bottom !important; height:2px; padding:0; width:460px; }

#tabs{ width:468px; float:right; }
#tabs div{ clear:both; }
#tabs div img{ border:1px solid #000; }
#tabs ul#nav{ margin:1.5em 0 0 0; padding:0; overflow:auto; }
#tabs ul#nav li{ margin:0; padding:0; float:left; list-style:none; position:relative; }
#tabs ul#nav li a{ background:url("../images/homepage/tabs.gif") no-repeat top left; line-height:32px; width:116px; text-decoration:none; color:#F9A847; float:left; text-align:center; text-transform:capitalize; font-size:14px; padding-top:10px; }
#tabs ul#nav li a.dashboard{ background-position: 0 -84px !important; }
#tabs ul#nav li a.rooms{ background-position: 0 -42px !important; }
#tabs ul#nav li a.events{ background-position: 0 -42px !important; }
#tabs ul#nav li a.profiles{ background-position: 0 0 !important; }
#tabs ul#nav li a.dashboard.activeSlide,
#tabs ul#nav li a.rooms.activeSlide,
#tabs ul#nav li a.events.activeSlide,
#tabs ul#nav li a.profiles.activeSlide{ background-position:0 -126px !important; color:#353335; font-weight:bold; line-height:38px; padding-top:4px; }

#yellow{ height:510px; }

.t1{ font-size:14px !important; }
.t2{ font-size:16px !important; }
.t3{ font-size:18px !important; }
.t4{ font-size:20px !important; }
.t5{ font-size:24px !important; }
.t6{ font-size:28px !important; }
.t7{ font-size:34px !important; }
.t8{ font-size:40px !important; }
.t9{ font-size:48px !important; }

.gray{ color:#666 !important; }

/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.upper{ text-transform:uppercase; }
.caps{ text-transform:capitalize; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.smalltext{ font-size:9px; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */