/* Enviro Diagnostics CSS Document
   Layout 
   Written by Bridget Stewart for Designing Interactive */
   
@import url(typography.css);

/*
--------------------------------------------
=General Styles
--------------------------------------------
*/
html
{
	text-align: center;
	background: #fff;
}
body 
{
	margin: 0 auto;
	text-align: left;
	padding: 1em 0;
	width: 79.5em;	
}
h1 img
{
	float: left;
	width: 12.993em;
}
/*
--------------------------------------------
=HEADER Styles
--------------------------------------------
*/
#masthead
{
	height: 7em;
}
ul#nav
{
	float: right;
	position: relative;
	top: 66%;
}
ul#nav li
{
    float: left;
}
ul#nav img
{ 
	position: relative;
	z-index: 3;
}
/*
--------------------------------------------
=CONTENT Styles
--------------------------------------------
*/

/* =Global Content */
#content
{
	background: #eee;
	position: relative;
	clear: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 1em;
}
#column1, #column2
{
	padding-top: 2em;
}

/* =Home Page */
#home-page #content
{
	padding-bottom: 0;
	margin-bottom: 1em;
	height: 42.1em;
	background: #ddd url(images/landscape.jpg) top left no-repeat;
}
#intro-text
{
	width: 75%;
	margin: 29% auto 0;
}
#intro-text p
{
	margin-top: 2.5em;
}

/* =Company Page */
#company-page #column2 img
{
	float: right;
	margin-right: 1.5em;
}

/* =Qualifications Page */
#qualifications-page #column1
{
	padding-bottom: 1em;	
}
#qualifications-page #column2
{
	padding-left: 0.5em;
}
#association-imgs img
{
	float: left;
	margin: 2em 4.5em 0 0;
}
#association-imgs img.right
{
	margin-right: 0;
}

/* =FAQs Page */
#faqs-page #column2 img
{
	float: left;
	margin: 0 1em 1em 1.5em;
}

/* =Links & =Fees Pages */
#links-page #column1 img, 
#fees-page #column1 img
{
	width: 47em;
	margin-left: 2em;
	padding-bottom: 1em;
	float: left;
}
#links-page #column2,
#fees-page #column2
{
	float: right;
	width: 29.5em;
}
#fees-page #statement
{
	background: #eee;
	position: relative;
	margin-top: -1em;
	padding-bottom: 0.5em;
	z-index: 1;
}

/* =Contact Page */
#contact-page #enviro-info
{
	padding-bottom: 1em;
}
#contact-page #enviro-info p
{
	line-height: 0.25;
}
#contact-page #column2 h2
{
	margin-left: 0;
}
#contact-page #column2 img
{
	float: right;
	padding-right: 2em;
}
/*
--------------------------------------------
=FORM Styles
--------------------------------------------
*/
#inquiry-form
{
	position: relative;
	width: 45%
}
#inquiry-form label
{
	position: relative;
	left: 0;
}
#inquiry-form #customer-info input
{
	position: absolute;
	left: 20%;
	width: 68%;
}
#inquiry-form #customer-info ol li
{
	margin-bottom: 1.5em;
}
#inquiry-form textarea
{
	width: 88%;
	height: 5em;
}
#inquiry-form .submit
{
	position: relative;
	left: 0;
	margin: 1em 0;
}
/*
--------------------------------------------
=FOOTER Styles
--------------------------------------------
*/
#site-info
{
	clear: left;
}
#associations
{
	float: left;
}
#visa-mc-logo, #esa-logo, #iaqa-logo
{
	height: 3.45em;
}
#aiaqc-logo
{
	height: 3.77em;
}
img#emblem
{
	float: right;
	margin-left: 1em;
}
/*
--------------------------------------------
=MICROFORMATS Styles
--------------------------------------------
*/
.vcard
{
padding-bottom: 0.25em;
}
.hide
{
	display: none;
	overflow: hidden;
}