/* ------------------------------------------------------------------------------------- */
/* 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 {
	text-align:center;
	margin: 0 0 0 0;
	background-color: #2F516F;
	background-image: url("../images/bg.gif");
}

p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input { 
	margin:0;
	padding:0;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1B1919;
}

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

a:link, a:visited {
	color: #020D5F;
	text-decoration: underline;
}

a:hover, a:active {
	color: #711108;
	text-decoration: none;
}

.inline-img {
	display: inline;
	border: 0;
}
/* End basic elements
 * ------------------------------------------------------------------------------------- */
 


/* main structural elements that span entire page
 * ------------------------------------------------------------------------------------- */
#banner {
	height: 174px;
	width: 780px;
	margin:0;
	padding:0;
	border:0;
}

#header {
	margin:0;
	padding:0;
	border:0;
}

#wrapper {	
	text-align: left;
	width: 780px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:0;
	padding: 0px;
	border: none;
	background: url("../images/index/body_bkgd.jpg") repeat-y left top;
}

#sub-spacer {
	background: url("../images/index/sub_body_bkgd.jpg") repeat-y left top;
	margin:0;
	padding:0;
	border:0;
}

#foot {
	background: url("../images/index/footer.jpg") no-repeat left top;
	height: 93px;
	width: 780px;
	clear:both;
	margin:0;
	padding:0;
	border:0;
}

#sub-foot {
	background:url("../images/index/footer-sub.jpg") no-repeat left top;
	height:93px;
	width:780px;
	clear:both;
	margin:0;
	padding:0;
	border:0;
}
	#sub-foot p {
		margin:0px 250px 0px 55px;
		}


/* main structural elements that span entire page
 * ------------------------------------------------------------------------------------- */



/* index left column
 * ------------------------------------------------------------------------------------- */
#left-column {
	float:left;
	width: 232px;
	padding:0;
	border:0;
	margin:0;
	display: inline;
}

#left-column p {
	margin: 10px 20px 10px 40px;
}

#read-more-left {
	border: 0;
	padding:0;
	margin: 0 0 0 135px;
}
/* End index left column
 * ------------------------------------------------------------------------------------- */



/* index center column
 * ------------------------------------------------------------------------------------- */
#center-column {
	float:left;
    width:323px;
	padding:0;
	border:0;
	margin:0;
}

#center-column h1 {
	margin: 10px 10px 10px 10px;
	color: #1B1919;
	font-size: 13px;
}

#center-column p {
	margin: 10px 10px 10px 10px;
}

#center-column h2 {
	margin: 10px 10px 10px 10px;
}



#faq {
	position: relative; /* for ie 6 float bug disappearing content */
	padding:0;
	border:0;
	margin:0;
	background: url("../images/index/faq_spacer_bkgd.jpg") repeat-y left top;
}

#faq h2 {
	margin: 10px 10px 10px 15px;
	color: #1B1919;
	font-size: 12px;
}

#faq p {
	margin: 10px 15px 10px 15px;
}

#read-more-faq {
	border: 0;
	padding:0;
	margin: 0 0 0 220px;
}

#read-more-center {
	border: 0;
	padding:0;
	margin: 0 0 0 220px;
}

#edwards-pic {
	margin: 0 5px 0 0;
} 
/* End index center column
 * ------------------------------------------------------------------------------------- */



/* sub left column
 * ------------------------------------------------------------------------------------- */
#sub-left-column {
	float:left;
	margin:0;
	padding:0;
	border:0;
	width:555px;
}

#sub-left-column h1 {
	margin: 20px 35px 10px 50px;
	color: #1B1919;
	font-size: 13px;
}

#sub-left-column h2 {
	margin: 10px 35px 0 50px;
	color: #1B1919;
	font-size: 12px;
}

#sub-left-column h3 {
	margin: 10px 35px 0 50px;
	color: #1B1919;
	font-size: 11px;
}

#sub-left-column p {
	margin: 0 35px 13px 50px;
	padding: 0;
	border: 0;
}

#sub-left-column ul {
	margin: 0 35px 13px 70px;
	padding: 0;
	border: 0;
	}

#sub-left-column ul li ul {
	margin: 0 35px 0 15px;
	padding: 0;
	border: 0;
	}

#faq-list {
	margin: 0 35px 13px 50px;
	list-style:  none;
}
/* End sub left column
 * ------------------------------------------------------------------------------------- */



/* right column
 * ------------------------------------------------------------------------------------- */
#right-column {
	float:right;
	width:225px;
	padding:0;
	border:0;
	margin:0;
	display: inline;
}
.testimonial {
	margin-left: 20px;
	margin-right: 35px;
}
#contact-text {
	margin: 20px 40px 20px 30px;
}

#address {
	margin: 40px 0 0 0;
	padding:0;
	border:0;
	text-align:right;
	color:#000066;
}

#logo-links {
	padding: 0;
	border: 0;
	margin: 25px 0 0 14px;
}
/* End right column
 * ------------------------------------------------------------------------------------- */
 
 
 
/* contact form
 * ------------------------------------------------------------------------------------- */
/* ----- global form elements ----- */ 

form {
	width:148px;
	margin:10px 0 15px 0;
	}

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

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

input, textarea, select { 
	background-color:#5E7D99 !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #172F44;
	color:#EEEEEE;
	width:143px; /* 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:1.0em;
	}
	
select { width:148px; 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 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:170px; }
	
#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:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 0 0 242px; }

#quickcontactform {
	width: 150px;
	margin: 0 0 0 30px;	
	padding: 0;
	border: 0;
	}
	
#quickcontactform img.ptt { margin-left:-30px; padding-top:10px; }

.red {
	color: red;
}

/* End contact form
 * ------------------------------------------------------------------------------------- */
 
 /*  Case Studies  */
 
 #case-spacer {
 	background: url("../images/sub/cases/spacer.gif") repeat-y left top;
 }
 	 #case-spacer p{
		margin-left: 35px;
		margin-right: 35px;
		text-align: left;
	 }
	 
	 
/* footer text nav
 * ------------------------------------------------------------------------------------- */
#footer {
	padding:0;
	border:0;
	width: 530px;
	margin: 0px auto 10px auto;
	text-align: center;
}

#footer p{

	margin: 10px;
	padding: 0px;
	border: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}	
	#footer a:link, #footer a:visited {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	#footer a:hover, #footer a:active {
		color: #FFFFFF;
		text-decoration: none;
	}
	

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/index/nav.jpg") no-repeat; 
	width:780px; 
	height:23px; 
	margin:0;
	padding:0;
	}

#nav span { display: none; }

#nav li, #nav a { height:23px; display:block; } /* change height here also */

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

#nav-01 { width: 61px; margin-left: 91px;}
#nav-02 { width: 118px;}
#nav-03 { width: 127px;}
#nav-04 { width: 162px;}
#nav-05 { width: 54px;}
#nav-06 { width: 79px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/index/nav.jpg")   -91px -23px no-repeat; }
#nav-02 a:hover { background:url("../images/index/nav.jpg") -152px -23px no-repeat; }
#nav-03 a:hover { background:url("../images/index/nav.jpg") -270px -23px no-repeat; }
#nav-04 a:hover { background:url("../images/index/nav.jpg") -397px -23px no-repeat; }
#nav-05 a:hover { background:url("../images/index/nav.jpg") -559px -23px no-repeat; }
#nav-06 a:hover { background:url("../images/index/nav.jpg") -613px -23px no-repeat; }

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#E0DFDB;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

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

#nav li ul li a {
	width:100%;
	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:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#151963;
	text-decoration:none;
	}

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

/* Hover styles for drop down items */
#nav-03 ul a:hover, #nav-04 ul a:hover { 
	background-image:none;
	background-color:#BDBCB7;
	color:#151963;
	text-decoration:none;
	}

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


/* navigation buttons index page
 * ------------------------------------------------------------------------------------- */
#button-menu {
			background: url("../images/index/buttonnav.jpg") no-repeat left top;					
			width: 232px;
			height: 490px;
			padding: 0px;
			margin: 0px;
			position: relative;
			}
			
#button-menu li span {display: none;}
#button-menu li {margin: 0; padding: 0; list-style: none; position: absolute; float:left;}
		
#button-menu li, #button-menu a {height: 70px; width: 232px; display: block;}
#button-menu1 {top: 0px;}
#button-menu2 {top: 70px;}
#button-menu3 {top: 140px;}
#button-menu4 {top: 210px;}
#button-menu5 {top: 280px;}
#button-menu6 {top: 350px;}
#button-menu7 {top: 420px;}
		
#button-menu1, #button-menu2, #button-menu3, #button-menu4, #button-menu5, #button-menu6, #button-menu7 { left: 0px; width: 232px;}

#button-menu1 a:hover {background: transparent url("../images/index/buttonnav.jpg") -232px -0px no-repeat;}
#button-menu2 a:hover {background: transparent url("../images/index/buttonnav.jpg") -232px -70px no-repeat;}
#button-menu3 a:hover {background: transparent url("../images/index/buttonnav.jpg") -232px -140px no-repeat;}
#button-menu4 a:hover {background: transparent url("../images/index/buttonnav.jpg") -232px -210px no-repeat;}
#button-menu5 a:hover {background: transparent url("../images/index/buttonnav.jpg") -232px -280px no-repeat;}
#button-menu6 a:hover {background: transparent url("../images/index/buttonnav.jpg") -232px -350px no-repeat;}
#button-menu7 a:hover {background: transparent url("../images/index/buttonnav.jpg") -232px -420px no-repeat;}

/* End navigation buttons index page
 * ------------------------------------------------------------------------------------- */
 
  input#contact_business{ display:none; }