/* --------- Normalize ---------- */

* {
margin: 0;
padding: 0;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* --------- End Normalize ---------- */





/* --------- Color Scheme

PMS 1395 - #9e6214
	30% light tan #E4C8A4
	15# #f0e7dc



 ---------- */


html {
text-align:center;
}
body {
background: #E4C8A4;
text-align:left;
}

#wrap {
position:relative;
z-index:10;
clear:both;
	width:990px;
	margin:0 auto;
	background-color:#fff;
	min-height:340px;
}

#wrap .hangleft {
position:absolute;
bottom:0;
left:-100px;
}

#wrap .isleft {
position:absolute;
bottom:0;
left:0;
}

#wrap .isright {
position:absolute;
bottom:0;
right:0;
}

#content {
position:relative;
z-index:100;
width:490px;
margin-left:320px;
padding:20px 0 50px 0;
}

#content ul, #content ol {
margin-left:60px;
}

#periodic {
position:relative;
top:0;
left:-110px;
}


#header {
background-color:#000;
height:205px;
min-width:990px;
}

#header h1 a {
display:block;
	background:url(../images/polaris-element.png) no-repeat left top;
	width:950px;
	margin:0 auto;
	height:205px;
	text-indent:-9999px;
}

#footer {
background:black;
min-width:990px;
color:#FFFFFF;
vertical-align:middle;

}

#site-info {
position:relative;
width:990px;
	margin:0 auto;
	min-height: 58px;
	text-align:center;
}

#footer p {
padding-top:1em;
vertical-align:middle;
}


#footer a, #header a {
color:#E4C8A4;
}

#logo {
float:left;
margin:5px 0 5px 20px;
}

#elements {
position:absolute;
right:0;
bottom:-23px;

}

#dfd {
width:990px;
margin:0 auto 30px auto;
}

#dfd a {
font-weight:normal;
margin-left:20px;
}

#dfd a:hover {
color:#fff;
}



/******************
Top Navigation
*******************/


#navalign {
width:900px;
padding-left:90px;
margin: 0 auto;
background:#fff;
min-height:60px;
}

#nav {
clear:both;
float: left;
z-index:1000;
}



#nav ul {
	float: left;
	width:auto;
	list-style: none;
	}

#nav a {
	display: block;
	width: 8em;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

#nav a:hover {/* Safari breaks the nav if you set this class to Bold */
color:#000;
}


#nav li a { /* top buttons */
text-indent:-9999px;
height:32px;
position:relative;
top:0;
}

#nav li a:hover { /* top buttons */
}

		#nav-home a {
		background: url(../images/home.png) no-repeat center center;
		width:75px;
		left:0;
		}
		
				#nav-home a:hover {
				background: url(../images/home-over.png) no-repeat center center;
				z-index:2000;
				}
		
		#nav-about a {
		background: url(../images/about.png) no-repeat center center;
		width:107px;
		left:-7px;
		}
		
				#nav-about a:hover {
				background: url(../images/about-over.png) no-repeat center center;
				z-index:2000;
				}
		
		#nav-products a {
		background: url(../images/products.png) no-repeat center center;
		width:102px;
		left:-14px;
		}
		
				#nav-products a:hover {
				background: url(../images/products-over.png) no-repeat center center;
				z-index:2000;
				}
		
		#nav-services a {
		background: url(../images/services.png) no-repeat center center;
		width:100px;
		left:-21px;
		}
		
				#nav-services a:hover {
				background: url(../images/services-over.png) no-repeat center center;
				z-index:2000;
				}
		
		#nav-advantage a {
		background: url(../images/advantage.png) no-repeat center center;
		width:180px;
		left:-28px;
		}
		
				#nav-advantage a:hover {
				background: url(../images/advantage-over.png) no-repeat center center;
				z-index:2000;
				}
		
		#nav-locations a {
		background: url(../images/locations.png) no-repeat center center;
		width:186px;
		left:-35px;
		}
		
				#nav-locations a:hover {
				background: url(../images/locations-over.png) no-repeat center center;
				z-index:2000;
				}
				
	
		#nav-contact a {
		background: url(../images/contact.png) no-repeat center center;
		width:104px;
		left:-42px;
		}
		
				#nav-contact a:hover {
				background: url(../images/contact-over.png) no-repeat center center;
				z-index:2000;
				}
				



#nav li ul { /* AAA popups */	
	font-weight: normal;
}

#nav li li a, #nav li li.daddy li a, #nav li:hover.daddy li a {
text-indent:0; /* return the text */
background:#9e6214;
height:auto;
padding:0.1em 0.5em;
border:solid black 1px;
margin-bottom:-1px;
}

#nav li li a:hover, #nav li.daddy li a:hover {
background:#E4C8A4;
}


/*  Suckerfish */

#nav {
	position:relative; /* IE Mac */
	
}

#nav li li.daddy a {
	background:#9e6214 url(../images/arrow.gif) center right no-repeat;
}


#nav li:hover.daddy a {
	background:#E4C8A4 url(../images/arrow-over.gif) center right no-repeat;

}

#nav li { /* top buttons */
	float: left;
	padding: 0;
}

/* to change width of popups change AAA BBB CCC then position DDD*/

#nav li ul { /* AAA popups */
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.4em;
	w\idth: 12.9em;
	margin: 0 0 0 12px;
}

#nav li li a { /* BBB underlines popups */
	padding-right:0.9em;/* padding-right:1em; made FF border overlap, current makes Safari have a space */
	width:12em; 
	
}

#nav li a { /* center aligns top buttons */
text-align:center;
}

#nav li li a { /* left aligns popup buttons */
text-align:left;
}

#nav li li a { /* CCC width of links inside popups */
width: 15em;
w\idth: 10em; /* width of popups in IE */
}

#nav li ul ul { /* DDD poistion of popups */
margin: -2.05em 0 0 11.45em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}




/* End Suckerfish */



/******************
Formatting
*******************/

th {
background-color:#9e6214;
border:solid #000 1px;
padding:5px;
vertical-align:top;
color:white;
}

td {
border:solid #9e6214 1px;
padding:5px;
}

.highlight {
background:#f0e7dc;
}

.clear {
clear:both;
vertical-align:top;
}


.imageleft {
float:left;
margin:.3em 20px 5px 0;
}

.imageright {
float:right;
margin:.3em 0 5px 20px;
}

a img {
border:0;
}

a, a:link {
color:#9e6214;
font-weight:bold;
text-decoration:underline;
}

a:visited {
color:#9e6214;
}

a:hover {
color:#E4C8A4;
text-decoration:none;
}

a:active {
color:black;
}



/******************
Typography
*******************/


#home #content h1 {
	background:transparent url(../images/h1-home.png) no-repeat left top;
	height:27px;
	min-width:239px;
	text-indent:-9999px;
}


body {
	font: 82%/1.7 "Times New Roman", Times, serif;
}


h1, h2, h3, h4, h5, h6 { 
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:normal;
color:#000;
padding-top:1em;
}

h1 {
font-size:1.7em;
font-weight:bold;
padding-top:0;
}

h2 {
font-size:1.6em;
}

h3 {
font-size:1.3em;
}

h4 {
font-size:1.2em;

}

h5 {
font-size:1.1em;
}

p {
padding-bottom:1em;
}

blockquote {
font-size:1.4em;
font-style:italic;
}