@charset "utf-8";
/* CSS Document */
#wrapper {
height: auto !important;
min-height: 100%;
/* max-width: 1024px; */
overflow: hidden;
margin: 0 auto -1px;
}
body {
background-color: #0099FF;
}
#formwrapper {
	width: auto;
	height: auto !important;
	margin: 0 auto;
	border: 1px #FFFFFF solid;
}
#title-wrapper {
	width: 100%;
}
#title_head {
	float: left;
	padding-left: 1rem;
	padding-top: 2rem;
	width: 90%;
	max-width: 800px;
}
#title_head img {
    height: auto; 
    width: 100%;
	vertical-align: middle; 		
}
#top-menu {
	position:relative;
	padding-left: 1rem;
	padding-top: 1rem;
	width: 90%;
	max-width: 800px;
}
#slideshow {
	position:relative;
	display:block;
	max-width:800px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #fff;
}
#marketing {
	font-family:Tahoma, Geneva, sans-serif;
	color: #FFF;
	font-size: 1em;
	max-width: 800px;
	height: auto;
	display:block;
	position: relative;
	margin-top: 10px;
}
#copyright {
	max-width: 800px;
	position: relative;
	margin-top: 2em;
}
#main_body {
	margin-left: 5%;	
	position: relative;
	display:inline-block;
}
#result {
	color:white;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1em;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFF00;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.style6 {color: #FFFFFF}
.buttn, buttn.a:link, buttn.a:active, buttn.a:hover, buttn.a:visited, buttn.a:focus {
	background: #fff;
	color: #06F !important;
	border: 1px solid #fff;
	height: 30px;
	min-width: 100px;
	max-width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight:bold;	
	border-radius: 3px;
	text-decoration:none;
	padding: 2px;
	white-space:nowrap;	
}
.push {
	height: 0px;
	width: 100%;
	clear: both;
}
.horiz-line {
	position: relative;
	background-color:#FFF;
	max-width: 800px;
	height:1px;
	margin-top: .5em;
}
#h-info-wrapper {
	max-width: 800px;
	margin: 1rem;
}
#bottom-copy {
	position: relative;
	left: 1px;
	top: 5px;
	width:100%;
	height:1px;
	border-top: 1px #fff solid;
}
.page_title {
	text-align:center;
	max-width: 800px;
	position: relative;
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: 1.2rem;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight:bold;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFF;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFF;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 550;
	color: #fff;
	font-size: .9rem;
	max-width: 800px;
	overflow: hidden;
}
h4 img {
	width: 40%;
	height: auto;
}
.style1 {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 1.1em;
}
.style3 {
	font-family:Arial, Helvetica, sans-serif;	
	font-size: .9em; color: #FFFFFF;
	}
.style4 {
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 1.2em; color: #FF3;
	}	
.clear {
	clear: both;
}
.pano {
  max-width: 800px;
  height: 50%;
  margin: 0 auto;
  cursor: move;
}

.pano .controls {
  position: relative;
  top: 40%;
}

.pano .controls a {
  position: absolute;
  display: inline-block;
  text-decoration: none;
  color: #eee;
  font-size: 3em;
  width: 20px;
  height: 20px;
}

.pano .controls a.left { left: 10px; }

.pano .controls a.right { right: 10px; }

.pano.moving .controls a {
  opacity: 0.4;
  color: #eee;
}
/* */