html,body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #DDCD9A;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #5E606D;
}

/************** General ****************/
img { display: block; } /* necessary with strict doctype to avoid a little extra space below imgs in Firefox */

h1, h2, h3 { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px;}
h1 { color: #5B5B8F; font-size: 17px; }
h2 { color: #575B66; font-size: 17px; }
h3 { color: #575B66; font-size: 14px; }

a:link { color: #595891; text-decoration: none; }
a:visited { color: #A9ACCD; text-decoration: none; }
a:hover, a:active { color: #BF311B; text-decoration: underline; }

a.notice:link { color: #BF311B; text-decoration: none; } 
a.notice:visited { color: #BF311B; text-decoration: none; }
a.notice:hover, a.notice:active { color: #BF311B; text-decoration: underline; }


ul {
list-style-type: none;
padding: 0;
margin: 0;
}

li {
background-image: url(../images/content/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 15px;
}

label { font-size: 12px; }


/************** Layout ****************/
.mainBox {
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	border-left: 2px solid white;
	width: 900px;
}
.contentBox {
	background: #F3EACB url(../images/content/backdrop.jpg) bottom right no-repeat;
	padding: 5px 0px 5px 25px;
	font-size: larger;
}

/************** Header ****************/
.header { border-bottom: 2px solid white; }
.header .linkTable td { padding: 5px 0px; letter-spacing: 4px; }
.header a:link, .header a:visited { color: #7F81A7; text-decoration: none; font-weight: bold; }
.header a:hover, .header a:active { color: #C03725; text-decoration: none; font-weight: bold; }

.imageBar { border-bottom: 2px solid white; }
.imageBar td { border-right: 2px solid white; }
.contactCell { background: #D5DFC6 url(../images/home/contact_backdrop.jpg) right 10px no-repeat; }
.contactCell .label { color: white; font-size: 35px; letter-spacing: 2px; margin-top: 10px; }
.contactCell .phone { font-size: 26px; font-weight: bold; margin-top: 8px;}
.contactCell .info { color: #BF340B; font-size: 20px; font-weight: bold; margin-top: 8px; }
.contactCell .info a:link, .contactCell .info a:visited { color: #BF340B; text-decoration: none; }
.contactCell .info a:hover, .contactCell .info a:active { color: #BF340B; text-decoration: underline; }


/************** Home ****************/
.swapContainer {
	position: relative;
	width: 536px;
	height: 364px;
}

.swapDiv {
	position: absolute;
	overflow: hidden;
	width: 536px;
	height: 364px;
}

#mapWrapper { margin-left: 20px; } 
.mapTitle {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 20px 55px 10px 20px;
}

.mapSection { display: none; }
#mapBackdrop { position: absolute; z-index: 10; }
#mapSection1 { position: absolute; z-index: 20; }
#mapSection2 { position: absolute; z-index: 30; }
#mapSection3 { position: absolute; z-index: 40; }
#mapSection4 { position: absolute; z-index: 50; }
#mapSection5 { position: absolute; z-index: 60; }
#mapSection6 { position: absolute; z-index: 70; }
#mapSection7 { position: absolute; z-index: 80; }
#imageMapHolder { 
	position: relative; z-index: 90; width: 186px; height: 170px; background: url(../images/blank.gif) top left repeat; 
}



#mapLabels { margin-top: 15px; }

.mapLabel1, .mapLabel2, .mapLabel3, .mapLabel4, .mapLabel5, .mapLabel6, .mapLabel7,
.mapLabel1Hover, .mapLabel2Hover, .mapLabel3Hover, .mapLabel4Hover, .mapLabel5Hover, .mapLabel6Hover, .mapLabel7Hover { 
	padding: 2px 10px 10px 25px; font-weight: bold; color: #565D94;  
}

.mapLabel1 { background: url(../images/home/map/1.jpg) top left no-repeat; }
.mapLabel1Hover { background: url(../images/home/map/1_on.jpg) top left no-repeat; }
.mapLabel2 { background: url(../images/home/map/2.jpg) top left no-repeat; }
.mapLabel2Hover { background: url(../images/home/map/2_on.jpg) top left no-repeat; }
.mapLabel3 { background: url(../images/home/map/3.jpg) top left no-repeat; }
.mapLabel3Hover { background: url(../images/home/map/3_on.jpg) top left no-repeat; }
.mapLabel4 { background: url(../images/home/map/4.jpg) top left no-repeat; }
.mapLabel4Hover { background: url(../images/home/map/4_on.jpg) top left no-repeat; }
.mapLabel5 { background: url(../images/home/map/5.jpg) top left no-repeat; }
.mapLabel5Hover { background: url(../images/home/map/5_on.jpg) top left no-repeat; }
.mapLabel6 { background: url(../images/home/map/6.jpg) top left no-repeat; }
.mapLabel6Hover { background: url(../images/home/map/6_on.jpg) top left no-repeat; }
.mapLabel7 { background: url(../images/home/map/7.jpg) top left no-repeat; }
.mapLabel7Hover { background: url(../images/home/map/7_on.jpg) top left no-repeat; }


.smallBullet {
	background: url(../images/content/small_bullet.gif) 0px 7px no-repeat;
	padding-left: 40px;
}

.pressRoom { 
	padding: 20px 0px;
	padding-top: 25px;
	border-top: 1px solid #E2D5B3; 
	border-bottom: 1px solid #E2D5B3;
}

/* form */
.jtForm input {
	width: 100%;
	border: 1px solid #C0D3D9;
}

.jtForm select {
	width: 100%;
	border: 1px solid #C0D3D9;
}

.jtForm textarea {
	width: 100%;
	height: 120px;
	border: 1px solid #C0D3D9;
}

.error {
	color: red;
}

/* vacations */
.vacHeader {
	background: url(../images/content/bullet.gif) 0px 5px no-repeat;
	font-weight: bold;
	padding: 0px 0px 3px 15px;
}

.vacIndent {
	background: url(../images/content/small_bullet.gif) 18px 7px no-repeat;
	padding: 0px 0px 3px 30px;
}

.vacIndentBlank {
	padding: 0px 0px 3px 30px;
}

/* reservation */
.reservationContainer {
	position: relative;
	width: 550px;
	margin-top: 20px;
	border: 1px solid black;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.reservationScroller {
	position: relative;
	width: 2750px;
	height: 100%;
}

.reservationSection {
	position: absolute;
	width: 550px;
	padding-bottom: 40px;
}

/************** Footer ****************/
.footer {
	background-color: #BF311B;
	height: 20px;
	font-size: 11px;
}

.footer .linkTable td { padding: 3px 10px; }

.footer a:link, .footer a:visited { color: #BDBCCE; font-weight: bold; text-decoration: none; }
.footer a:hover, .footer a:active { color: #F5E2C2; font-weight: bold; text-decoration: none; }

/************** J-Tech Footer ****************/
#jtechFooter { 
	width: 900px; 
	margin-left: auto; margin-right: auto; 
}


/************** Misc ****************/
.tan { color: #C39B53; font-weight: bold; }
.error { color: #B53124; }
.redHighlight { color: #BF340B;}