/**********************************************************************************************

			
	1. BASE
			1.1 Reset
			1.2 Accessibility navigation
			1.3 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Secondary content
			2.4 Footer
		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	body { line-height: 1;}	
	ol, ul { list-style: none;}
	blockquote, q { quotes: none;}
	blockquote:before,  blockquote:after,  q:before, q:after { content: '';content: none; }
	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse;border-spacing: 0; }
	

/* 1.2	Accessibility navigation
-----------------------------------------------------------------------------------------------*/	

	#accessibility-nav { position: absolute; left: -1000em; text-align: left; }

/* 1.3	Default styles
-----------------------------------------------------------------------------------------------*/	
	
	html { min-height: 100%; height: 100%; }
	body { width: 100%; margin: 0 auto; background: #666666; background-image: url(../images/diamond.gif); font: 70% Arial, Helvetica, sans-serif; text-align: center; }
	hr { display: none; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	abbr, acronym { border: none; cursor: help; }
	input, textarea, select { font: 1em Arial, Helvetica, sans-serif; }
	input:focus { outline: none; }
	a { color: #aaaaaa; text-decoration: none; }
	a:hover, a:active { color: #ffffff; text-decoration: underline; }
	img { vertical-align: bottom; }
	h1 { margin: 0 0 10px 0; font-weight: normal; font-size: 2.0em; color: #ffffff; text-transform: uppercase; }


/* 1.4	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hidden { display: none;}
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.container { width: 954px; margin: 0 auto;  text-align: left; font-size: 1.2em; color: #000000; }
	.container2 { width: 964px; background: url(../images/bg.png) no-repeat;  }
	.container3 { width: 964px; background: url(../images/homebg_alt.png) no-repeat; }

		
	#header { width: 900px; margin: 0 0 0px 47px; padding: 40px 0 0 0; position: relative; }
	#content { width: 330px; 
	float: right; 
	margin: 0 142px 50px 0; 
	display: inline;
	}
	
	#secondary-content { 
	width: 234px; 
	float: left; 
	margin: 0 0 50px 46px; 
	display: inline;
	 }
	 
	#footer { 
	width: 954;
	height: 70px; 
	overflow: hidden; 
	padding: 80px 28px 20px 28px; 
	clear: both; 
	background: url(../images/bg_footer.png) no-repeat 0 100%; color: #999999; 
	font-weight: bold; 
	vertical-align: baseline;
	}
	
	
	
	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	/* logo */
	#header h1, #header h1 span,
	#header a.logo, #header a.logo span {
	overflow: hidden;
	text-align: center;
}
	#header h1, #header h1 span { 
	width: 171px; 
	height: 145px; 
	}
	#header a.logo, #header a.logo span {
	margin: 0; 
	width: 302px;
	height: 181px;
	background-image: url(../images/SearchSleeve-final.png);
	float:left;
	cursor: pointer;
}
	#header h1 { 
	position: absolute; 
	bottom: 25px; 
	right: 88px; 
	}
	
		
	
	/* navigation */
	#navigation li { float: right; 
	margin: 10px 20px 0 0; 
	display: inline;
	padding: 2px 2px; 
	font-size: 14px; 
	}
	#navigation:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
	#navigation li a { 
	font-weight: bold; 
	}
	#navigation li a.current { 
	color:#FFFFFF; 
	}
	#navigation li a.current:hover, #navigation li a.current:active { 
	color: #FFFFFF; } 
	
	
	

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	
	#content p { line-height: 2em; }

	
	

/* 2.3	Secondary content
-----------------------------------------------------------------------------------------------*/	

	#secondary-content p {
	width: 200px;
	text-align: left;
	font-weight: normal;
	font-size: 1.2em;
	color: #000000;
	text-transform:uppercase;
	line-height:1.5em;
}
	#secondary-content img { margin: 10px 0 24px 0; }


/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

			
	/* footer links */
	#footer ul { float: left; padding: 12px 0 0 8px; font-size:30px; }
	#footer ul li { float: left; border-left: 1px solid #999999; padding: 0 8px; }
	#footer ul li.first { padding-left: 0; border: none; }
	#footer ul li a { color: #999999; }
	#footer ul li a:hover, 
	#footer ul li a:active { color: #000000; }

	/* email signup*/
	#footer .email-signup { width: 328px; float: right; overflow: hidden; position: relative; padding: 8px 30px 6px 0; }
	#footer .email-signup label { float: left; width: 162px; text-align: right; padding: 4px 0 0 0; }	
	#footer .email-signup input.textfield { float: left; width: 134px; margin: 0 8px; padding: 4px 8px 4px 8px; border: none; background: url(../images/bg_textfield.gif) no-repeat; color: #524130; }
	#footer .email-signup input.button { clear: both; position: absolute; right: 8px; top: 7px; }

	/* footer p */
#footer p {
float: left;
padding: 12px 0 0 8px;
}