/* main background and fonts - not content*/
body { 
		background-color: #edede1;
		color: #000;
		font-family: Arial, sans-serif;
		font-size: 14px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}

/* box around site content - index page  */
#allcontent {
			background: #c1c1ac url('images/topbg.png') top left no-repeat;
			width: 798px;
			padding-top: 0px;
			padding-bottom: 0px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 10px;
			margin-bottom: 0px;
			min-height: 695px;
			border: 2px solid #999966;
		}
		
/* header for title or logo */		
#logo {
			background: url('images/circle.png') repeat-x;
			width: 788px;
			margin: 0px 0px 0px 0px;
			height: 120px;
			text-align: center;
			float: left;
			padding: 0px 0px 0px 10px;
		}

#maincontent {
			background: #999966 url('images/bg.png') top right no-repeat;
			color: #000;
			font-size: 120%;
			width: 590px;
			margin: 0px 15px 15px 20px;
			padding: 0px 10px 5px 10px;
			min-height: 565px;
			float: left;
			text-align: left;
		}
		
#latest1 {
			color: #000;
			font-size: 100%;
			width: 250px;
			margin: 5px 0px 0px 20px;
			padding: 0px 10px 5px 10px;
			min-height: 300px;
			float: left;
			text-align: center;
		}
		
#latest2 {
			color: #000;
			font-size: 100%;
			width: 250px;
			margin: 5px 15px 0px 10px;
			padding: 0px 10px 5px 10px;
			min-height: 300px;
			float: left;
			text-align: center;
		}

.product {
			background: #878756;
			padding: 5px 0px 5px 0px;
			margin: 0px;
		}
		
.product2 {
			background: #878756;
			padding: 5px 0px 5px 0px;
			margin: 0px 10px 10px 15px;
			width: 270px;
			height: 270px;
			text-align: center;
			float: left;
		}
		
.product3 {
			background: #878756;
			padding: 5px 0px 5px 0px;
			margin: 0px 10px 10px 15px;
			width: 270px;
			height: 220px;
			text-align: center;
			float: left;
		}
		
.aperture {
			background: #878756;
			padding: 5px 0px 5px 0px;
			margin: 0px 10px 10px 15px;
			width: 270px;
			height: 350px;
			text-align: center;
			float: left;
		}
		
.center {
		text-align: center;
		margin-top: 4px;
		}
		
.center2 {
		text-align: center;
		margin: 0px;
		padding: 0px;
		}
		
.small {
		font-size: 40%;
		padding: 0px;
		margin: 0px;
		}
		
.clear {
clear: both;
}

.cup {
border: 0;
margin: 0px auto;
text-align: center;
}
		
/*******************************************************************************/
/** COLUMNS - left and right - left aligned text  *************************************/
		
#col1 {
			color: #000;
			font-size: 100%;
			width: 250px;
			margin: 0px 0px 0px 20px;
			padding: 10px 0px 0px 0px;
			min-height: 200px;
			float: left;
			text-align: left;
		}
		
#col2 {
			color: #000;
			font-size: 100%;
			width: 250px;
			margin: 10px 20px 0px 20px;
			padding: 0px 0px 0px 0px;
			min-height: 200px;
			float: left;
			text-align: left;
		}
		
/*******************************************************************************/
/*******************************************************************************/
		
/*******************************************************************************/
/** FOOTER for validation buttons   ************************************************/

		#footer {
		width: 798px;
		text-align: right;
		margin: 5px auto 0px auto;
		}
		
.link {
	border: 0px;
	background: none;
	}

/*******************************************************************************/
/*******************************************************************************/
	
/*******************************************************************************/
/** HEADINGS *****************************************************************/

h1 {
	background: url('images/h1.png') no-repeat;
	width: 120px;
	height: 20px;
	padding: 5px;
	color: #434443;
	text-align: center;
	margin: 2px 0px 1px 0px;
	font-size: 100%;
	}
	
h2 {
	background: url('images/h2.png') no-repeat;
	width: 590px;
	height: 20px;
	padding: 5px;
	color: #434443;
	text-align: center;
	margin: 2px 0px 1px 0px;
	font-size: 100%;
	}
	
h3 {
	background: url('images/h3.png') no-repeat;
	width: 590px;
	height: 20px;
	padding: 5px;
	color: #434443;
	text-align: center;
	margin: 2px 0px 1px 0px;
	font-size: 100%;
	}
	
#line {
	background: url('images/h3.png') no-repeat;
	width: 590px;
	height: 20px;
	padding: 5px;
	color: #434443;
	text-align: center;
	margin: 2px 0px 1px 0px;
	font-size: 80%;
	}
	
.line {
	background: url('images/h3.png') no-repeat;
	width: 590px;
	height: 20px;
	padding: 5px;
	color: #434443;
	text-align: center;
	margin: 2px 0px 1px 0px;
	font-size: 80%;
	}

.description {
	font-size: 70%;
	font-style: italic;
	}
	
/*******************************************************************************/
/*******************************************************************************/

/*******************************************************************************/
/** NAVIGATION ***************************************************************/
	
#navigation {
			background: #999966;
			background-position: bottom left;
			width: 139px;
			margin: 0px 0px 0px 5px;
			min-height: 570px;
			text-align: left;
			float: left;
			padding: 0px 0px 0px 5px;
			text-align: left;
		}
		
.nav {
	padding: 0px 1px 0px 1px;
	margin: 1px 0px 0px 7px;
	text-decoration: none;
	font-size: 90%;
	}
	
ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	}
	
li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#navigationlink {
			}

	#navigationlink ul {
	padding: 0;    /* removes indent Mozilla and NN7 */
	list-style-type: none;     /* turns off display of bullet */
	float: left;
	color: #f4f5f4;
	margin: 0px 0px 0px 3px;
	list-style: none
	}

	#navigationlink li {
	margin: 1px 0px 0px 0px;
	padding-bottom: 0px
	}

	#navigationlink li a
	{
		color: #383838;
		text-decoration: none;
		background: #b5b595;
		border: 1px solid #383838;
		display: block;
		width: 125px;
		font-weight: normal;
	}

	#navigationlink li a:hover
	{
		color: #383838;
		text-decoration: none;
		background: #a1b7aa;
	}
	
#navigation-stitch {
			width: 125px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			float: left;
			padding: 0px 0px 0px 0px;
			text-align: left;
		}
		
#navigation-dec {
			width: 125px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			float: left;
			padding: 0px 0px 0px 0px;
			text-align: left;
		}
		
#navigation-gsd {
			width: 125px;
			margin: 0px 0px 0px 0px;
			text-align: center;
			float: left;
			padding: 0px 0px 0px 0px;
			text-align: left;
		}
		
#navigation-iris {
			background: none;
			width: 125px;
			margin: 0px 0px 0px 0px;
			text-align: center;
			float: left;
			padding: 0px 0px 0px 0px;
			text-align: left;
		}
		
#navigation-tea {
			background: none;
			width: 125px;
			margin: 0px 0px 0px 0px;
			text-align: center;
			float: left;
			padding: 0px 0px 0px 0px;
			text-align: left;
		}
		
/*******************************************************************************/
/*******************************************************************************/

/*******************************************************************************/
/** LINKS **********************************************************************/

/* how links appear */
a:link {
			color: #000;
			font-weight: bold;
			text-decoration: none;		
			border-bottom: dotted thin #c1c1ac;
		}

/* how links appear when they have been visited - stay same as non-visited for continuity */
a:visited {
			color: #000;
			font-weight: bold;
			text-decoration: none;		
			border-bottom: dotted thin #c1c1ac;
		}

/* how links appear when the mouse hovers over them - change colour so user knows  it is a link */
a:hover {
			color: #000;
			text-decoration: none;
			background: #c1c1ac;
		}