/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrapper
  - Header
  - Sidebar
  - Content
  - Footer
  ( Navigation is defined in nav.css )
  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/
@import url(global/base.css);
@import url(global/style.css);
@import url(nav/vertical.css);

/* BODY 
----------------------------------------------------------------*/
body {
	background: #fff url(../images/back_body.png) no-repeat center top;
	margin: 0 auto;
	text-align: center;
}
/* WRAPPER
----------------------------------------------------------------*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	margin-top:0;
	text-align: center;
	clear: both;
	margin-bottom:0;
}
/* HEADER
----------------------------------------------------------------*/
#header {
	height: 105px;
	width: 960px;
	margin: 0 auto;
	margin-top: 60px;
}
#branding {
	height: 106px;
	width: 595px;
	margin-left: 252px;
	clear: both;
}

/* CONTENT
----------------------------------------------------------------*/
#content {
	text-align: left;
	clear: both;
	margin: 0 auto;
	width: 960px;
	margin-bottom:100px;
}

/* MAIN
----------------------------------------------------------------*/
#main {
	float: left;
	width: 595px;
	margin: 65px 0 0 0;
	text-align: left;
	overflow:hidden;
}
#main img{
	float:left;
}

#main.inner {
	margin: 30px 0 0 0;
}

#lysozyme #main, .lysozyme #main, #ovoproducts #main, .ovoproducts #main, #avidin #main, .avidin #main, .lysobier #main{
	margin:65px 0 0 165px;
	width:425px;
}
.pancreatic-enzymes #main h2, .ovalbumin #main h2, .ovotransferrin #main h2, .ovoproducts #main h2, .lysozyme #main h2, .lysopharma #main h2, .lysofood #main h2, .avidin #main h2{
	display:none;
}

#lysoclub #main {
	text-align:left;
}


/* SECONDARY CONTENT
----------------------------------------------------------------*/
#secondary {
	float: right; /* Creates a right sidebar */
	width: 100px;
	margin: 10px 0 0;
	display: inline; 
}


/* FOOTER
----------------------------------------------------------------*/
#footer {
	width: 700px;
	height: 50px;
	margin-top:50px;
	padding-top:14px;
	padding-left:260px;
	background: transparent url(../images/back_footer_trans.gif) no-repeat 0 0;
	text-align: left;
}
#copy {
	width: 100%;
	margin: 0 auto;
}