/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */


/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background: #FFFFFF;
	text-align: center;
}

p, div, li, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}

a img, :link img, :visited img { border: none }

a:link, a:visited {
	color: #1E5036;
	text-decoration: underline;
}
a:hover, a:active {
	color: #3C7959;
	text-decoration: underline;
}

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 762px;
	margin: 0 auto;
	text-align: left;
}

#index #wrapper {
	background: url(../images/bg-main.jpg) top left repeat-y;
}
#sub #wrapper {
	background: url(../images/bg-sub.jpg) top left repeat-y;
}

#banner {
	width: 762px;
	height: 199px;
	background: url(../images/banner_36.jpg) left top no-repeat;
}

/* HORIZONTAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url(../images/menu.gif) top left no-repeat;					
	width: 762px;
	height: 29px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#menu li span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menu li, #menu a {height: 29px; display: block;}
#menu-01 {left: 0px; width: 54px;}
#menu-02 {left: 54px; width: 85px;}
#menu-03 {left: 139px; width: 99px;}
#menu-04 {left: 238px; width: 106px;}
#menu-05 {left: 344px; width: 94px;}
#menu-06 {left: 438px; width: 129px;}
#menu-07 {left: 567px; width: 131px;}
#menu-08 {left: 698px; width: 64px;}

#menu-01 a:hover {background: transparent url(../images/menu.gif) -0px -29px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/menu.gif) -54px -29px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/menu.gif) -139px -29px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/menu.gif) -238px -29px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/menu.gif) -344px -29px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/menu.gif) -438px -29px no-repeat;}
#menu-07 a:hover {background: transparent url(../images/menu.gif) -567px -29px no-repeat;}
#menu-08 a:hover {background: transparent url(../images/menu.gif) -698px -29px no-repeat;}

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#areas {
	background: url(../images/index/areas.gif) top left no-repeat;					
	width: 178px;
	height: 440px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#areas li span {display: none;}
#areas li {margin: 0; padding: 0; list-style: none; position: absolute;}

#areas li, #areas a {height: 40px; display: block;}
#areas-01 {top: 0px;}
#areas-02 {top: 40px;}
#areas-03 {top: 80px;}
#areas-04 {top: 120px;}
#areas-05 {top: 160px;}

#areas-06 {top: 200px;}
#areas-07 {top: 240px;}
#areas-08 {top: 280px;}
#areas-09 {top: 320px;}
#areas-10 {top: 360px;}

#areas-01, #areas-02, #areas-03, #areas-04, #areas-05, #areas-06, #areas-07, #areas-08, #areas-09, #areas-10 { width: 178px; }

#areas-01 a:hover {background: transparent url(../images/index/areas.gif) -178px -0px no-repeat;}
#areas-02 a:hover {background: transparent url(../images/index/areas.gif) -178px -40px no-repeat;}
#areas-03 a:hover {background: transparent url(../images/index/areas.gif) -178px -80px no-repeat;}
#areas-04 a:hover {background: transparent url(../images/index/areas.gif) -178px -120px no-repeat;}
#areas-05 a:hover {background: transparent url(../images/index/areas.gif) -178px -160px no-repeat;}
#areas-06 a:hover {background: transparent url(../images/index/areas.gif) -178px -200px no-repeat;}
#areas-07 a:hover {background: transparent url(../images/index/areas.gif) -178px -240px no-repeat;}
#areas-08 a:hover {background: transparent url(../images/index/areas.gif) -178px -280px no-repeat;}
#areas-09 a:hover {background: transparent url(../images/index/areas.gif) -178px -320px no-repeat;}
#areas-10 a:hover {background: transparent url(../images/index/areas.gif) -178px -360px no-repeat;}

/* content
 * ------------------------------------------------------------------------------------- */
#content-right, #welcome, #content-left, #content-sub {
	float: right;
}

#content-right {
	width: 178px;
}
#welcome {
	width: 393px;
}
	#welcome h1, #welcome h2, #welcome h3, #welcome p, #welcome ul, #content-sub h1, #content-sub h2, #content-sub h3, #content-sub p, #content-sub ul {
		margin-left: 20px;
		margin-right: 20px;
	}
	#welcome li, #content-sub li {
		list-style-image: url(../images/arrow.gif);
		margin-left: 17px;
	}
	
#content-left {
	width: 191px;
}
	#content-left p, #content-left form { 
		margin-left: 17px;
		margin-right: 10px;
	}

#content-sub {
	width: 571px;
}

/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	width: 762px;
	height: 28px;
	clear: both;
}
#index #page-footer {
	background: url(../images/index/footer.jpg) top left no-repeat;
}
#sub #page-footer {
	background: url(../images/footer-sub.jpg) top left no-repeat;
}

#footer {
	width: 742px;
	margin: 0px auto;
	padding: 14px;
	text-align: center;
}

	#footer li { 
		margin: 0px;
		padding: 0px;
		display: inline;
	}
	
	#footer a:link, #footer a:visited {
		color: #1E5036;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #3C7959;
		text-decoration: underline;
	}

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	color: #000000;
	border: 1px solid #2F7751;
	background-color: #1E5036;
}

.quickcontact {
	width: 150px;
}

.disclaimer {
	font-size: 11px;
	color: #000000;
	text-align: left;
}

.phonenumbers p{
	color: #FFFFFF;
}

.vcard  a:active, .vcard a:hover, .vcard a:link, .vcard a:visited {
	color: #000000;
	font-weight: bold;
}