/* ------------------------------------------------------------------------------------- */
/* 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 url(../images/bg.jpg) top left repeat-x;
	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: #4F005D;
	text-decoration: underline;
}
a:hover, a:active {
	color: #985FA2;
	text-decoration: underline;
}

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 772px;
	margin: 0 auto;
	background: url(../images/bg-main.gif) top left repeat-y;
	text-align: left;
}

#top {	
	width: 772px;
}
	#top img {
		float: left;
	}

#banner {
	width: 772px;
	height: 201px;
	background: url(../images/banner.jpg) top left no-repeat;
	clear: both;
}

#content-left {
	width: 569px;
	float: left;
}
	#content-left p, #content-left h1, #content-left h2, #content-left h3, #content-left h4, #content-left ul {
		margin-left: 60px;
		margin-right: 40px;
	} 
	
	#content-left li {
		margin-left: 20px;
	}

#content-right {
	width: 203px;
	float: right;
}
	#content-right p, #content-right form {
		margin-left: 15px;
		margin-right: 20px;
	}
	#content-right p {
		font-size: 11px;
		line-height: 14px;
	}

#welcome {
	width: 569px;
	background: url(../images/index/bg-welcome.jpg) top left repeat-y;
	padding-bottom: 7px;
}
	#welcome p, #welcome h1, #welcome h2 {
		margin-left: 210px;
		margin-right: 30px;
	}
	
	#welcome-left {
		background: url(../images/index/welcome-pic.jpg) top left no-repeat;
		width: 195px;
		float: left;
	}
		#welcome-left ul {
			margin: 165px 0 0 0;
		}

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

#menu li, #menu a {height: 40px; display: block;}
#menu-01 {left: 71px; width: 48px;}
#menu-02 {left: 119px; width: 115px;}
#menu-03 {left: 234px; width: 48px;}
#menu-04 {left: 282px; width: 109px;}
#menu-05 {left: 391px; width: 103px;}
#menu-06 {left: 494px; width: 49px;}

#menu-01 a:hover {background: transparent url(../images/menu.gif) -71px -70px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/menu.gif) -119px -70px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/menu.gif) -234px -70px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/menu.gif) -282px -70px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/menu.gif) -391px -70px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/menu.gif) -494px -70px no-repeat;}

#buttons {
	background: url(../images/buttons.jpg) top left no-repeat;					
	width: 195px;
	height: 137px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#buttons li span {display: none;}
#buttons li {margin: 0; padding: 0; list-style: none; position: absolute;}

#buttons li, #buttons a {height: 48px; display: block;}
#button-01 {top: 29px;}
#button-02 {top: 81px;}

#button-01, #button-02 { left: 47px; width: 140px; }

#button-01 a:hover {background: transparent url(../images/buttons.jpg) -242px -29px no-repeat;}
#button-02 a:hover {background: transparent url(../images/buttons.jpg) -242px -81px no-repeat;}


/* content
 * ------------------------------------------------------------------------------------- */


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

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

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

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #FF870F;
	background-color: #FFFFFF;
}

.quickcontact {
	width: 150px;
}

.img-right {
	float: right;
	padding-left: 7px;
	padding-bottom: 5px;
}