/* ------------------------------------------------------------------------------------- */
/* 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, h1, h2, h3, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}


body {
	background: url(../images/bg.jpg);
}


p, div, li, div, 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;
}


h1, h2 {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 16px;
}


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


a:link, a:visited {
	color: #50305F;
	text-decoration: underline;
}
a:hover, a:active {
	color: #C59FD8;
	text-decoration: underline;
}


/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 700px;
	margin: 0px auto;
	padding: 0px;
}


#main-index {
	width: 400px;
	margin: 0px auto;
	padding: 0px;
}


#main-sub {
	width: 600px;
	margin: 0px auto;
	padding: 0px;
}


/* navigation
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url("../images/nav.gif") left top no-repeat;					
	width: 700px;
	height: 23px;
	padding: 0px;
	margin: 0px;
	position: relative;

}
#menu li a span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}


#menu li, #menu a {height: 23px; display: block;}

#menu-01 {
	left: 0px;
	width:105px;
}
#menu-02 {
	left: 107px;
	width:112px;
}
#menu-03 {
	left: 220px;
	width:115px;
}
#menu-04 {
	left: 335px;
	width:113px;
}
#menu-05 {
	left: 450px;
	width:92px;
}
#menu-06 {
	left: 544px;
	width:90px;
}
#menu-07 {left: 634px; width:66px;}


#menu-01 a:hover {background: transparent url(../images/nav.gif) 0px -23px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/nav.gif) -107px -23px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/nav.gif) -220px -23px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/nav.gif) -335px -23px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/nav.gif) -450px -23px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/nav.gif) -544px -23px no-repeat;}
#menu-07 a:hover {background: transparent url(../images/nav.gif) -634px -23px no-repeat;}


/* header
 * ------------------------------------------------------------------------------------- */
#header {
	width: 700px;
	height: 103px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/header.jpg) left top no-repeat;
}


/* content
 * ------------------------------------------------------------------------------------- */
#container-index {
	width: 500px;
	margin: 0px auto;
	padding: 0px;
}


	#right-index {
		width: 350px;
		float: right;
	}
		#right-index p, #right-index h1, #right-index h2 {
			margin: 10px;
		}
	
	#left-index {
		width: 150px;
		float: right;
	}
	
	#flash-index {
		width: 400px;
		height: 517px;
		margin: 0px auto;
		padding: 0px;
		background: url(../images/index/flash_holder.jpg) left top no-repeat;
	}


#container-sub {
	width: 600px;
	margin-top: 15px;
	padding: 0px;
}


	#right-sub {
		width: 400px;
		float: right;
	}
		#right-sub p, #right-sub h1, #right-sub h2, #right-sub h3 {
			margin: 10px;
		}
		#right-sub ul {
			margin-left:25px;
			}
		
	#left-sub {
		width: 200px;
		float: right;
	}
		#left-sub p {
			margin: 5px 5px 0px 40px;
		}
	
/* footer
 * ------------------------------------------------------------------------------------- */
/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	background: url(../images/footer-img.jpg) top left no-repeat;
	width: 700px;
	height: 56px;
	clear: both;
}


#footer {
	width: 700px;
	margin: 0px auto;
	padding: 14px;
	text-align: center;
	font-size:11px;
}


#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 3px 0 3px;
	display: inline;
	border-left: 1px solid #000;
	}

	#footer li.first { border: none; }
	
	#footer a:link, #footer a:visited {
		color: #000000;
		text-decoration: underline;
			font-size:11px;
	}
	#footer a:hover, #footer a:active {
		color: #C7AA01;
		text-decoration: underline;
	}


/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 
/* ----- global form elements ----- */ 

form {
	width:140px;
	margin:10px 0 15px 42px;
	}
	
#left-index form {
	width:140px;
	margin:10px 0 15px 0px;
	}
		
form label	{ font-size:.95em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select {
	/* 12.02.2011 lp - 2 color scheme possibilities	Scheme 2 = background-color:#DED4BF, border:2px solid #50305F; */
	/* Scheme 1 below */
	background-color:#DED4BF !important; /* to prevent highlighting by Google Toolbar */
	border:3px solid #CFC25E;
	
	/* original scheme 	background-color:#C7AA01 border:1px solid #fff; */
	/* lp - end Scheme 1 */
	
	color:#000;
	width:135px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:2px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	}
	
select { width:140px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }
#contact-business { display: none; } /* do not remove */ 


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

#contact-main label { 
	width:120px; 
	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; }
	
#contact-main label textarea { height:100px; overflow:auto; }

#contact-business-main { display: none; } /* do not remove */ 


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

input.submit, input.submit-contact-main { 
	width:60px;
	height:21px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 133px; }
p.testimonial {
	color: #EFD8CA;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}