/* overall style */

/* Company colors: Blue #0099FF; Green #1AFF00; Orange #FF6600; */

a:link { color: maroon; text-decoration: underline; }
a:active { color: red; text-decoration: underline; }
a:visited { color: maroon; text-decoration: underline; }
a:hover { color: red; text-decoration: underline; }

table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 5px;
	text-align: left;
}

h1 {
	margin-bottom:0.3em;
}

h3 {
	margin-bottom:0.2em;
}

li {
	background-repeat: no-repeat;
	background-position: 0px 5px; 
}

img.product {
	border: 2px solid;
}

ul {
	list-style-type: none;
	list-style-position: outside;
}

ol {
	list-style-type: decimal;
}

.title {
	font-size: 2.5em;
	font-weight: bold;
	font-style: italic;
}

input {
	text-align: left;
}

.column {
	width:220px;
}

.left {
	float:left;
}

.center {
	text-align:center;
}

.right {
	float:right;
}

.clear {
	clear: both;
}

.half {
	width:49%;
	/*border:1px solid red;*/
}

a.menu1 {
	font-size: 1.2em;
}

.tagline {
	padding-top:5px;
	padding-left:20px; 
}

.alert {
	color:red;
}

.copyright {
	font-size:7pt;
	//color: grey;
}

.maintext{
	/* used for single main text in the content area */
	text-align:left;
	font-size: 1.1em;
	margin-left:10%;
	margin-right:10%;
	margin-top:1em;
	margin-bottom:1.5em;
	zzmax-width:700px;
}

.maintext h1{
	font-size: 1.5em;
}


/* specific areas ----------------- */

body {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	background-color: white;
	color: black;
	scrollbar-face-color: #0099FF;
	scrollbar-3dlight-color: #FF6600;
	scrollbar-track-color: #80CCFF;
}

.masthead {
	background-color: #0099FF;
	height:90px;
}

#logo {
	position:absolute; 
	top: 0px; 
	left: 0px; 
	z-index:2;
}

.colorbar1 {
	background-color: black;
	height:10px;
	width:100%;
	clear:both;
}

.colorbar2 {
	background-color: black;
	height:5px;
	width:100%;
	clear:both;
}

.nav {
	//width:100%;
}

#menu1 {
	position:relative;
	top:20px;
	height:2em;
	overflow:hidden;
	// border:solid orange;
	
	width:31em; /* 47 characters x 5/8 ratio - rounded up to even number */
	left:-15em; /* Adjust half the width of the menu  */
	margin-left:50%;
	list-style-type:none;
	text-align:center;
	font-weight: bold;
	display:none; /* Start out not dislayed and enable only if supporting jQuery */
}

li {
	float:left;
	margin-left:10px;
	margin-bottom:15px;
}

#mainbg {
	position:absolute;
	min-width: 1000px;
	width: 100%;
	top:100px;
	z-index: -2;
	overflow: hidden;
}

img.bg {
	min-width: 1000px;
	width:100%;
	height: auto;
}

#main {
	position:relative;
	width:960px;
	left:-480px;
	margin-left:50%;
	min-height: 600px;
	padding:0px;
	//border:dotted green;
}

.box {
	background-image: url("pics/white.png");
	background-repeat: both;
	padding:15px;
	margin:20px;
	border: solid 1px black;
	//opacity: 0.7;
}

.bubble {
	background-color: white;
	padding:15px;
	border: solid 1px black;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#search {
	position:absolute;
	top: 20px;
	left: 50%;
	margin-left: 50px; /* offset location by half (width + padding) = 215 */
	width:400px;
	//border:dotted brown;
}

#host {
	position:absolute;
	top: 20px;
	left: 50%;
	margin-left: -480px;
	width:400px;
	//border:dotted purple;
}

#about {
	position:absolute;
	top: 20px;
	left: 50%;
	margin-left: -3000px;
	width:400px;
	//border:dotted red;
}

#contact {
	position:absolute;
	top: 20px;
	left: 50%;
	margin-left: -3000px;
	width:600px;
	//border:dotted blue;
}

#notice {
	position:absolute;
	top: 400px;
	left: 60%;
	margin-left: -100px;
	width:200px;
	display:none;
	//border:dotted black;
}

.footer {
	position:absolute;
	bottom:0px;
	height:60px;
	width:100%;
	background-color: #1AFF00;

	clear:both;
}