html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html, body {
	height:100%;
}

body {
	line-height: 1;
	color: black;
	background: white;
	font: Verdana;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* GLOBAL
--------------------------------------------------------------------------------------- */
/*Used to fix Fire Fox float error.*/
.clearfix:after {
	content:".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.clear {
	clear: both;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
/* Images */
img[align=right] {
	margin-left:10px;
	margin-bottom:10px;
}
img[align=left] {
	margin-right:10px;
	margin-bottom:10px;
}
/* TYPEOGRAPHY
--------------------------------------------------------------------------------------- */
h1 {
	color: #27221F;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 16px 0;
}
h2 {
	color: #27221F;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 16px 0;
}
h3 {
	color: #F00;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 10px 0;
}
p {
	margin: 0 0 16px 0;
}
ol, ul {
	margin: 0 0 16px 30px;
}
ol {
	list-style:decimal;
}
ul {
	list-style: none;
}
a {
	color:#2882AC;
	text-decoration: none;
}
a:focus, a:hover {
	color:#E66E13;
	text-decoration: none;
}
/* CONTAINER and BODY --------------------------------------------------------------------------------- */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	margin: 0;
	padding: 0;
	background: #fff url(images/background.jpg) 52.5% 0 no-repeat;
}

#container {
	width: 813px;

	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 10;
}

/* HEADER
---------------------------------------------------------------------------------------------------- */
#header {
	width: 812px;
	height: 88px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index:10;
}

.logo {
	width: 264px;
	height: 99px;
	float: left;
}


/*--- NAVIGATION------------------------------------------------------------------------------------ */

.navigation {
	width: 539px;
	height: 52px;
	background: url(images/navigation.gif) no-repeat;
	position: absolute; /*-------- this is absolutely positioned - if drop downs are needed position must be relative ------------------------- */
	top: 20px;
	right: 0;
	float: right;
	z-index:20;
}
/*#navigation {
	text-align:left;
	width: 682px;
	height: 32px;
	margin: 0px auto;
	background: url(../images/interface/bg-navigationf.gif) no-repeat;
	position:relative;
	z-index:20;
}*/
.navigation span {
	display:none;
}
.navigation li {
	position: absolute;
	top: 0px;
}
.navigation li a {
	height: 52px;
	display: block;
}
/* Navigation Buttons */
.home {
	left: 0px;
	width: 54px;
}
.about{
	left: 54px;
	width: 71px;
}
.services{
	left: 125px;
	width: 64px;
}
.locations {
	left: 189px;
	width: 71px;
}
.gallery {
	left :260px;
	width:63px;
}
.careers{
	left: 323px;
	width: 62px;
}
.suppliers{
	left: 385px;
	width: 75px;
}
.contact {
	left: 460px;
	width: 73px;
}
/*Sets the on state*/
.home a:hover, .home .selected {
	background: transparent url(images/navigation.gif) 0px -52px no-repeat;
}
.about a:hover, .about .selected {
	background: transparent url(images/navigation.gif) -54px -52px no-repeat;
}
.services a:hover, .services .selected {
	background: transparent url(images/navigation.gif) -125px -52px no-repeat;
}
.locations a:hover, .locations .selected {
	background: transparent url(images/navigation.gif) -189px -52px no-repeat;
}
.gallery a:hover, .gallery .selected {
	background: transparent url(images/navigation.gif) -260px -52px no-repeat;
}
.careers a:hover, .careers .selected {
	background: transparent url(images/navigation.gif) -323px -52px no-repeat;
}
.suppliers a:hover, .suppliers .selected {
	background: transparent url(images/navigation.gif) -385px -52px no-repeat;
}
.contact a:hover, .contact .selected {
	background: transparent url(images/navigation.gif) -460px -52px no-repeat;
}

/* Navigation Dropdowns
--------------------------------------------------------------------------------------- */ 
.navigation li ul {
	width:120px;
	position:absolute;
	top:45px;
	left:-60px;
	display:none;
	background: #CCC;
	text-align:center;
	z-index:100;
}
.navigation li ul li {
	float: left;
	position: relative;
	z-index:100;
}
.navigation li ul li a {
	color: #060192;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
	width: 100px;
	height:10px;
	padding: 10px 10px 10px 10px;
	display: block;
	z-index:100;
}
.navigation li ul li a:hover { 
	color:#FFF;
	background: #575757;
	}

.navigation li:hover ul, #main-navagation li.over ul { display: block; }
.navigation li:hover ul, li.over ul { display: block; }


/* CONTENT CONTAINER -------------------------------------------------------------------------------- */
#MiddleContainer{
	width: 813px;
	min-height: 330px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index:-100;
	/*background:url(../images/interface/bg-content.jpg) repeat-y;*/
}

/*CONTENT AREA------------------------------------------------------------------------- */

.ContentArea{
	width: 537px;
	height: 306px;
	background: url(images/content_area.jpg);
	position: absolute;
	font-size: .85em;
	line-height: 14px;
	left: 275px;
	top: 10px;
	z-index:-100;
	
}
.location {
	background: transparent url(images/location_area.png) no-repeat;
	position: absolute;
	width: 263px;
	height: 306px;
	top: 9px;

}

.location p{
	font-size: .8em;
}
.text {
	margin-top: 10px;
	padding: 20px 20px 0 20px;
	overflow: auto;
	height: 255px;
	z-index:10;
}

#flash {
	position:absolute;
	top: 25px;
}


/* PAPER CONTENT AREA (in case they ever want the content area to stretch)---------------
.ContentTop{
	width: 537px;
	height: 440px;
	background: url(images/content_background_sm.png);
}
	
.ContentBody{
	width: 537px;
	height: 440px;
}
.ContentBottom{
	width: 537px;
	height: 440px;
}
*/

/* LOWER FOOTER AREA with graphics ------------------------------------------------------------------ */

#footer1{
	width: 813px;
	height: 100px;
	position: relative;
	margin: 0 auto;
}


.graphic1 {
	width: 200px;
	height: 100px;
	position: absolute;
}

.graphic2 {
	width: 200px;
	height: 100px;
	position: absolute;
	left: 204px;
}

.graphic3 {
	width: 200px;
	height: 100px;
	position: absolute;
	left: 408px;
}

.graphic4 {
	width: 200px;
	height: 100px;
	position: absolute;
	left: 612px;
}


/* FOOTER AREA ------------------------------------------------------------------------------ */

#footer2 {
	width: 813px;
	height: 30px;
	position: relative;
	margin: 0 auto;
}


/* COPYRIGHT
--------------------------------------------------------------------------------------- */
#copyright {
	color: #000;
	font-size:.8em;
	width: 747px;
	height:24px;
	margin: 0 auto;
	padding: 12px 100px 0 100px;
	position: relative;
}
#copyright a {
	color: #000;
	text-decoration: underline;
}
#copyright a:hover {
	color: #F00;
}