/*--------------------- Last Modified --> 2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. 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/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/
fieldset,img,a img,:link img,:visited img {border:0;}

/* ------------------------ form elements ------------------------ */
form {
	width:125px;
	margin:10px 0 15px 12px; /* set margin left and right below */
	}

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

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

input, textarea, select { 
	background-color:#BBBAC8 !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #000033;
	color:#000;
	width:120px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* 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:.75em;
	}

select { width:125px; padding:0; } /* same width as form - !important */

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

#contact_business { display: none; } /* do not remove */ 


/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

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

#contact-main label { 
	width:220px; 
	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; } /* fixes display issue - 5px larger than input field */

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

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

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

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

#content {
margin:0 200px 10px 0;
}

/* ------------------------ vertical sprite nav ------------------------ */
#nav {
	background:url("../images/nav.jpg") top left no-repeat;					
	width:118px;	/* Width of buttons, not entite image (or half of entire image) */
	height:177px;	 /* Height of entire image */
	margin:0px 0px 0px 10px;
	padding:0;
	}

#nav li span { display: none; }

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

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

/* margin-top to set where the nav should begin */
#nav-01 { margin-top:10px; width:100px; }

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

#nav-01 a:hover { background:url("../images/nav.jpg") -120px  -10px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -100px  -110px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -100px  -210px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -100px  -310px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -100px -410px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -100px -510px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -100px -610px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -100px -710px no-repeat; }

/* ------------------------ son of suckerfish: vertical sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	margin-left:100px; /* Set to same width as in #nav */
	margin-top:0px; /* Set to each button height, same as used above */
	}

#nav li ul li {
	height:20px; /* Height of each drop down nav item */
	border:0px solid #FF00FF;
	border-top:none;
	}

#nav li ul li a {
	width:80%;
	height:20px; /* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:0px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:12px;
	color:#0C0C3D;
	text-decoration:none;
	font-weight:bold;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover { 
	background-image:none;
	text-decoration:none;
	}

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