/* ------------------------------------------------------------------------------------- */
/* 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                                     */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */


/* basic elements
 * ------------------------------------------------------------------------------------- */
body {
	background: #2E385C url(../images/bg.gif);
	margin: 0px;
	padding: 0px;
	text-align: center;
}

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

a:link, a:visited {
	color: #DA4024;
	text-decoration: underline;
}
a:hover, a:active {
	color: #E5745F;
	text-decoration: underline;
}

#content ul li {
	list-style-image: url(../images/arrow.gif);
	padding-left: 10px;
}

div, ul, li, h1, h2, h3, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
h1 span, h2 span, h3 span {display: none;}
/* main structural elements
 * ------------------------------------------------------------------------------------- */

#wrapper {
	width: 758px;
	margin: 0 auto;
	background: url(../images/bg_main.jpg) top left repeat-y;
}

#main {
	width: 716px;	
	margin: 0 auto;
}

#banner {
	width: 716px;
	height: 340px;
	background: url(../images/bg_banner.jpg) top left no-repeat;
}

#menu {
	background:url("../images/menu.jpg") top left no-repeat;					
	width:268px;	/* Width of buttons, not entite image (or half of entire image) */
	height:340px;	 /* Height of entire image */
	margin:0;
	padding:0;
	float: right;
	}

#menu li span { display: none; }

#menu li { float:left; list-style:none; position:relative; }

#menu li, #menu a { 
	height:26px;	/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the menu should begin */
#menu-01 { margin-top:23px; width:268px; }

/* margin-top if there is a spacing between each menu button */
#menu-02, #menu-03, #menu-04, #menu-05, #menu-06, #menu-07, #menu-08, #menu-09 { margin-top:0; width:268px; }

#menu-01 a:hover { background:url("../images/menu.jpg") -268px  -23px no-repeat; }
#menu-02 a:hover { background:url("../images/menu.jpg") -268px  -49px no-repeat; }
#menu-03 a:hover { background:url("../images/menu.jpg") -268px  -75px no-repeat; }
#menu-04 a:hover { background:url("../images/menu.jpg") -268px  -101px no-repeat; }
#menu-05 a:hover { background:url("../images/menu.jpg") -268px -127px no-repeat; }
#menu-06 a:hover { background:url("../images/menu.jpg") -268px -153px no-repeat; }
#menu-07 a:hover { background:url("../images/menu.jpg") -268px -179px no-repeat; }
#menu-08 a:hover { background:url("../images/menu.jpg") -268px -205px no-repeat; }
#menu-09 a:hover { background:url("../images/menu.jpg") -268px -231px no-repeat; }

p.back-to-top {text-align: right; display: block;}


#btn-vw { background:url("../images/btn-vw.jpg") no-repeat; position:relative; height:157px;}

	#btn-vw a { position:absolute; height:101px; width:174px; top:54px; left:18px;}
	
	#content-left p.vw-text { font-size:10px; margin:0 0 0 20px;}

#content {
	width: 716px;
	text-align: left;
}
	
	#content-right {
		width: 514px;
		float: right;
		padding-bottom: 10px;
	}
		body#index #content-right h1, body#index #content-right h2, body#index #content-right h3, body#index #content-right p {
	margin-left: 15px;
	margin-right: 20px;
		}
		#content-right h1, #content-right h2, #content-right h3, #content-right p, #content-right ul {
	margin-left: 30px;
	margin-right: 20px;
		}
			#content-right form {margin-left: 30px;}
		#content-right ul {padding-left: 20px; margin-bottom: 20px;}
		
		#welcome-bg {
			width: 514px;
			background: url(../images/bg_welcome.jpg) top left repeat-y;
		}
		
		#welcome {
			width: 514px;
			background: url(../images/bg_welcome_img.jpg) bottom right no-repeat;
			padding-bottom: 5px;
		}
			body#index #welcome h1, body#index #welcome p {
				margin-left: 55px;
				margin-right: 180px;
				line-height: 16px;
			}
		
		#index-meet {
			width: 311px;
		}
		#index-procedures {
			width: 203px;
		}
		
		#index-meet, #index-procedures {
			float: left;
		}
		
		body#index #index-meet h1, body#index #index-meet h2, body#index #index-meet p {
			margin-left: 55px;
			margin-right: 10px;
			line-height: 18px;
		}
		
		body#index #index-procedures ul {
	margin-left: 35px;
		}
			
	
	#content-left {
		width: 202px;
		float: right;
	}
		#content-left p,  #content-left h2 {
			margin-left: 30px;
			margin-right: 15px;
		}
	#content-left form {padding-left: 30px;}
#page-footer {
	background: url(../images/page_footer.jpg) top left no-repeat;
	width: 758px;
	height: 82px;
	clear: both;
}

#footer {
	width: 758px;
	margin: 0px auto;
	text-align: center;
}
	#footer p {
		color: #FFFFFF;
	}

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

div.clear {
	clear: both;
	overflow: hidden;
	height: 1px;
}

/* ------------------------ form elements ------------------------ */

form label	{ font-size:.95em; } 

form br { line-height:0; height:0; }

input, textarea, select { 
background-color:#fff !important;
border:1px solid #323B58;
color:#000;
width:145px;
height:18px;
line-height:18px;
vertical-align: middle;
margin-bottom:4px;
padding:1px 0 0 4px;
font-family: Arial, Helvetica, sans-serif; 
font-size:1.0em;
}

select { width:150px; padding:0; }

textarea { height:66px; overflow:auto; }

#contact_business { display: none; }

/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
width:170px; 
position:relative; 
display:block; 
text-align:right; 
margin-bottom:10px;
font-size:1.0em;
}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
width:170px;
position:absolute; 
left:110%; 
top:-2px;
}

#contact-main label select { width:175px; height: 20px; }

#contact-main label textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */

input.submit { 
width:60px;
height:25px;
cursor:pointer; 
padding:0; 
}
input.submit-contact-main {
width:60px;
height:25px;
cursor:pointer; 
padding:0; border: 1px solid #000;
margin-bottom: 0px;
padding-bottom: 0px;

}

input.submit-contact-main { margin:95px 0 0 193px; } /* defines placement of contact-main submit button */