/* CSS Document */

body 
		{
		text-align: center;			/*centers containing block for IE*/
		background-color: #403C30;	
		color: #FAF0E6;
		font: 80% "Trebuchet MS", Verdana, Tahoma, sans-serif;
		margin: 0px;
		padding: 0px;
		}

h1, h2, p, ul, img {
		margin: 0px;
		padding: 0px;
		border: 0px;
		display: block;
		position: absolute;
		}

div 		{
		margin: 0px;
		padding: 0px;
		display: block;
		}

#outer		{				/*outer containing block*/
		margin: 0px auto;		/*sets top & bottom margins to 0 and centers containing block horizontally (not in IE)*/
		position: relative;		
		background-color: transparent;
		text-align: center;		/*need to set a text-align to counteract IE block centering workaround*/
		width: 900px;
		top: 30px;
		left: 50px;
		}

h1		{
		top: 5px;
		left: 0px;
		text-transform: uppercase;
		color: #FAF0E6;
		font-size: 2em;
		font-family: "Trebuchet MS";
		font-weight: 700;
		}

h2		{
		top: 35px;
		left: 0px;
		color: #FAF0E6;
		font-size: 1.3em;
		font-family: "Trebuchet MS";
		font-weight: 500;
		}
		
#content
		{
		position: absolute;
		background-color: #303C40;
		text-align: left;
		width: 650px;
		height: 650px;
		top: 75px;
		left: 0px;
		}

#float		{
		position: absolute;
		margin-top: 10px; 
		margin-left: 15px;
		width: 500px;
		height: 650px;
		border: 0px;
		overflow: auto;
		}
		
#navbar
		{
		position: absolute;
		background-color: transparent;
		text-align: left;
		width: 150px;
		height: 350px;
		top: 105px;
		left: 650px;
		}

#copyright
		{
		position: absolute;
		background-color: #695D59;
		color: #FAF0E6;
		font-size: 0.8em;
		text-align: left;
		width: 650px;
		height: 15px;
		top: 725px;
		left: 0px;
		}

.thumbnail	
		{
		position: relative;
		display: inline;
		background-color: transparent;
		margin: 15px 0px 0px 25px;
		border: 0px;
		height: 190px;
		width: 125px;
		float: left;
		text-align: left;
		}


.desc		
		{
		position: relative;
		background-color: transparent;
		text-align: center;
		color: #FAF0E6;
		width: 115px;
		height: 50px;
		top: 145px;
		}

.desc2		
		{
		position: relative;
		display: inline;
		margin: 35px 10px 0px 20px;
		background-color: transparent;
		text-align: left;
		float: left;
		color: #FAF0E6;
		width: 280px;
		height: 135px;
		border: 0px;
		padding: 0px;
		}

.desc2 p	
		{
		text-align: center;
		}

.basketpic	
		{
		position: relative;
		display: inline;
		background-color: transparent;
		margin: 15px 0px 0px 20px;
		border: 0px;
		height: 110px;
		width: 100px;
		float: left;
		text-align: left;
		}
.cart	
		{
		position: relative;
		display: inline;
		background-color: transparent;
		margin: 15px 50px 0px 0px;
		border: 0px;
		margin-bottom: 0px;
		height: 25px;
		width: 100px;
		float: right;
		text-align: right;
		}
		
form		{
		display: inline;
		}

.image
		{
		background-color: #FAF0E6;
		border-color: #303C40;
		width: 120px;
		height: 140px;
		display: inline;
		}


#image4
		{
		background-color: black;
		position: absolute;
		width: 140px;
		height: 650px;
		top: 75px;
		left: 490px;
		}
		
ul		
		{
		list-style: none;
		margin-left: 1.2em;
		line-height: 1.75em;
		}

a:hover		{ 
		border:transparent; 
		} 
 

		
a:hover img	{
		border: 3px solid #FAF0E6;
		border-style: outset;
		}
		
a:link
		{
		color: #FAF0E6;
		text-decoration: none;
		}

a.a_footer:link
		{
		color:#999999;
		}

a:visited
		{
		color: #FAF0E6;
		text-decoration: none;
		}

a.a_footer:visited
		{
		color:#999999;
		}

a:link:hover, a:visited:hover
		{
		color:#838EB5;
		text-decoration: none;
		}		

a.a_footer:link:hover, a.a_footer:visited:hover
		{
		color:#838EB5;
		text-decoration: none;
		}