@charset "UTF-8";


body	{
	background-color: #e3e7c4;
	text-align: center;
	color: #386157;
	margin: 0 0 0 0;
	padding: 0px 28px 0 0;
	}
	
a	{
	color: #386157;
	}
	
.hoverhand	{
	cursor:pointer;
	}
	
div#contactlink	{
	width: 80px;
	margin-top: 40px;
	}
	
div#contactlink img.title	{
	border: none;
	}
	
img#thumber	{
	height: 87px;
	}
	
div#thumb	{
	}
	
/* LANDING PAGE STYLES */
	
body#home #container {
	background-image: url(http://hatchone.com/ee/images/home_egg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
body#home #container	{
	margin: 114px auto 0 auto;
}

body#home #thumb	{
	display: none;
	visibility: hidden;
	}
	
body#home #prod_text	{
	margin-top: 0px;
	}
	
body#contact #thumb	{
	width: 347px;
	}
	
#mainContent	{
	margin-top: 120px;
	}
	
body#Define .prod_nav	{
	margin-top: 0px;
	}
	
body#Define #prod_container	{
	margin-top: 0px;
	}
	
body#Design #prod_container	{
	margin-top: 36px;
	}
	
body#Engineer #prod_container	{
	margin-top: 72px;
	}
	
body#Prototype #prod_container	{
	margin-top: 108px;
	}
	
body#Produce #prod_container	{
	margin-top: 144px;
	}
	
#thumb	{
	margin-top: 27px;
	width: 314px;
	text-align: right;
	}
	
#detail	{
	float: right;
	margin-top: 80px;
	text-align: left;
	width: 299px;
	overflow:hidden;
	}
	
#detail img	{
	}

#container	{
	margin: 0px auto 0 auto;
	width: 649px;
	/* width: 723px; */
	border: 1px solid #e3e7c4;
	min-height: 450px;
	text-align: left;
	}
	
p	{
	line-height: 18px;
	font-weight: 500;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
	}
#logo	{
	margin-top: 15px;
	}
	
#nav	{
	
	text-align: right;
	padding-right: 12px;
	width: 77px;
	margin-left: 107px;
	margin-left: 100px; /* landing */
	text-align: left;
	width: 78px;
	padding-top: 4px;
	}
	
#nav img	{
	}
	
#nav img.lastItem	{
	margin-bottom: 0px;
	}
	
#nav img.title, #nav img.title_nomo {
	text-align: left;
	margin: 0;
	padding: 0;
	margin-left: 12px;
	border:none;
	float:none;
	}
	
	
#prod_container	{
	width: 445px; 
	float:right;
	}
	

	
#prod_container	p	{
	margin-left: 20px;
	}
	
.prod_nav	{
	margin-bottom: 13px;
	}
	
img.title, img.title_current_page	{
	float: left;
	margin-right: 6px;
	padding-right: 6px;
	border-right: 1px solid #FFF;
	}
	
.prod_nav li.last_item img.title, .prod_nav li.last_item img.title_current_page, .prod_nav li.Yes img.title, .prod_nav li.Yes img.title_current_page	{
	border-color: #e3e7c4;
	}
	
.prod_nav li {
	display: block;
	/* margin-right: 18px; */
	}
	
#prod_text p	{
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 16px;
	}
	
body#home #prod_text p	{
	margin-left: 0px;
	}
	
body#home #prod_container	{
	width: 430px;
	}
	

	
#nav_arrows	{
	float: right;
	margin-top: -6px;
	width: 40px;
	}
	
.scrollRight, .scrollLeft	{
	margin-top: 0px;
	margin-left: 0px;
	}

/* .prod_nav {
	overflow:hidden;
	width:345px;
	border-right:1px solid #ccc; 
}*/
.prod_nav ul {
        margin: 0;
        padding: 0;
		float:left;

	}
.prod_nav li {
	float:left;
	margin-top: 5px;
	cursor:pointer;
	list-style-type: none;
}


 div.p1 div.page_2, div.p1 div.page_3, div.p1 div.page_4, div.p1 div.page_5, div.p1 div.page_6, div.p1 div.page_7, div.p1 div.page_8,
 div.p2 div.page_1, div.p2 div.page_3, div.p2 div.page_4, div.p2 div.page_5, div.p2 div.page_6, div.p2 div.page_7, div.p2 div.page_8,
 div.p3 div.page_1, div.p3 div.page_2, div.p3 div.page_4, div.p3 div.page_5, div.p3 div.page_6, div.p3 div.page_7, div.p3 div.page_8,
 div.p4 div.page_1, div.p4 div.page_2, div.p4 div.page_3, div.p4 div.page_5, div.p4 div.page_6, div.p4 div.page_7, div.p4 div.page_8,
 div.p5 div.page_1, div.p5 div.page_2, div.p5 div.page_3, div.p5 div.page_4, div.p5 div.page_6, div.p5 div.page_7, div.p5 div.page_8,
 div.p6 div.page_1, div.p6 div.page_2, div.p6 div.page_3, div.p6 div.page_4, div.p6 div.page_5, div.p6 div.page_7, div.p6 div.page_8,
 div.p7 div.page_1, div.p7 div.page_2, div.p7 div.page_3, div.p7 div.page_4, div.p7 div.page_5, div.p7 div.page_6, div.p7 div.page_8, 
 div.p8 div.page_1, div.p8 div.page_2, div.p8 div.page_3, div.p8 div.page_4, div.p8 div.page_5, div.p8 div.page_6, div.p8 div.page_7	{
	display: none;
	}  
	
	
/* HOVERs */

img.scrollRight:hover, img.scrollLeft:hover, img.scrollRight img.scrollLeft	{
	
cursor: pointer;
}


span.next	{
	margin-left: 4px;
	}
	
span.prev	{
	margin-left: 3px;
	}
	
	
span.next img, span.prev img	{

	}
	
span.next, span.prev	{
	border: 1px solid #e3e7c4;
	}