/* CSS Document */

body 
		{
		text-align: center;			/*centers containing block for IE*/
		background-color: #403C30;
		color: black;
		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: 300;
		}

td		{
		border: 0px;
		}
		
#content	{
		position: absolute;
		background-color: #303C40;
		text-align: left;
		width: 645px;
		height: 755px;
		top: 75px;
		left: 0px;
		overflow: auto;
		}

#float		{
		position: absolute;
		margin-top: 10px;
		width: 620px;
		height: 650px;
		border: 0px;
		
		}
		
#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: 645px;
		height: 15px;
		top: 830px;
		left: 0px;
		}

.thumbnailzoom	
		{
		position: relative;
		display: inline;
		background-color: #FAF0E6;
		margin: 15px 0px 0px 25px;
		padding: 0px;
		border: 0px;
		width: 351px;
		height: 575px;
		float: left;
		text-align: center;
		}

.thumbnail	
		{
		position: relative;
		display: inline;
		background-color: #FAF0E6;
		margin: 15px 0px 0px 20px;
		padding: 0px;
		border: 0px;
		width: 100px;
		height: 130px;
		float: left;
		text-align: center;
		}

.desc		
		{
		position: relative;
		text-align: center;
		color: black;
		width: 90px;
		height: 15px;
		top: 110px;
		}

.desczoom		
		{
		position: relative;
		text-align: center;
		color: black;
		width: 341px;
		height: 15px;
		top: 548px;
		}

.thumbnail2	
		{
		position: relative;
		display: inline;
		background-color: transparent;
		color: #FAF0E6;
		margin: 15px 10px 0px 25px;
		border: 0px;
		width: 360px;
		float: left;
		text-align: left;

		}

.thumbnail3	
		{
		background-color: transparent;
		color: #FAF0E6;
		margin-top: 10px;
		margin-left: 15px;
		height: 140px;
		width: 100px;
		float: left;
		display: inline;
		text-align: left;
		}

.thumbnail4	
		{
		background-color: transparent;
		color: #FAF0E6;
		margin: 15px 10px;
		border: 0px;
		height: 140px;
		width: 95px;
		float: left;
		display: inline;
		text-align: left;
		font-size: 0.8em;
		}


.empty	
		{
		position: relative;
		display: inline;
		background-color: transparent;
		margin: 15px 0px 0px 15px;
		border: 0px;
		height: 130px;
		width: 100px;
		float: left;
		text-align: center;
		}

.selection
		{
		position: relative;
		display: inline;
		color: #FAF0E6;
		margin-top: 15px;
		margin-right: 0px;
		width: 120px;
		height: 55px;
		float: right;
		text-align: right;
		border: 0px;
		}

form		
		{
		display: inline;
		}


.add		{
		color: #999999;
		position: relative;
		border: 0px;
		float: right;
		margin: 0;
		text-align: right;
		display: inline;
		background-color: #303C40;
		width: 130px;
		height: 20px;
		}

.uk		{
		color: #FAF0E6;
		font-size: 0.8em;
		margin: 0;
		float: right;
		display: inline;
		width: 120px;
		height: 20px;
		text-align: right;
		border: 0px;
		}

.view		{
		color: #999999;
		font-size: 0.8em;
		border: 0px;
		float: right;
		text-align: right;
		display: inline;
		background-color: #303C40;
		width: 150px;
		height: 20px;
		}

.size	
		{
		background-color: transparent;
		color: #999999;
		margin-left: 25px;
		margin-bottom: 5px;
		border: 0px;
		height: 75px;
		width: 620px;
		text-align: left;
		clear: both;
		}

.nb	
		{
		color: #999999;
		text-align: right;
		vertical-align: bottom;
		font-size: 0.8em;
		width: 320px;
		}

.image
		{
		background-color: #FAF0E6;
		height: 105px;
		width: 90px;
		left: 50%;
		margin-left: -45px;
		top: 5px;
		}

.imagezoom
		{
		background-color: #FAF0E6;
		height: 538px;
		width: 341px;
		left: 14.25%;
		margin-left: -45px;
		top: 5px;
		}


#image2
		{
		background-color: #FAF0E6;
		height: 113px;
		width: 150px;
		top: 10px;
		}

#image4		{
		background-color: black;
		width: 135px;
		height: 765px;
		top: 95px;
		left: 630px;
		}
		
ul		
		{
		list-style: none;
		margin-left: 1.2em;
		margin-top: 0;
		padding: 0;
		line-height: 1.75em;
		}
		
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;
		}