/* Matthew Seaton www.matthewseaton.com */

/* Basic Style */
body { 
	margin: 0; 
	padding: 0; 
	background: #f2f3ee url(/images/page-background.gif); 
	font-family: Arial, Helvetica, sans-serif; 
	color: #555; 
	text-align: center; 
	font-size: 9.5pt; 
	}

h1, h2, h3, h4, h5 { 
	color: #999980; 
	font-weight: normal;
        font-family: luxi sans,sans-serif; 
	} 

h1 { 
	margin: 0 auto ; 
	padding: 0; 
	height: 100px; 
	width: 650px; 
	background: #fff url(/images/logo.gif) center center; 
	}

h2 { 
	margin: 10px 0 0 0; 
	border-bottom: 1px solid #E8E8E1; 
        font: normal 16px/22px Arial, Helvetica, sans-serif; 
	}

h3 { 
        font: normal 14px/20px Arial, Helvetica, sans-serif; 
	}
	
p, li { 
	line-height: 1.4em; 
	voice-family: "\"}\""; 
 	voice-family:inherit;
 	line-height: 1.5em; 
} 

html>body p, li {
	line-height: 1.5em; 
  
} 

/* Basic Elements */

div#header { 
	height: 100px; text-align: center;
	}

div#footer { 
	clear: both; 
	text-align: center; 
	margin: 0; 
	padding: 10px 10px 32px  10px; 
	background: transparent url(/images/footer-background.jpg) bottom center no-repeat; 
	}
	
div#container { 
	margin: 0 auto; 
	padding: 5px 10px 0px 10px; 
	width: 700px; 
	background: transparent url(/images/background.jpg) top center repeat-y; 
	}

div#container2 { }

div#left { 
      margin-right: 220px; 
	text-align: left;
	}

div#left { 
	padding: 1px 40px 10px 25px; 
	margin-top: 10px;
	margin-bottom: 10px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
	padding: 5px 48px 10px 38px; 
	margin-top: 0;
} 

html>body div#left {
	padding: 5px 50px 10px 40px; 
	margin-top: 0;
	margin-bottom: 0px;
} 

div#right { 
	margin: 0; 
	text-align: left; 
	float: right; 
	border-left: 1px solid #E8E8E1;  
	}

div#right { 
 	width: 245px;
	padding: 1px 20px 10px 15px ; 
	margin-top: 6px;
	margin-bottom: 10px;
 	voice-family: "\"}\""; 
  	voice-family:inherit;
 	width: 200px;
	padding: 5px 40px 0px 15px ; 
} 

div#content { text-align: justify; }

html>body div#right {
 	width: 200px;
	padding: 5px 40px 0px 15px ; 
	margin-top: 0px;
	margin-bottom: 0px;
} 

#left a:link, #right a:link, #left a:visited, #right a:visited { 
	color: #314559; 
	text-decoration: none; 
	}
	
#left a:hover, #right a:hover { 
	text-decoration: underline;
	}
	
#left img, #right img { border: 1px solid #999;}

#left ul { 
	margin-left: 0px; 
	padding-left: 25px; 
	}

#left li { list-style-image: url(/images/point.gif); }

#right ul { 
	margin-left: 0px; 
	padding-left: 15px; 
	}

#right li { list-style-image: url(/images/point.gif); }

#right { font-size: 8.5pt; }

.box { 
	margin: 10px 0; 
	padding: 10px; 
	height: 75px; 
	background: #B3CCBE url(/images/main_box.gif); 
	}

.box { 
      width: 390px;
 	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width: 370px;
} 

html>body .box {
 	width: 370px;
} 

.box_inside { 
	color: #FFFFFF; 
	font-size: 14pt; 
	vertical-align: middle; 
	margin: 30px 0 0 0; 
	line-height: 0.7;
	}

html>body .box_inside { margin: 25px 0 0 0; }

/* Navigation Style */

div#nav_bar, div#nav_bar_customer, div#datasheet_bar { 
	width: 650px; 
	height: 22px; 
	margin: 0 auto 10px auto;  
	background-color: #B4C1CD; 
	text-align: center; 
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	}

div#nav_bar_customer { 
	margin: 0 auto 0 auto;  
	background-color: #B4C1CD; 
	}
	
div#datasheet_bar { 
	background-color: #B3CCBE; 
	border-top: 0;
	border-bottom: 1px solid #EEE; 
	}
	
ul#navigation {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}
ul#navigation li {
	float: left;
	display: inline;
	margin: 0 0 0 0;
	background-color: #99ABBB;
}
ul#navigation li a {
	font: 12px/22px Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #B4C1CD;
	width: auto;
	display: block;
	padding: 0 10px 0 10px;
	text-decoration: none;
}
ul#navigation li a:visited {
}

ul#navigation li a:hover {
	background-color: #99ABBB;
}

ul#datasheet_navigation {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}
ul#datasheet_navigation li {
	float: left;
	display: inline;
	margin: 0 0 0 0;
	background-color: #B3CCBE;
}
ul#datasheet_navigation li a {
	font: 12px/22px Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #B3CCBE;
	width: auto;
	display: block;
	padding: 0 10px 0 10px;
	text-decoration: none;
}
ul#datasheet_navigation li a:visited {
}

ul#datasheet_navigation li a:hover {
	background-color: #94B8A3;
}

div#nav_bottom { 
	text-align: center; 
	border-bottom: 1px solid #E8E8E1; 
	border-top: 1px solid #E8E8E1; 
	padding: 5px 0; 
	color: #999980;
	}

div#nav_bottom { 
	margin: 10px 20px 0px 20px; 
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	margin: 10px 40px 0px 40px;  
} 

html>body div#nav_bottom {
	margin: 10px 40px 0px 40px; 
} 

div#nav_bottom a:link, div#nav_bottom a:visited { 
	color: #999980; 
	text-decoration: none; 
	}
	
div#nav_bottom a:hover { 
	border-bottom: 1px solid #999980; 
	}
	
/* Misc */

.sizeup { font-size: 9.5pt; }

#hide_me { display: none; }