/*
---------------------------------------------
01. MAIN / DEFAULT ELEMENTS
---------------------------------------------
*/

body {
	background: #0059AB url("../img/background.png") repeat-x;
	background-color: #FFF;
	font: normal 12px "Verdana", "Arial", "Tahoma", sans-serif;
	color: black;
	margin: 0px;
	padding: 0px; }
	
div, img, form, ul, h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	border: 0px; }
	
.tc { text-align: center; }
.tr { text-align: right; }

.clear { clear: both;}
.clear:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
	
#wrapper {
	width: 820px;
	margin: 0 auto; }
	
/*
---------------------------------------------
02. TEXT / HEADINGS
---------------------------------------------
*/

a { color: black; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 {
	margin: 0px;
	padding: 26px 0 0 0;
	text-align: center;
	height: 90px; }
	
	h1 a {
		height: 60px;
		width: 295px;
		display: block;
		margin: 0 auto;
		background: url("../img/logo.png") no-repeat;
		text-indent: -9999px;
		outline: none; }
		
h2 {
	text-transform: uppercase;
	color: black;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 20px;
/* 	font: bold 20px "Avant Garde", "Verdana", "Arial", "Tahoma", sans-serif; */
}

	
	h2#home {
		height: 198px;
		background: url("img/home7.gif") top left no-repeat;
		text-indent: -9999px; }

h3 {
	color: black;
	letter-spacing: -1px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 18px;
/* 	font: bold 18px "Avant Garde", "Verdana", "Arial", "Tahoma", sans-serif;  */
	padding-bottom: 2px;
	border-bottom: 1px solid black;
	color: #333333;
}
	
/*
---------------------------------------------
03. HEADER / MENUS
---------------------------------------------
*/

#header {
	height: 149px;
	background: url("../img/header.png") no-repeat; }

#menu {
	list-style: none;
	height: 33px;
	padding-left: 140px; }
	
	#menu li {
		height: 23px;
		margin: 5px 10px 5px 0px;
		float: left; }
		
	#menu li a {
		display: block;
		height: 23px;
		text-indent: -9999px;
		outline: none; }
		
	#menu li#mH { width: 59px; background: url("img/tab_history.gif") no-repeat; }
	#menu li#mR { width: 92px; background: url("img/tab_restoration.gif") no-repeat; }
	#menu li#mM { width: 121px; background: url("img/tab_market.gif") no-repeat; }
	#menu li#mF { width: 83px; background: url("img/tab_floor.gif") no-repeat; }
	#menu li#mL { width: 106px; background: url("img/tab_location.gif") no-repeat; }
	#menu li#mP { width: 47px; background: url("img/tab_press.gif") no-repeat; }
	#menu li#mK { width: 46px; background: url("img/tab_links.gif") no-repeat; }
	#menu li#mC { width: 87px; background: url("img/tab_contact.gif") no-repeat; }
	
	#menu li#mH a:hover { background: url("img/tab_history.gif") 0px -23px no-repeat; }
	#menu li#mR a:hover { background: url("img/tab_restoration.gif") 0px -23px no-repeat; }
	#menu li#mM a:hover { background: url("img/tab_market.gif") 0px -23px no-repeat; }
	#menu li#mF a:hover { background: url("img/tab_floor.gif") 0px -23px no-repeat; }
	#menu li#mL a:hover { background: url("img/tab_location.gif") 0px -23px no-repeat; }
	#menu li#mP a:hover { background: url("img/tab_press.gif") 0px -23px no-repeat; }
	#menu li#mK a:hover { background: url("img/tab_links.gif") 0px -23px no-repeat; }
	#menu li#mC a:hover { background: url("img/tab_contact.gif") 0px -23px no-repeat; }
	
/* NONE IMAGE MENU w/ HTML
#menu {
	list-style: none;
	padding-left: 30px;
	height: 33px; }
	
	html>body #menu { padding-left: 40px; }
	
	#menu li { 
		padding: 4px 0 0 0; 
		margin: 0 15px 0 0;
		float: left; }
	
	#menu li a {
		color: white;
		text-decoration: none;
		font-size: 13px;
		display: block; }
	
	#menu li a span { display: block; padding: 5px 10px 4px 10px; }
		
	#menu li a:hover { background: #cccccc url("img/tab_left.gif") top left no-repeat; color: black; }
	#menu li a:hover span { background: url("img/tab_right.gif") top right no-repeat; }
	
		<ul id="menu">
			<li><a href="#" title="History"><span>History</span></a></li>
			<li><a href="#" title="Restoration"><span>Restoration</span></a></li>
			<li><a href="#" title="Market Overview"><span>Market Overview</span></a></li>
			<li><a href="#" title="Floor Plans"><span>Floor Plans</span></a></li>
			<li><a href="#" title="Location Map"><span>Location Map</span></a></li>
			<li><a href="#" title="Press"><span>Press</span></a></li>
			<li><a href="#" title="Links"><span>Links</span></a></li>
			<li><a href="#" title="Contact Us"><span>Contact Us</span></a></li>
		</ul> */
	
/*
---------------------------------------------
04. FOOTER / NAV
---------------------------------------------
*/

#footer {
	font-size: 10px;
	background: url('../img/background.page.png') center -986px no-repeat;
	color: #000;
	padding: 20px 10px 0 10px; }
	
	.notice {
		padding-left: 30px;
		background: url("img/notice.gif") center left no-repeat;
		display: none;
	}
		
#subMenu { 
	margin: 15px 0 -7px 0;
	list-style: none;
	text-align: center; }
	
	#subMenu li { 
		border-right: 1px solid #000;
		padding: 0px 10px;
		display: inline; }
	
	#subMenu li a {
		color: #000;
		text-decoration: none;
		font-size: 11px; }
	
	#subMenu li a:hover { text-decoration: underline }
	#subMenu li.last { border: 0px; }
	
/*
---------------------------------------------
05. CONTENT
---------------------------------------------
*/

#pagecontent {
	width: 435px; /* 820 */
	background: url("../img/background.page.png") center top no-repeat;
	padding: 35px 35px 100px 350px;
	margin-top: 30px;
	position: relative; }
	
#full #pagecontent {
	width: 750px;
	background: url('../img/background.page.png') center top no-repeat;
	padding: 35px 35px 50px 35px;
}

.photos ul {
	list-style: none;
	margin: 0;
}

.photos li {
	display: inline;
}
	
	#paper {
		width: 374px;
		height: 538px;
		background: url("../img/photos.png") no-repeat;
		position: absolute;
		left: -75px;
		top: -12px; }
		
	#cm {
		position: absolute;
		bottom: 10px;
		left: 45px;
		width: 720px;
		border-top: 2px solid #000;
		padding-top: 15px;
		margin-top: 10px;}

	#cm_left_image {
		width: 41px;
		height: 41px;
		position: relative;
		float:left;
	}
		
	#cm_text {
		margin-top:-10px;
		padding:0;
		text-align: center;
		font-size: 10px;
	}
	
	#cm_right_image {
		width: 41px;
		height: 41px;
		position:relative;
		float:right;
	}
	
/*---------fix for footer on location map page--------------*/
	#cm_location_map {
		position: absolute;
		/*bottom: 10px;*/
		top: 885px;
		left: 45px;
		width: 720px;
		border-top: 2px solid #000;
		padding-top: 15px;
		margin-top: 10px;}

	#cm_left_image_location_map {
		position: relative;
		float:left;
	}
		
	#cm_text_location_map {
		margin-top:-10px;
		padding:0;
		text-align: center;
		font-size: 10px;
	}
	
	#cm_right_image_location_map {
		position:relative;
		float:right;
	}
/*-------end of fix for footer on location map page------------*/
	
	
	#crk {
		position: absolute;
		bottom: 10px;
		left: 120px; }
		
#interior {
	width: 415px;
	margin-top: 30px;
/*	border-bottom: 1px solid #000;*/
}

#full #interior {
	width: 730px;
}

#minHeight {
	float: right;
	width: 1px;
	height: 470px;
}

#full #minHeight {
	height: 250px;
}

#index #minHeight {
	height: 520px;
}

.clearBoth {
	height: 1px;
	overflow: hidden;
	clear: both;
}

#main {
	width: 395px;
	margin: 125px 0px 0px 19px; }
	
	html>body #main { margin: 91px 0px 0px 19px; }
	
a.press_link {
  color: #0059AA;
  text-decoration: none;
}

a.press_link:hover {
  color: #0059AA;
  text-decoration: underline;
}

a.download_link {
  color: #0059AA;
  text-decoration: none;
}

a.download_link:hover {
  color: #0059AA;
  text-decoration: underline;
}
	
div.content_location_map {
	position: absolute;
	top: 120px;
	left: 350px;
	width: 300px;
	
/*	left: 45px;*/
	width: 720px;
/*	border-top: 2px solid #000;
	padding-top: 15px;
	margin-top: 10px;*/
}
	
	
/*
---------------------------------------------
06. MISC
---------------------------------------------
*/

#tenants {
	padding-bottom: 5px;
	border-bottom: 1px solid black; }
	
	#tenants ul {
		float: right;
		width: 195px;
		list-style: none; }
	
	#tenants ul li { padding-bottom: 9px; }
	html>body #tenants ul li { padding-bottom: 10px; }
	
p {
	margin: 10px 0;
}

/*
---------------------------------------------
00. END
---------------------------------------------
*/

#imageBoxWrapper {
	text-align: center;
}
#subMenuBoxWrapper {
	position: relative;
	margin: 10px 0;
	margin-left: 15px;
	text-align: center;
}
#subMenuBox {
	margin: 0;
	height: 100px;
	width: 700px;
}
#divBg {
	position: absolute;
	z-index: 10;
	width: 2000px;
	left: 0;
	height: 100px;
	clip: rect(0 10px 10px 0);
	visibility: hidden;
}
#divMenu {
	position: absolute;
	z-index: 11;
	left: 60px;
	top: 0;
	visibility: inherit;
}
#divArrowLeft, #divArrowRight {
	position: absolute;
	z-index: 12;
	width: 20px;
	height: 100px;
	top: 0;
	visibility: inherit;
}
#divArrowLeft {
	left: 0;
}
#divArrowRight {
	right: 0;
}

#index #main {
	margin-top: 75px;
/* 	background: url('../img/ornament.png') center top no-repeat; */
}

#index #main h2 {
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
}

#index #main h4 {
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
}

#index #main h5 {
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
}

#index #main h3 {
	font-weight: bold;
	font-size: 20px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
}

#index #main p {
	line-height: 180%;
}