@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
	margin: 0px;
	padding: 0px;
}

p  {margin: 0px; padding:0px;}
ul  {
	margin: 0px 0px;
	padding:0px 0px
}

#main {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(images/background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	height: 900px;
	
	

}





#flash {
	margin-top: 140px;
	
	width: 600px;
	margin-left: 300px;
	position:absolute;
}
#contents {
	height: 430px;
	width: 550px;
	margin-left: 300px;
	margin-top: 440px;
	position:absolute;
	font: normal 11px/16px Georgia, "Times New Roman", Times, serif;
	padding: 15px 35px 15px 15px;
}

#column1 {width: 340px; float:left; }
#column2 {
	width: 180px;
	float:right;
	border-left: 1px black solid;
	padding-left: 7px;
	color: #760116;
	font: normal 11px Arial, Helvetica, sans-serif;
}

#contents ul {
	list-style-type: none;
}
#contents ul li {
	background-attachment: scroll;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	padding-bottom: 5px;
}

#availabilities-table {
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 63px;
	margin-left: 370px;
}

.col1 {
	border-bottom: 1px solid #FFF; height: 33px; 
}
.col2 {
	border-bottom: 1px solid #FFF;
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
}
.col3 {border-bottom: 1px solid #FFF;}
.col4 {border-bottom: 1px solid #FFF;}

#nav {
	margin-top: 140px;
	margin-left: 0px;
	height: 150px;
	width: 150px;
	background-color: #760116;
	
	position:absolute;
}

#listmenu {
	list-style-type: none;
	margin:0px;
	padding:0px;
	margin-top: 10px;
	padding: 0px;
	position:absolute;
}
.button {
	
	width: 150px;
height: 18px;
padding-bottom:0px;
	
	
	
}


	
.button a {display: block; 
	background-repeat: no-repeat; background-position: 0px -36px; height: 18px;}
.button a:hover {background-position: 0px -18px;}








#square1 {margin-top: 140px;
	margin-left: 150px; position:absolute; height: 150px;
	width: 150px;}
#square2 {position:absolute; margin-top: 290px; margin-left: 0px; height: 150px;
	width: 150px;}
#square3 {position:absolute; margin-top: 290px; margin-left: 150px; height: 150px;
	width: 150px;}

#home a {background-image: url(images/nav_home.gif);}
#location a {background-image: url(images/nav_location.gif);}
#building a {background-image: url(images/nav_building.gif);}
#sustainability a {background-image: url(images/nav_sustainability.gif);}
#charles-hotel a {background-image: url(images/nav_charleshotel.gif);}
#team a {background-image: url(images/nav_team.gif);}
#contact a {background-image: url(images/nav_contactus.gif);}



#copyright {
	margin-left: 20px;
	margin-top: 600px;
	position:absolute;
	font: 9px Arial, Helvetica, sans-serif;
	color: #999;
}
a:link {
	color: #760116;
}
a:visited {
	color: #ab655e;
}
a:hover {
	color: #C60;
}