/* DEFAULTS & GLOBALS */

html { /* forces scrollbars */
	height: 100%;
	margin-bottom: 1px;
	}

* { /* global settings for every element on the site */
	margin: 0;
	padding: 0;
	}

body {
	font: 10pt/1.4em Arial, Tahoma, Verdana, sans-serif;
	background: #bcb3ad;
	text-align: center;
	}
a { color: #3799EF; }
a:hover { color: red; }
p {
	margin: 0 0 10px 0;
	line-height: 1.3em;
	}


/* BASIC PAGE LAYOUT */

div#container {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 625px;
	background: url("images/background.jpg") center 25px no-repeat;
	}

a#marquee {
	position: absolute;
	top: 25px;
	left: 5px;
	width: 175px;
	height: 175px;
	text-indent: -5000px;
	overflow: hidden;
	}

div#mainmenu {
	position: absolute;
	top: 10px;
	right: 20px;
	overflow: hidden;
	}
div#mainmenu a {
	float: left;
	height: 31px;
	text-indent: -5000px;
	overflow: hidden;
	}
div#mainmenu a#home { width: 63px; background: url("images/menu_home.gif"); }
div#mainmenu a#about { width: 93px; background: url("images/menu_about.gif"); }
div#mainmenu a#services { width: 90px; background: url("images/menu_services.gif"); }
div#mainmenu a#process { width: 143px; background: url("images/menu_process.gif"); }
div#mainmenu a#distribution { width: 114px; background: url("images/menu_distribution.gif"); }
div#mainmenu a#contact { width: 89px; background: url("images/menu_contact.gif"); }

div#mainmenu a#home:hover,
div#mainmenu a#about:hover,
div#mainmenu a#services:hover,
div#mainmenu a#process:hover,
div#mainmenu a#distribution:hover,
div#mainmenu a#contact:hover { background-position: bottom; }


div#submenu {
	position: absolute;
	top: 220px;
	left: 18px;
	width: 240px;
	}
div#submenu a {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	line-height: 41px;
	font-size: 12pt;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	color: black;
	}
div#submenu a#history { background: url("images/button.gif"); }

div#submenu a#history:hover {
	color: white;
	background-position: bottom;
	}


div#content {
	position: absolute;
	top: 75px;
	right: 45px;
	width: 486px;
	background: url("images/content_background.gif") repeat-y;
	text-align: left;
	color: white;
	}
div#content div#padding {
	padding: 10px 20px;
	}


.video {
	position: relative;
	float: right;
	margin: 0 0 20px 20px;
	width: 320px;
	height: 200px;
	background: url("images/video_preview.jpg") bottom center no-repeat;
	border: 1px solid white;
	text-align: center;
	}
.videocenter {
	position: relative;
	margin: 0 auto 20px;
	width: 320px;
	height: 200px;
	background: url("images/video_preview.jpg") bottom center no-repeat;
	border: 1px solid white;
	text-align: center;
	}

a#button_high,
a#button_low {
	position: absolute;
	display: block;
	width: 165px;
	height: 38px;
	text-indent: -5000px;
	overflow: hidden;
	}
a#button_high {
	bottom: 70px;
	left: 80px;
	background: url("images/button_high.gif");
	}
a#button_low {
	bottom: 20px;
	left: 80px;
	background: url("images/button_low.gif");
	}
a#button_high:hover,
a#button_low:hover { background-position: bottom; }