/*
 * master.css
 * Hotel Alma
 * ---------*/
 @import url(reset.css);

html, body {
    width: 100%;
    height: 100%;
}

body {
    text-align: center;
    font: 62.5% Helvetica, Arial, sans-serif normal;
    line-height: 18px;
    color: #555;
    background: #fff;
	overflow-y: scroll;
	*overflow-y: auto;
	*height: auto;
}

textarea {
	resize: vertical;
}

/*
 * Typography
 * ----------*/
h1 {
    font-size: 5.2em;
    text-transform: uppercase;
    color: #ffc423;
}

h2 {
    font-size: 2.1em;
    font-weight: bold;
    line-height: 25px;
    text-transform: uppercase;
    color: #ffc324;
    margin: 0 0 20px;
}

h3 {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 25px;
    margin: 0 0 25px;
}

h4 {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 25px;
  
    margin: 0 0 5px;
}

a, a:hover, a:visited, a:active, a:link {
	color: #69321f;
}

/*
 * Layout
 * ------*/
#container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: left;
}

#header {
    width: 100%;
    float: left;
}

#intro-page #header {
    background: none;
}

/*
 * Navigation
 * ----------*/
#navigation-banner {
    height: 35px;
    background: #e8e8e8;
}

#navigation {
    height: 35px;
    overflow: hidden;
}

#navigation ul {
    float: left;
}

#navigation ul li {
    float: left;
}

#navigation ul li a {
    padding: 9px 15px;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #555;
    text-shadow: 0px 0px 5px #f7f7f7; /* <-Trick to soften on Macs */
}

#navigation ul li a:hover, #navigation ul li.active a {
    color: #ee2e24;
}

#navigation ul li.last a {
    padding-right: 0;
}

#skip {
    margin: 50px 0 0;
    float: left;
}

#skip a {
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #69321f;
}

#skip a:hover {
    color: #ee2e24;
}

#logo, #uofclogo {
    width: 392px;
    height: 77px;
    margin: 24px 0;
    float: right;
    overflow: hidden;
}

#uofclogo {
    width: 77px;
    height: 77px;
}

#logo a, #uofclogo a {
    width: 100%;
    height: 0px !important;
    padding: 77px 0 0;
    float: left;
    background: url(/images/global/ha_logo.gif);
}

#uofclogo a {
    background: url(/images/global/uofc_logo.gif);
}

#subnav-banner {
    width: 100%;
    height: 35px;
    clear: both;
    background: url(/images/global/banner.gif) repeat-x 0 0;
}

#subnav {
	position: relative;
}

#secondary-nav {
    height: 35px;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #daae11;
    margin-right: -1px;
}

#secondary-nav ul li {
    margin: 0 1px 0 0;
    float: left;
    font-size: 1.2em;
    text-transform: uppercase;
}

#secondary-nav ul li a {
    padding: 9px 12px;
    float: left;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: #69321f;
    text-shadow: 0px 0px 3px #69321f;
}

#secondary-nav ul li a:hover, #secondary-nav ul li.active a {
    background: #ee2e24;
    text-shadow: 0px 0px 3px #ee2e24;
}

/*
 * Buttons
 * ------- */
#btn-specials {
    width: 80px;
    height: 21px;
    margin: 7px 0 0;
    float: left;
    position: relative;
    overflow: hidden;
}

#btn-specials a {
    width: 100%;
    height: 0px !important;
    padding: 21px 0 0;
    float: left;
    background: url(/images/buttons/btn_specials.png) no-repeat 0 0;
}

#btn-specials a:hover {
    background-position: 0 -22px;
}

#btn-book, .availbutton {
    width: 142px;
    height: 21px;
    margin: 7px 0 0;
    float: left;
    position: relative;
    overflow: hidden;
}

#btn-book a, .availbutton a {
    width: 100%;
    height: 0px !important;
    padding: 21px 0 0;
    float: left;
    background: url(/images/buttons/btn_book_res.png) no-repeat 0 0;
}

#btn-book a:hover, .availbutton a:hover {
    background-position: 0 -21px;
}

/*
 * Reservation Part
 * ----------------*/
#reservation {
    position: relative;
}

#book-reservation {
    width: 305px;
    top: 0;
    right: -10px;
    padding: 0 6px 6px;
    background: transparent url(/images/global/dropdown_shadow.png) no-repeat bottom left;
    position: absolute;
    clear: both;
    display: inline;
    z-index: 999;
    zoom: 1;
}

#book-reservation input {
	float: left;
	width: 100px;
	border-left: 1px solid #fff1cb;
	border-right: 1px solid #ffe59e;
	border-bottom: 0;
	border-top: 0;
	margin-right: 9px;
}

input.calendar {
	width: 74px;
}

input#reservationbutton {
	width: auto;
	border: 0;
	float: right;
	margin-right: 0;
	margin-top: 10px;
	padding-right: 0;
}

#reservation-form {
    width: 305px;
    padding: 0 0 90px;
    float: right;
    position: relative;
    background: #ffc423 url(/images/global/form_bg.gif) no-repeat bottom left;
}

#reservation-form input#textdatein, #reservation-form input#textdateout {
	color: #ffc423;
}

#close-form {
    margin: 14px 16px;
    float: right;
    font-size: 1.1em;
    text-transform: uppercase;
}

#close-form a {
    font-weight: bold;
    text-decoration: none;
    color: #69321f;
}

#close-form a:hover {
    color: #ee2e24;
}

.form {
    width: 225px;
    margin: 20px 40px 0;
    float: left;
    display: inline;
}

.form dl dt {
    width: 100%;
    float: left;
    margin: 0 0 5px;
}

.form dl dt label {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
	margin-top: 5px;
}

.form dl dt label#rooms-label {
    width: 78px;
}

.form dl dt label#adults-label {
    width: 78px;
}

.form dl dt label#children-label {
    width: 56px;
}

.form dl dd {
    width: 100%;
    float: left;
    margin: 0 0 10px;
}

.form dl dd select {
    width: 66px;
    margin-right: 10px;
    display: inline;
}

.textfield {
	padding-top: 10px;
}

.textfield dl dd label, .form div label {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 9px;
}

.textfield dl dt input, .form div input, .form div textarea {
	width: 197px;
	font-size: 12px;
	line-height: 31px;
	height: 31px;
	border: 1px solid #ccc;
	margin: 10px 0px 10px;
}

.form div .radio {
	display: block;
}

.form div .radio input {
	width: auto;
	border: 0px;
	float: none;
	height: auto;
	margin: 10px 0px 0px 0px;
}

.form div textarea {
	width: 410px;
	height: 170px;
	line-height: 20px;
}

.form #submit-btn {
	margin-top: 10px;
}

.textfield dl dt em {
	font-style: normal;
	padding-bottom: 10px;
}

.buttons input, #amenity-list .add, .form div .submit, div .submit {
	border: 1px solid #693222;
	background-color: #693222;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 10px;
	margin-top: 20px;
	width: auto;
	line-height: 10px;
	height: auto;
}

.form div .submit, div .submit {
	margin-top: 0px;
}

iframe#iframefix {
    top: 0;
    position: absolute;
    background: transparent;
    z-index: 5;
}

/*
 * Main Content
 * ------------ */
#content-wrap {
    width: 100%;
    margin: 0 auto;
    clear: both;
	position: relative;
	padding-bottom: 30px;
}

.yellow {
    background: #ffc423;
}

#content {
    margin: 0 auto;
    position: relative;
	overflow: hidden;
}

#page-title {
    width: 100%;
    margin: 30px 0;
    float: left;
}

ul.bullet-list li {
    padding: 0 0 0 10px;
    font-size: 1.4em;
    line-height: 20px;
    background: url(/images/global/bullet_yellow.gif) no-repeat 0 7px;
}

#sidebar {
    width: 200px;
    float: right;
}

#sidebar ul li, #photo-categories ul li {
    margin: 0 0 10px;
    float: left;
    font-size: 1.2em;
    color: #555;
}

#sidebar ul li a, #photo-categories ul li a {
    width: 126px;
    padding: 13px 37px;
    float: left;
    text-decoration: none;
    color: #555;
    background: #f7f7f7 url(/images/global/bullets.gif) no-repeat 21px 18px;
}

#sidebar ul li a:hover, #sidebar ul li.active a, #photo-categories ul li a:hover, #photo-categories ul li.active a {
    color: #ee2e24;
    background-position: 21px -14px;
}

#sidebar ul li.active {
	/*display: none;*/
}

#photo-categories ul li {
    margin-right: 12px;
}

.callout {
    float: left;
}

#sidebar .callout {
    margin: 0 0 17px;
    display: inline;
}

#sidebar .callout img {
	margin-bottom: 13px;
}

#content p {
    font-size: 1.4em;
    line-height: 20px;
    margin: 0 0 0px;
}

.image-link {
    width: 180px;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

.image-link a {
    height: 50px;
    padding: 0 0 0 46px;
    float: left;
    text-decoration: none;
    color: #000;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.image-link a:hover {
    text-decoration: underline;
}

.download-pdf-lrg a {
    background-image: url(/images/global/icon_pdf_lrg.gif);
}

.conference-fac {
    width: 210px;
}

.conference-fac a {
    padding-left: 55px;
    background-image: url(/images/global/uofc_logo_sm.png);
}

p.link {
    font-size: 1.1em !important;
    text-transform: uppercase;
    overflow: hidden;
}

p.link a {
    padding: 0 15px 0 0;
    font-weight: bold;
    text-decoration: none;
    color: #69321f;
    background: url(/images/global/bullets.gif) no-repeat right -70px;
}

p.link a:hover {
    color: #ee2e24;
}

.callouts {
	padding-top: 15px;
	width: 644px;
	overflow: auto;
	border-bottom: 1px solid #ffe191;
	margin-left: -15px;
}
.callouts h2 {
	margin-left: 15px;
}
.callouts div.callout {
	float: left;
	padding-left: 15px;
	padding-bottom: 30px;
}
.callouts div.callout div.float_area {
	padding-top: 10px;
}
.callouts div.callout div.checkbox_area {
	float: left;
}
.callouts div.callout div.link_area {
	float: right;
}
.callouts div.callout div.link_area a {
	text-transform: uppercase;
	text-decoration: none;
	color: #69321f;
	font-weight: bold;
	font-size: 10px;
}

#upload {
	background-color: #ffc423;
	padding: 20px 30px;
}
#upload .buttons {
	float: right;
}
#upload .buttons input {
	margin-top: 0px;
}
#upload h3 {
	margin: 0px 0px 15px;
}
#upload img {
	padding: 10px 0px 15px;
}
#upload .imageholder {
	height: 120px;
	padding-top: 30px;
	float: right;
}

/* Fills colour setup for landing pages */
.fill h1, .fill h3 {
    color: #fff;
}

.fill p {
    color: #222;
}

.fill ul.bullet-list li {
    background-image: url(/images/global/bullets.gif);
    background-position: 0 -110px;
}

.insert {
    margin: 0 0 15px 15px;
}

/*
 * Intro Content
 * -------------*/
#intro {
    width: 100%;
    height: 500px;
    background: #fff;
}

#meet-alma {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff;
}

/*
 * HTML Over Flash
 * ---------------*/
#splash {
    width: 100%;
    position: absolute;
    z-index: 666;
    clear: both;
}

#splash-content {
    width: 838px;
    margin: 60px auto;
    position: relative;
    background: transparent;
    color: #fff !important;
}

#splash-content h1 {
    color: #fff !important;
}

#splash-content p {
    width: 532px;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 22px;
}

#splash-content ul {
    margin: 30px 0;
    float: left;
}

#splash-content ul li {
    margin: 0 15px 0 0;
    float: left;
    font-size: 1.6em;
}

#splash-content ul li a {
    width: 150px;
    padding: 18px 22px 18px 30px;
    float: left;
    text-decoration: none;
    color: #f99d32;
    background: #fff url(/images/global/bullet_splashpage.gif) no-repeat;
}

#splash-content ul li#btn-first a {
    background-position: 12px 23px;
}

#splash-content ul li#btn-second a {
    background-position: 12px -20px;
}

#splash-content ul li#btn-third a {
    background-position: 12px -65px;
}

#splash-content ul li a:hover {
    color: #ee2e24;
    cursor: pointer !important;
}

/*
 * Guest Rooms
 * ----------- */
#guest-gallery {
    margin: 0 0 60px;
    float: left;
}

/*
 * About Page
 * ---------- */
.about-page-main {
    background: #ee2d24;
}

.about-page-main h2, .about-page-main h3, .about-page-main p {
    text-shadow: 0px 0px 1px #ee2d24;
}

.about-page h1 {
    color: #ee2d24;
}

.team-member h3, .bistro-page h3 {
    margin: 0 0 10px;
    font-weight: normal;
    text-transform: uppercase;
}

.news-post, .team-member {
    margin: 0 0 30px;
    padding: 0 0 30px;
    float: left;
    border-bottom: 1px solid #ffe191;
	width: 412px;
}

.news-post h3 {
    margin-bottom: 15px;
}

#content .news-post p {
	margin: 10px 0px;
}

p.bold-header {
    font-weight: bold;
    margin: 0 !important;
}

.team-member img {
    margin: 0 15px 15px 0;
    float: left;
}

/*
 * Bistro Page
 * ----------- */
.bistro-page-main {
    background: #c70850;
}

.bistro-page-main h2, .bistro-page-main h3, .bistro-page-main p {
    text-shadow: 0px 0px 1px #c70850;
}

.bistro-page h1 {
    color: #c70850;
}

.bistro-page #sidebar ul li a {
    width: 86px;
}

.bistro-page #sidebar ul li span {
    width: 37px;
    height: 43px;
    margin-left: 3px;
    overflow: hidden;
    float: right;
}

.bistro-page #sidebar ul li span a {
    width: 37px;
    height: 0px !important;
    padding: 43px 0 0 0;
    overflow: hidden;
    background-image: url(/images/global/icon_pdf_sm.gif);
    background-position: center 10px;
}

/* IE hover fix */
.bistro-page #sidebar ul li span a:hover {
    background-position: center 10px;
}

#bistro-hours {
    margin: 30px 0 0;
    float: left;
}

#bistro-hours p {
    font-size: 1.3em;
}

#menu dl {
    width: 100%;
    margin: 0 0 30px;
    float: left;
    font-size: 1.4em;
}

#menu dl dt {
    font-weight: bold;
}

#menu dl dd {
    margin-bottom: 10px;
}

/*
 * Services & Amenities Page
 * ------------------------- */
.services-page-main {
    background: #f99d32;
}

.services-page-main h2, .services-page-main h3, .services-page-main p {
    text-shadow: 0px 0px 1px #f99d32;
}

.services-page-main p {
    color: #555;
}

.services-page h1 {
    color: #f99d32;
}

#amenity-list {
    width: 100%;
    padding-bottom: 30px;
    float: left;
    border-bottom: 1px solid #ffe191;
}

#amenity-list ul li {
    width: 100%;
    float: left;
    font-size: 1.1em;
    text-transform: uppercase;
}

#amenity-list ul li a {
    padding: 0 0 0 15px;
    float: left;
    font-weight: bold;
    text-decoration: none;
    background: url(/images/global/bullets.gif) no-repeat 0 -170px;
    color: #69321f;
}

#amenity-list ul li a:hover {
    color: #ee2e24;
}

#amenity-list ul li.double a {
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
}

#amenity-list ul li.double a:hover {
    color: #ee2e24;
}

#amenity-list ul li ul li {
    font-size: 1.1em;
    text-transform: none;
}

#amenity-list ul li ul li a {
	background: none;
}

#amenity-list .add {
	margin: 5px 0px 15px 15px;
	padding: 2px 10px;
}

#amenity-list ul {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.amenity {
    width: 100%;
    margin: 30px 0 0;
    float: left;
}

.top-of-page {
    width: 100%;
    padding: 5px 0;
    float: left;
    border-top: 1px solid #ffe191;
    border-bottom: 1px solid #ffe191;
}

.top-of-page p {
    font-size: 1.1em !important;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 !important;
}

.top-of-page p a {
    text-decoration: none;
    color: #555;
}

.top-of-page p a:hover {
    color: #ffc423;
}

#services-callouts {
    margin: 0 0 60px;
    float: left;
}

#services-callouts .callout {
    margin-right: 13px;
}

/*
 * Meetings & Events Page
 * ---------------------- */
.meetings-page-main {
    background: #ffc423;
}

.meetings-page-main h2, .meetings-page-main h3, .meetings-page-main p {
    text-shadow: 0px 0px 1px #ffc423;
}

.meetings-page-main h2 {
    color: #c70850 !important;
}

.meetings-page-main p {
    color: #555;
}

.meetings-page h1 {
    color: #ffc423;
}

.meeting-space {
    width: 100%;
    margin: 0 0 30px;
    padding: 0 0 30px;
    float: left;
    border-bottom: 1px solid #ffe191;
}

.meeting-space .descrip {
    width: auto;
}

.meeting-space img {
	width:624px;
	float:left;
	padding:0;
	margin:0;
}

/*
 * Maps Page
 * --------- */
.maps-page h1 {
    color: #ffc423;
}

/*
 * Ask Alma Page
 * ------------- */
.askalma-page h1 {
    color: #c70850;
}

#ask-alma-topics {
    width: 100%;
    padding: 15px 0;
    float: left;
    border-top: 1px solid #ffe191;
    border-bottom: 1px solid #ffe191;
}

#ask-alma-topics ul {
    width: 208px;
    float: left;
}

#ask-alma-topics ul li {
	width: 198px;
    float: left;
    text-transform: uppercase;
}

#ask-alma-topics ul li a {
    padding: 0 0 0 10px;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    color: #69321f;
    background: url(/images/global/bullets.gif) no-repeat 0 -170px;
}

#ask-alma-topics ul li a:hover {
    color: #ee2e24;
}

.ask-alma-answer {
    width: 555px;
    padding: 30px 0 30px 0px;
    float: left;
    background-position: 0 30px;
    background-repeat: no-repeat;
}

.ask-alma-answer a {
	color: #69321f;
}

.ask-alma-answer ul {
    width: 265px;
    margin: 0 10px 0 0;
    float: left;
}

/* Ask Alma Icons
#answer-1 {
    background-image: url(/images/pages/askalma_shirt.gif);
}

#answer-2 {
    background-image: url(/images/pages/askalma_iron.gif);
}*/

/*
 * Contact Page
 * ------------ */
.contact-page-main {
    background: #69321f;
}

.contact-page-main h1, .contact-page-main p {
    color: #fff;
    text-shadow: 0px 0px 1px #69321f;
}

.tollFree {
	padding: 0 0 0 53px;
}

/*
 * Map
 * --- */
#driving-instructions {
    margin: 30px 0 0;
}

#driving-instructions ul {
    width: 318px;
    float: left;
	padding-bottom: 30px;
}

/*
 * Book Reservations Form
 * ----------------------*/
#book {
    width: 224px;
    padding: 58px 40px 28px;
    float: left;
    color: #fff;
    background: #69321f url(/images/t_book.gif) no-repeat top left;
}

#book dl dt {
    width: 100%;
    float: left;
    margin: 0 0 5px;
}

#book dl dt label {
    width: 74px;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
}

#book dl dd {
    width: 100%;
    float: left;
    margin: 0 0 10px;
}

#book dl dd select {
    width: 66px;
    margin-right: 10px;
}

.last {
    margin-right: 0 !important;
}

/*
 * Footer
 * ------*/
#footer {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    padding: 15px 0;
    float: left;
    clear: both;
}

#intro-page #footer {
	background: none;
}

#footer p {
    font-size: 1.1em;
    color: #aaa;
}

#footer a {
    color: #aaa;
}

#footer a:hover {
    text-decoration: none;
}

/*
 * Layout Framework
 * ----------------*/
.cfull {
    width: 838px;
}

.cfull, .c624, .c520, .c412, .c305, .c198 {
    float: left;
    display: inline;
}

.c624 {
    width: 624px;
}

.c520 {
    width: 520px;
    margin-right: 12px;
}

.c412 {
    width: 412px;
    margin-right: 12px;
}

.c305 {
    width: 305px;
}

.c198 {
    width: 198px;
    margin-right: 15px;
}

.last {
    margin-right: 0;
}

.centered {
    width: 838px;
    margin-left: auto;
    margin-right: auto;
}

.bdr-btm {
    margin-bottom: 24px;
    border-bottom: 1px solid #aa8c3c;
}

.left {
    float: left;
}

.right {
    float: right;
}

.last {
    margin-right: 0;
}
button.calendar {
	background: url(/images/calendar/icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 18px;
	margin-right: 6px;
	width: 18px;
}

button.calendar:hover,
button.calendar.active {
	border: 0;
	background-position: -18px 0px;
}

input#textdatein, input#textdateout {
	width: 110px;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	color: #555555;
	text-transform: uppercase;
	font-size: 12px;
}

#admin-form {
	float: left;
}


/* sr button */

#sr_button {
    height: 35px;
    overflow: hidden;
    position: relative;
    float: left;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif normal;
    text-transform: uppercase;
}

#sr_button ul li {
    float: left;
    font-size: 1.2em;
    text-transform: uppercase;
}

#sr_button ul li a {
		display:block;
    padding: 8px 12px;
    float: left;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: #ffc324 ;
    text-shadow: 0px 0px 3px #ffc324;
}

#sr_button ul li a:hover, #sr_button ul li.active a {
    background: #ee2d24;
    color: #fff;
    height: 35px;
    float: left;
	  text-shadow: 0px 0px 3px #ee2d24;
}






/* End master.css */