/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0px;
		padding: 0;
		background:#ebebeb;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		margin: 0 auto;
		width:750px;
		background:#fff;
		position:relative;
		}
		
	a {
		color: #666;
		}
		
	a img {
		border: 0;
		}
		
	.clear {
		clear: both;
		display:block;
		}

/* 2 :-------- Header ------------ */

	.header {
		height: 133px;
		background:url('../images/generic/header-bg.jpg') 0 0 no-repeat;
		position:relative;
		border-bottom:1px solid #ccc;
		}
	.header ul{
		float:right;
		list-style:none;
		padding:0;
		margin:6px 6px 0;
		}
	.header li{	
		float:left;
		color:#fff;
		padding:1px 8px;
		font-weight:bold;
		}
	.header li a{
		color:#fff;
		}
	.header .items{
		padding-left:23px;
		background:url('../images/icons/shoppingCart.gif') 0 0 no-repeat;
		border-right:1px solid #fff;
		}
		
	.mainLogo {
		position:absolute;
		left:20px;
		bottom:10px;
		background:url('../images/titles/crumpler-lite-site.gif') 0 0 no-repeat;
		width:355px;
		height:58px;
		display:block;
		text-indent:-9999px;
		}
	.sortDropDown{
		right:20px;
		color:#fff;
		position:absolute;
		top:-3.1em
		}
	.sortDropDown label{
		font-size:1.5em;
		font-weight:bold;
		color:#fff;
		}
	.sortDropDown select{
		border:1px solid #ccc;
		padding:0;
		margin:0 0 0 3px;
		width:209px;
		font-size:1em;
		}
	.sortDropDown input{
		padding:1px 7px;
		border:0;
		background:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:1em;
		vertical-align:top;
		margin:2px 0 0;
		cursor:hand;
		cursor:pointer;
		}
	.sortDropDown input:hover{	
		background:#999;
		color:#fff;
		}
		
	#flashSiteLink{
		background:url('../images/links/flashSiteLink.gif') 0 0 no-repeat;
		float:right;
		display:block;
		width:364px;
		height:30px;
		text-indent:-9999px;
		margin:0 20px 0 0;
		}

/* 3 :-------- Main Nav ------------ */
		
	/* nav backgrounds */
	
/* 4 :-------- Content ------------ */

	#content {
		clear: both;
		min-height: 400px; /* remove this value */
		padding: 0px;
		position:relative;
		}
	

/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer {
		clear: both;
		background:#ebebeb;
		padding: 29px 20px 29px 0;
		position:relative;
		height:1%;
		}
	.footer ul {
		margin: 0;
		padding: 10px 0 20px 157px;
		text-align:left;
		clear:left;
		float:left;
		width:590px;
		}
	.footer li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		color:#999999;
		}
	.footer a {
		padding: 2px 5px 2px 3px;
		font-size:1em;
		color:#999999;
		text-decoration:underline;
		}
	.footer a:hover{
		text-decoration:none;
		}
	#footnote{
		background:url('../images/generic/speech-top.gif') 0 0 no-repeat;
		float:left;
		padding-top:25px;
		font-size:1.16em;
		margin:-39px 0 0 121px;
		color:#fff;
		height:auto;
		width:382px;
		}
	#footnote span{
		background:url('../images/generic/speech-bottom.gif') 12px 100% no-repeat;
		display:block;
		padding:0px 10px 21px 37px;
		}
	.turtle{
		position:absolute;
		top:-22px;
		left:0;
		width:121px;
		height:129px;
		display:block;
		background:url('../images/generic/footnote-bg.jpg') 0 0 no-repeat;
		}