/*



Theme Name: UMass Campus Center Hotel



Theme URI: http://www.umasshotel.com/



Description: Custom theme developed for the UMass Campus Center Hotel by <a href="http://www.glexia.com/">Glexia, Inc.</a>.



Version: 1.1



Author: Glexia, Inc.



Author URI: http://www.glexia.com/



Tags: custom



*/











/*////////////////////////////////////////]=  Imports  [////////////////////////////////////////*/



@import url("css/resets.css");



@import url("css/base.css");



@import url("css/typography.css");











/*////////////////////////////////////////]=  Layout  [////////////////////////////////////////*/



body {



	background:url(images/body_bg.png) repeat;



	}







/*//////////]+  Header  [//////////*/



#header_wrap {



	background:#881c1c url(images/header_bg.png) repeat;



	}



#header {



	margin:0 auto;



	width:980px;



	height:84px;



	}







/* Logo */



p#logo {



	margin:0;



	text-indent:-9999px;



	position:relative;



	}



p#logo #hotel_logo {



	width:663px;



	height:43px;



	display:block;



	position:absolute;



	top:21px;



	left:0;



	background:url(images/hotel_logo2.png) 0 0 no-repeat;



	}

	

#conf_logo {

	width:735px;



	height:43px;



	display:block;



	position:absolute;



	top:21px;



	left:0;



	background:url(images/hotel_logo3.png) 0 0 no-repeat;



	}

	



p#logo #umass_logo {



	width:183px;



	height:68px;



	display:block;



	position:absolute;



	top:10px;



	right:0;



	background:url(images/umass_logo.png) 0 0 no-repeat;



	}











/*////////////////////////////////////////]=  Nav  [////////////////////////////////////////*/



#nav_wrap {



	border-top:1px solid #333;



	border-bottom:1px solid #2c2c2c;



	width:100%;



	background:#000;



	}







/*//////////]+  Nav  [//////////*/



#nav {



	margin:0 auto;



	width:980px;



	height:33px;



	overflow:auto;



	}



#nav li {



	padding:0 11px;



	line-height:33px;



	float:left;



	}

#nav li.subActive, .current_page_item {





	

	}



#nav li a {



	text-decoration:none;



	color:#fff;



	}



#nav li a:hover {



	text-decoration:underline;



	}

	

#subNavContainer {

	width:980px;

	margin:0 auto;

}

#subNav {

	width: 100%;

	height:26px;

	background:url('images/subNavBarBg.jpg') repeat-x;

}



#subNav li

{

	display: inline;

	list-style-type: none;

	padding-right: 20px;

	line-height:26px;

}

#active strong { color:#FFF; }

#subNav a { color:#ebebeb; line-height:26px; text-decoration: none; font-size:.90em; }

#subNav a:hover { text-decoration:underline; }







/*////////////////////////////////////////]=  Body  [////////////////////////////////////////*/



#body_wrap {



	width:100%;



	min-height:500px;



	height:auto!important;



	height:500px;



	float:left;



	background:url(images/body_wrap_bg.png) 0 0 repeat-x;



	}



#body {



	margin:15px auto 0;



	width:980px;



	background:url(images/content_bg.png) repeat-y;



	}











/*//////////]+  Body > Primary Content  [//////////*/



#primary_content {



	padding:10px;



	width:636px;



	float:left;



	}



#primary_content h1 {



	font:italic 3.5em baskerville,georgia,times new roman,times,serif;



	}



#primary_content h1 a {



	text-decoration:none;



	color:#aa1c1c;



	}



#primary_content h1 a:hover {



	color:#d30;



	}







/* Primary Content > Lists */



#primary_content ul {



	list-style:disc outside;



	}



#primary_content ol {



	list-style:decimal outside;



	}







/*//////////]+  Body > Sidebar  [//////////*/



#sidebar {



	padding:10px 10px 20px;



	width:304px;



	float:left;



	}



.sidebar_item, .widget {



	margin:18px 0 0;



	padding:12px 0 0;



	background:url(images/sidebar_item_bg.png) top repeat-x;



	}

.sidebar_item_top {



	




	}



.sidebar_item_top h3, .sidebar_item h3, .widget h3 {



	font-family:"myriad pro", "lucida grande", "helvetica neue", helvetica, sans-serif;



	text-align:center;



	color:#cf2626;



	}



.sidebar_item_top h3 a, .sidebar_item h3 a, .widget h3 a {



	text-decoration:none;



	color:#cf2626;



	}



.sidebar_item_top h3 a:hover, .sidebar_item h3 a:hover, .widget h3 a:hover {



	text-decoration:underline;



	color:#d16161;



	}



	



.picasa_widget {



height: 300px;



}







/* Sidebar > Reservations */



#sidebar_reservations {



	margin:0;



	padding:0;



	background:none;



	}



#sidebar_reservations ul {



	margin:0;



	}



#sidebar_reservations li {



	padding:0 10px 10px;



	font-size:1.1em;



	width:284px;



	float:left;



	}



#sidebar_reservations li div {



	padding:0 15px 0 0;



	float:left;



	}



#sidebar_reservations label {



	display:block;



	color:#777;



	}



#sidebar_reservations select {



	padding:1px;



	font-size:1.2em;



	color:#777;



	}



#sidebar_reservations select#check_in_month {



	width:146px;



	}



#sidebar_reservations select#check_in_day {



	width:57px;



	}



#sidebar_reservations select#nights,



#sidebar_reservations select#adults,



#sidebar_reservations select#children {



	width:76px;



	}



#sidebar_reservations #submit_li input,



#sidebar_reservations #submit_li input:focus {



	padding:3px 0;



	border:3px double #ccc;



	border-top-color:#ccc;



	border-right-color:#888;



	border-bottom-color:#888;



	border-left-color:#ccc;



	font-size:1.1em;



	width:236px;



	cursor:pointer;



	color:#222;



	background:#e8e8e8 url(images/sidebar_reservation_form_input_bg.png) top repeat-x;



	}



#sidebar_reservations #submit_li input:active {



	border:3px double #ccc;



	border-left-color:#999;



	border-top-color:#999;



	background:#f4f4f4;



	}







/* Sidebar > Reservations > Choose Date > Calendar Icon */



#sidebar_reservations #choose_date_wrap {



	padding:15px 0 0;



	float:left;



	}



#sidebar_reservations #choose_date {



	text-indent:-9999px;



	width:29px;



	height:26px;



	display:block;



	background:url(images/sidebar_reservation_form_choose_date.png) 0 0 no-repeat;



	}



#sidebar_reservations #submit_li {



	padding:10px 0 0 26px;



	}







/* Sidebar > Reservations > Choose Date > Fade box area */



#date_chooser_wrap {



	padding:10px;



	}



#date_chooser_wrap .alert_green {



	margin:0 0 10px;



	position:relative;



	}



#date_chooser_wrap .alert_green h4 {



	margin:0;



	}



#date_chooser_wrap .alert_green p.close_box {



	position:absolute;



	top:10px;



	right:10px;



	}







/* Sidebar > Promos */



#sidebar_promos ul {



	margin:5px 0 0;



	}



#sidebar_promos li {



	padding:0 0 0 20px;



	line-height:1.8em;



	background-position:2px 3px;



	}







/* Sidebar > Flickr */



#sidebar_flickr_photos {



	padding:5px 0 0 15px;



	}



.flickr_badge_image {



	margin:0 8px 8px 0;



	float:left;



	}



.flickr_badge_image img {



	padding:4px;



	border:1px solid #ccc;



	background:#fff;



	}







/* Sidebar > Picasa Widget */



#picasa-widget {



	margin:0;



	padding:5px 0 0 15px;



	}



.picasa_badge_image {



	margin:0 22px 22px 0;



	float:left;



	}



.picasa_badge_image img {



	padding:4px;



	border:1px solid #ccc;



	background:#fff;



	}











/*//////////]+  Body > Secondary Content  [//////////*/



#secondary_content_wrap {



	width:980px;



	overflow:auto;



	clear:left;



	background:url(images/secondary_content_wrap_bg.png) repeat;



	}



#secondary_content {



	padding:15px;



	width:950px;



	min-height:100px;



	overflow:auto;



	background:url(images/secondary_content_bg.png) center top no-repeat;



	}



.secondary_content_item {



	min-height:100px;



	float:left;



	background:url(images/secondary_content_item_bg.png) left repeat-y;



	}



#secondary_content_item_1 {



	padding:0 15px 0 0;



	width:296px;



	background:none;



	}



#secondary_content_item_2 {



	padding:0 15px;



	width:300px;



	}



#secondary_content_item_3 {



	padding:0 0 0 15px;



	width:294px;



	}



.secondary_content_item img {



	margin:0 6px 0 0;



	padding:4px;



	border:1px solid #ccc;



	width:90px;



	float:left;



	background:#fff;



	}



.secondary_content_item a:hover img {



	border:1px solid #16e;



	}



.secondary_content_item h3 {



	font:normal 2em "myriad pro","lucida grande", tahoma, helvetica, sans-serif;



	text-align:left;



	float:right;



	clear:none;



	}



#secondary_content_item_1 h3 {



	width:190px;



	}



#secondary_content_item_2 h3 {



	width:194px;



	}



#secondary_content_item_3 h3 {



	width:188px;



	}



.secondary_content_item h3 a {



	text-decoration:none;



	color:#555;



	}



.secondary_content_item h3 a:hover {



	text-decoration:underline;



	color:#27a;



	}



.secondary_content_item ul {



	margin:0;



	padding:0;



	float:left;



	}



.secondary_content_item ul li {



	margin:0;



	padding:0;



	font-size:1.1em;



	line-height:normal;



	}



.secondary_content_item ul li a {



	padding:2px 3px 2px 5px;



	text-decoration:none;



	width:182px;



	display:block;



	color:#888;



	}



#secondary_content_item_3 ul li a {



	width:180px;



	}



.secondary_content_item ul li a:hover {



	text-decoration:underline;



	color:#27a;



	}











/*////////////////////////////////////////]=  Footer  [////////////////////////////////////////*/



#footer_wrap {



	clear:left;



	}



#footer {



	margin:0 auto;



	padding:10px 5px;



	width:970px;



	height:180px;



	overflow:auto;



	background:url(images/footer_bg.png) center top no-repeat;



	}



#footer_left,



#footer_right {



	width:485px;



	float:left;



	}



#footer p {



	font-size:1.1em;



	line-height:1.5em;



	width:255px;



	color:#b1b2b5;



	}



#footer p a {



	color:#b1b2b5;



	}



#footer p a:hover {



	color:#919295;



	}



#footer_right p {



	text-align:right;



	float:right;



	}



#footer_contact span {



	display:block;



	}











/*////////////////////////////////////////]=  Homepage  [////////////////////////////////////////*/



#homepage_slideshow_wrap {



	padding:10px;



	background:#fff;



	}











/*////////////////////////////////////////]=  Pages  [////////////////////////////////////////*/



#page_slideshow_wrap {



	padding:10px;



	background:#fff;



	}











/*//////////]+  Pages > Guest Rooms  [//////////*/



#guest_rooms_table td {



	padding:20px 0 0;



	}







/*//////////]+  Pages > FAQs  [//////////*/



ul#faqs {



  margin-top:10px;



}



ul#faqs li {



  margin-bottom:10px;



}