h1 {
text-align:center;
font-family:'Arial', sans-serif;
font-size:12px;
font-weight:normal;
color:#606060;
}

#container {
    position: absolute; 
    left: 50%;
	/* center by using half of width of everything on page (content width below) */
	margin: 0 0 0 -575px; 
 background-color: #fff;
}

#content {
margin:0px auto 0;
/* Total is between: controls: left + demo1 width */
width:1050px;
 background-color: #fff;
}

#toptab {
	background-color: #333333;
	margin-bottom:0px; 
	width:1050px;
	height:37px;
		border: 0px dotted red;
-moz-box-shadow:0 0 0px #a2a2a2;
-webkit-box-shadow:0 0 0px #a2a2a2;
box-shadow:0 0 0px #a2a2a2;
}

.levA {
	margin-right:9px; 
}
.levB {
	margin-right:8px; 
}

#topheader {
	margin-bottom:0px; 
	width:1050px;
	height:63px;
		border: 0px dotted red;
-moz-box-shadow:0 0 0px #a2a2a2;
-webkit-box-shadow:0 0 0px #a2a2a2;
box-shadow:0 0 0px #a2a2a2;
}

#topbutt {
	margin-bottom:0px; 
	width:1050px;
	height:47px;
		border: 0px dotted red;
-moz-box-shadow:0 0 0px #a2a2a2;
-webkit-box-shadow:0 0 0px #a2a2a2;
box-shadow:0 0 0px #a2a2a2;
}
#botbutt {
	margin-bottom:0px; 
	width:1050px;
	height:54px;
		border: 0px dotted red;
-moz-box-shadow:0 0 0px #a2a2a2;
-webkit-box-shadow:0 0 0px #a2a2a2;
box-shadow:0 0 0px #a2a2a2;
}

#leftheader {
margin:0px auto 0 14px;
height:60px;
/* Total is between: controls: left + demo1 width */
}

.demo1 {
float:left;
/* Width of map area - don't make wider since it will extend past tabled width */
width:1050px;
height:450px;
	border: 0px dotted red;
-moz-box-shadow:0 0 0px #a2a2a2;
-webkit-box-shadow:0 0 0px #a2a2a2;
box-shadow:0 0 0px #a2a2a2;
 background-color: #fff;
}

.menu {
margin-bottom:40px;
text-align:center;
}

.menu a {
color:#D7363A;
font-size:11px;
font-weight:bold;
margin:0 10px;
}

.preloader {
background:url(../images/loader.gif) no-repeat center #fff;
}

.marker {
display:block;
text-indent:-9999px;
width:31px;
height:44px;
outline:none;
background:url(../images/marker.png) no-repeat;
cursor:pointer;
}

.marker:hover {
background:url(../images/marker-hover.png) no-repeat;
}

.popup {
width:390px;
position: relative;
margin:0px auto 0 0px;
padding:8px;
background:#000000;
color:#fff;
font-size:11px;
line-height:15px;
}

.popup h3 {
margin:0;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
line-height:16px;
color:#ff0078;
}

.popup .close {
display:block;
text-indent:-9999px;
position:absolute;
top:4px;
right:4px;
width:16px;
height:16px;
outline:none;
background:url(../images/close.gif) no-repeat;
cursor:pointer;
}

.relative {
position:absolute;
top:20px;
left:0px;
}

.controls {
position:absolute;
top:0px;
left:-250px;
z-index:20;
width:220px;
}

.controls a {
background:#dbdbdb;
color:#3e3061;
display:block;
float:left;
clear:both;
font-size:11px;
font-weight:bold;
line-height:13px;
margin-bottom:2px;
outline:none;
padding:4px 15px;
text-decoration:none;
width:220px;
}

.controls a:hover {
background:#3e3061;
color:#ffffff;
width:220px;
}

.controls .active {
background:#fba424;
color:#fff;
width:220px;
}
