/* ------------------------------------------------------------------------------------- */
/* 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 {
	background-image:  url("../images/index/bg.jpg");
	margin: 0;
	text-align:left;
	padding: 0;
	background-repeat: repeat-x;
	background-color: #CFE1EF;
}
p, ul, h1, h2, h3, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #036;
}
div, ul, li, h1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1 {
	font-size:12px;
	font-weight:bold;
}

h2 {font-size:22px; font-family:"Times New Roman", Times, serif; color:#30679F;}
.sitemap {font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#30679F;}

h3 {color:#006699;}

#bgtile {
background-image: url("../images/index/bgtile.jpg");
background-repeat:repeat-y;
}

#indexlowernav {
background-image:url(../images/index/index_slice16.jpg);
background-repeat:repeat-y;
}

#indexlowernav-marginleft {
margin:0px;
padding:5px 15px 40px 40px;
text-align:left;
}

#indexlowernav-marginright {
margin:0px;
padding:5px 49px 40px 20px;
text-align:left;
}

.leftmargin {
margin:0px;
padding:0px 15px 40px 47px;
text-align:left;
}

.mainmargin {
margin:0px;
padding:0px 49px 10px 40px;
text-align:left;
}

#spritenavmargins {
margin:0px;
text-align:left;
height:158px;
padding:13px 0px 0px 29px;
}

#bgtop {
background-image: url("../images/index/bgtop.jpg");
background-repeat:no-repeat;
background-position:top left;
}

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

a:link, a:visited {
	color: #036;
	text-decoration: underline;
}
a:hover, a:active {
	color: #4F8A46;
	text-decoration: underline;
}

#emailus {
background-image:url(../images/index/index_slice11.jpg);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
}

#ouroffice {
background-image:url(../images/sub/ouroffice.jpg);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
}

/* SPRITE NAVIGATION */
#menu {
	background:url(../images/index/nav.jpg) top left no-repeat;
	width: 190px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 158px;		/* Height of entire image */
}
#menu li span {display: none;}
#menu li {
	float: left;
	list-style: none;
}
#menu li, #menu a { 
	height: 32px;			/* Each button must have the same height, define it here */
	display: block;
}

/* Increments of each button height defined above */
#menu-01 {top: 0px;}
#menu-02 {top: 32px;}
#menu-03 {top: 64px;}
#menu-04 {top: 96px;}
#menu-05 {top: 128px;}

/* width set here should be same width set in #menu */
#menu-01, #menu-02, #menu-03, #menu-04, #menu-05 { left: 0px; width: 190px; }

/* Changed values should match "top" numbers specified above */
#menu-01 a:hover {background: transparent url(../images/index/nav.jpg) -190px -0px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/index/nav.jpg) -190px -32px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/index/nav.jpg) -190px -64px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/index/nav.jpg) -190px -96px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/index/nav.jpg) -190px -128px no-repeat;}

/* SON OF SUCKERFISH */

#menu li ul {
	position: absolute;
	left: -9999px;
	background-color: #fff;
	border:1px solid #B2B2B2;
	margin-left: 175px;		
	margin-top: -32px;			
}

#menu li ul li {
	height: 23px;
	border-bottom:1px solid #B2B2B2;
	border-right:1px solid #B2B2B2;	/* Height of each drop down menu item */
}
#menu li ul li a {
	width: 100%;
	height: 23px;				/* Height of each drop down menu item, should match above */
	line-height: 23px;			/* Height of each drop down menu item again, should match above */
}
#menu li ul li a span {
	display: block;
	padding-left: 5px;
}

/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-size: 14px;
	font-weight:bold;
	color: #355681;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}

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

/* Hover styles for drop down items */
#menu-04 ul a:hover {
	background-image: none;
	color:#4F8A46;
}

/* width of drop down menu - choose width that allows items to display on one line */	
#menu-04 ul, #menu-04 li { width: 80px; }

/* header
 * ------------------------------------------------------------------------------------- */


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


/* footer
 * ------------------------------------------------------------------------------------- */
#footer {
width: 700px;
}

#footer-margins {
background-image:url(../images/index/index_slice23.jpg);
background-repeat:repeat-y;
text-align:center;
margin:0px;
padding:15px 15px;
}

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #386896;
	border-bottom:3px;
	border-top:3px;
	margin:1px;
	border: 1px solid #386896;
	background-color: #fff;
}

.quickcontact {
	width: 150px;
}

.submit {
border:none;
}

/* main contact */

#big-contact { 
	padding:20px 0 10px 0; 
}

#big-contact form, #big-contact label, #big-contact input, #big-contact textarea { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#386896; 
}

#big-contact label { 
	position:relative; 
	display:block; 
	text-align:right; 
	color:#036; 
	width:150px; 
}

#big-contact label input, #big-contact label textarea { 
	background-color:#fff; 
	border:1px solid #386896; 
	position:absolute; 
	left:110%; 
	top:-2px; 
}

#big-contact label input { 
width:150px; 
}

#big-contact label textarea { 
	top:0; 
	width:200px; 
	height:100px; 
}

.submit-big-contact { 
	margin:85px 0 0 165px; 
	border:none;
}