/* GENERAL STYLES */
body	{
	margin: 0;
	padding: 0;
	border: 0;
	color:#343434;
	background-color: #FFFFFF;
	background-image:url(http://mcmhotels.com/images/mcm_web_02.gif);
	background-repeat: repeat-x;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}

a { 
	text-decoration:underline;
	color:#629BBB; 
}
a:hover { 
	text-decoration:none;
	color:#629BBB; 
}
a:visited { 
	color:#629BBB; 
}



/* LIBRARY STYLES */

li.horizontal_list_right{
	text-align: right;
	float: right;
	list-style: none;
}
li.horizontal_list_left{
	text-align: left;
	float: left;
	list-style: none;
}

ul.horizontal_list_left li{
	text-align: left;
	float: left;
	list-style: none;
}

ul.horizontal_list_right li{
	text-align: right;
	float: right;
	list-style: none;
}

ul.vertical_list li{
	margin: 0px 0px 10px 15px;
}
li.vertical_list{
	margin: 0px 0px 10px 25px;
}
ul.link_list li{
	width: 300px;
	height: 30px;
}


/* TEXT STYLES */
ul{
	margin: 0px;
	padding: 0px;
}
li{
	padding: 0px;
}
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
}
form{
	margin: 0px;
	padding: 0px;
	text-align: left;
}
h1{
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 5px 0px;
	font: normal 30px "Times New Roman", Times, serif;
	font-weight:100;
}
h2{
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font: bold 16px "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
}
.left_link{
	text-align:center;
	padding-bottom: 15px;
}
.left_link a{
	color: #FFFFFF;
}
h3{
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font: normal 20px "Times New Roman", Times, serif;
	font-weight:200;
	color: #7ba481;
	border-bottom: 1px solid #7ba481;
}
h4{
	padding: 0px;
	margin: 0px;
	font: bold 16px "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
}
.small_text{
	color:#999999;
	font-size:12px;
}
.link{
	padding-bottom: 10px;
	font-weight: bold;
}



/* TEMPLATE STYLES */

div.template_top{
	height:85px;
	overflow:hidden;
	width: 100%;
	text-align:center;
	margin: 0px 0px 3px 0px;
}
	div.template_top_wrapper{
		margin: 0 auto;
		width: 850px;
		text-align: left;
		vertical-align: top;
		height: 85px;
	}
		div.template_top_container{
			margin: 0 auto;
			width: 850px;
			text-align:left;
			vertical-align:top;
		}
		
			div.top_labels{
				height: 35px;
				overflow: hidden;
				text-align:center;
			}
				li.top_label_left{
					border-right: 3px solid #FFFFFF;
					width: 611px;
					height: 35px;
					overflow:hidden;
					text-align:center;
				}
				li.top_label_right{
					width: 236px;
					height: 35px;
					overflow:hidden;
					text-align:center;
				}
			div.top_nav{	
				clear:both;
				height:50px;
				overflow:hidden;
			}
				li.top_nav{
					border-right: 3px solid #FFFFFF;
				}
		
		
div.template_middle_wrapper{
	clear:both;
	margin: 0 auto;
	width: 850px;
	text-align: left;
	vertical-align: top;
}
	div.template_middle_container{
		margin: 0px 0px 0px 0px;
		width: 850px;
		text-align:left;
		vertical-align:top;
		background-color: #FFFFFF;
		background-image:url(http://mcmhotels.com/images/middle_background.gif);
		background-repeat:repeat-y;
	}
		div.middle_header{
			background-color:#7BA481;
			height: 54px;
		}
			#middle_header_logo{
				width: 202px;
				height: 54px;
				overflow:hidden;
			}
			#middle_header_booking{
				width: 648px;
				height: 53px;
				overflow:hidden;
				border-bottom: 1px solid #373737;
			}
				div.middle_header_left{
					margin: 19px 0px 0px 9px;
					float:left;
					width:235px;
					overflow:hidden;
				}
				div.middle_header_right{
					margin: 19px 19px 0px 0px;
					float:right;
					width:375px;
					overflow:hidden;
					text-align:right;
					color:#FFFFFF;
				}
					.middle_header_right form{
						text-align: right;
					}
		div.middle_left{
			width: 202px;
			float: left;
			
		}
			#left_logo{
				height: 341px;
				overflow:hidden;
			}
			#left_elegante{
				height: 85px;
				overflow:hidden;
			}
			#left_grande{
				height: 95px;
				overflow:hidden;
			}
			#left_background{
				height: 61px;
				overflow:hidden;
				background-image:url(http://mcmhotels.com/images/mcm_web_40.gif);
				background-repeat:no-repeat;
			}
		div.middle_right{
			width: 647px;
			float: right;
			border-left: 1px solid #373737;
			padding-bottom: 50px;
		}
	
	

div.template_footer{
	height:100px;
	overflow:hidden;
	width: 100%;
	text-align:center;
	background-color: #BDD2C0;
	border-top: 3px solid #373737;
}
	div.template_footer_wrapper{
		margin: 0 auto;
		width: 850px;
		text-align: left;
		vertical-align: top;
		height: 60px;
	}
		div.template_footer_container{
			margin: 0 auto;
			width: 850px;
			text-align:left;
			vertical-align:top;
		}
		
		
/*Sub Content Styles */
div.sub_top{
	height:125px;
	overflow:hidden;
	width: 100%;
	text-align:center;
	
}
	div.sub_top_wrapper{
		margin: 0 auto;
		width: 850px;
		text-align: left;
		vertical-align: top;
		height: 125px;
	}
		div.sub_container{
			margin: 0 auto;
			width: 850px;
			text-align:left;
			vertical-align:top;
			background-color: #7BA481;
		}
		div.sub_top_nav{	
			clear:both;
			height:50px;
			overflow:hidden;
			background-color: #7BA481;
		}
		div.sub_top_header{
			height: 88px;
			overflow:hidden;
			margin: 0px 0px 0px 0px;
		}




div.sub_nav{
	padding: 10px 0px 5px 5px;
	height: 55px;
	background-color: #7BA481;
}
	.sub_nav li{
		margin-right: 3px;
	}
		

div.sub_content{
	clear:both;
	margin: 0px 20px 0px 20px;
}
	ul.sub_content_photos li{
		margin: 10px 3px 0px 0px;
		width: 199px;
		height: 175px;
	}
	div.sub_content_vertical_photo{
		float: right;
		padding: 0px 3px 10px 10px;
	}


#left_arrow{
	position:absolute; 
	top: 145px; 
	width: 25px; 
	z-index:3;
}
#right_arrow{
	position:absolute; 
	top: 145px; 
	width: 25px; 
	z-index:3; 
	margin-left: 590px;
}

#field_cell{
	height: 30px;
	vertical-align: top;
}
#field_label{
	height: 30px;
	vertical-align: top;
}



/* Sub site navigation styles */
.sub_nav li a{
	background-color:#373737;
	color:#FFFFFF;
	padding: 5px 9px 5px 8px;
	text-decoration:none;
	display:block;
}
.sub_nav li a:hover{
	background-color:#7BA481;
	color:#FFFFFF;
	padding: 5px 9px 5px 8px;
	text-decoration:none;
}

/* Odessa Elegante 
#odessa_elegante_nav li a{
	background-color:#373737;
	color:#FFFFFF;
	padding: 5px 9px 5px 8px;
	text-decoration:none;
	display:block;
}
#odessa_elegante_nav li a:hover{
	background-color:#7BA481;
	color:#FFFFFF;
	padding: 5px 9px 5px 8px;
	text-decoration:none;
}*/

/* Beaumont 
#beaumont_nav li a{
	background-color:#373737;
	color:#FFFFFF;
	padding: 5px 9px 5px 8px;
	text-decoration:none;
	display:block;
}
#beaumont_nav li a:hover{
	background-color:#7BA481;
	color:#FFFFFF;
	padding: 5px 9px 5px 8px;
	text-decoration:none;
}*/

/* Albuquerque */
#albuquerque_nav li a{
	background-color:#373737;
	color:#FFFFFF;
	padding: 5px 16px 5px 15px;
	text-decoration:none;
	display:block;
}
#albuquerque_nav li a:hover{
	background-color:#7BA481;
	color:#FFFFFF;
	padding: 5px 16px 5px 15px;
	text-decoration:none;
}

/* Abilene */
#abilene_nav li a{
	background-color:#373737;
	color:#FFFFFF;
	padding: 5px 16px 5px 15px;
	text-decoration:none;
	display:block;
}
#abilene_nav li a:hover{
	background-color:#7BA481;
	color:#FFFFFF;
	padding: 5px 16px 5px 15px;
	text-decoration:none;
}

/* Dallas */ 
#dallas_nav li a{
	background-color:#373737;
	color:#FFFFFF;
	padding: 5px 16px 5px 15px;
	text-decoration:none;
	display:block;
}
#dallas_nav li a:hover{
	background-color:#7BA481;
	color:#FFFFFF;
	padding: 5px 16px 5px 15px;
	text-decoration:none;
}

/* Odessa Grande */
#odessa_grande_nav li a{
	background-color:#373737;
	color:#FFFFFF;
	padding: 5px 16px 5px 15px;
	text-decoration:none;
	display:block;
}
#odessa_grande_nav li a:hover{
	background-color:#7BA481;
	color:#FFFFFF;
	padding: 5px 16px 5px 15px;
	text-decoration:none;
}

/* Desoto */
#desoto_nav li a{
	background-color:#373737;
	color:#FFFFFF;
	padding: 5px 16px 5px 15px;
	text-decoration:none;
	display:block;
}
#desoto_nav li a:hover{
	background-color:#7BA481;
	color:#FFFFFF;
	padding: 5px 16px 5px 15px;
	text-decoration:none;
}

/* Error Styles */
#notice {
	border: 2px solid #5B2D2D;
	color:#5B2D2D;
	background-color:#CEADAD;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align:left;
}

#nice_notice {
	border: 2px solid #4B5D41;
	color:#4B5D41;
	background-color:#C5D4BD;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align:left;
}


/* Beaumont Sweet Dreams Page */


div#sweet_dreams_page {
	background: url(http://mcmelegantebeaumont.com/images/sweet_dreams_back.jpg);
	height: 1100px;
	position: relative;
	font-family: "Times New Roman", Times, serif;
	font-size:13px;
}
	div#sweet_dreams_page h2 {
		position: absolute;
		top: 34px;
		left: 123px;
		width: 421px;
		height: 481px;
		text-indent: -9999px;
		background: url(http://mcmelegantebeaumont.com/images/sweet_dreams_03.jpg);
	}
	div#sweet_dreams_page strong {
		display: block;
		margin-bottom: 10px;
	}
	div#sweet_dreams_page ul { margin-bottom: 20px; }
	div#sweet_dreams_page ul li {
		list-style: disc;
		margin: 0 0 5px 10px;
	}
		div#sweet_dreams_page div.sweet_tag {
			position: absolute;
			top: 515px;
			left: 74px;
			width: 491px;
			height: 44px;
			text-indent: -9999px;
			background: url(http://mcmelegantebeaumont.com/images/sweet_dreams_06.jpg);
		}
		
		div#sweet_dreams_page div#sweet_dreams_col_one{
			position: absolute;
			top: 585px;
			left: 30px;
			width: 290px;
		}
			div#sweet_dreams_page div#sweet_dreams_col_one div.sweet_tag_two {
				color: #1d5e3e;
				font-size: 24px;
				text-align: center;
				font-weight: bold;
				font-style: italic;
			}
		div#sweet_dreams_page div#sweet_dreams_col_two{
			position: absolute;
			top: 585px;
			left: 340px;
			width: 290px;
		}
		
/* Virtual Tour Styles */

div.virtual_tour_flash {
	background: #000;
	height: 640px;
	margin-bottom: -51px;
	position: relative;
	z-index: 0;
}