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

	CSS on Sails
	Title: Essex
	Author: XHTMLized
	Date: June 2008 

***********************************************************************************************
		
	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			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	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #13132B;
		font: 62.5% Georgia, "Times New Roman", Times, serif;
		text-align: center;
		}

	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Arial, Helvetica, sans-serif;
	}

	a {
		color: #525252;
		text-decoration: underline;
	}
	
	a:hover, 
	a:active {
		color: #ff0000;
		text-decoration: none;
	}
	

/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}
  
  .clear {clear:both;}
	

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

	
	.container {
		width: 1006px;
		position: relative;
		margin: 0 auto;
		text-align: left;
    background: transparent url(../images/bg.png) repeat-y 137px 0;    
    color: #333;
	}
	
	#header {height: 175px; display: block; overflow: hidden;}
	
	/* Default (two column layout) */
	
	#content {
		float: right;
		width: 665px;
    padding: 0 101px 54px 101px;
    display: block; overflow: hidden;
	}
		
	#sidebar {
		width: 139px;
		float: left; 
    display: block; overflow: hidden;
	}
	
	#footer {
		clear: both;
    display: block; overflow: hidden;
    background: #13132B url(../images/bg-footer.png) no-repeat 137px 0px;
	}
		

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	#header h1, 
	#header h1 span,
	#header .logo a,
	#header .logo span {
		display: block;
		width: 1006px;
		height: 165px;
		overflow: hidden;
		cursor: pointer;
	}
	
	#header h1,
	#header .logo {
		position: absolute;
		top: 0;
		left: 0;
	}
		
	#header h1 span,
	#header .logo span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(../images/logo.png) no-repeat;
	}
	
	#accessibility-links {
		position: absolute;
		left: -1000em;
		text-align: left;
	}
	

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	  
  h2.welcome, h2.welcome span {
    position: relative;
    display: block;
		width: 665px;
		height: 138px;
		overflow: hidden;
  }
	h2.welcome span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(../images/welcome.jpg) no-repeat;
	}  
  
  #content {font-size: 1.1em; line-height: 1.3em; color: #525252;}
    #content p {margin: 0 0 0.5em 0;}
    #content a.home-links {float:left; }
    #content .home-top {display:inline-block; overflow: hidden; height: 188px;}
    #content .home-left {width:278px;padding: 0 7px 10px 0; float:left;}
    #content .home-right {width:380px;float:right;}
    
    #content .interior-left {width:278px; padding: 0 7px 10px 0; float:left;}   
    #content .interior-right {width:360px;float:right; padding: 0 0 0 20px;}   

    #content .product-list {display: inline-block; overflow: hidden; padding: 10px 0;}   
    #content .product-list li {display: inline;}
    #content .product-list li a {float:left; display:block; width: 55px; text-decoration: none; text-align: center;}
    #content .product-list li a span {text-decoration: underline;}
    
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
  #sidebar { font-size: 1.8em;}
    #sidebar ul {padding: 30px 0;}
    #sidebar li {text-align: center;}
    #sidebar li a {color: #E6E7EB; text-decoration: none; line-height: 2.0em;}
    #sidebar li a:hover {text-decoration: underline;}
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

  #footer {color: #fff; font-size: 1.1em; text-align: center; padding: 20px 0 30px 0;}