#container {
	position:relative;
	background:#FFFFFF;
	width:721px;
	margin:auto;
	border:1px dashed #000000;
	height:100%;
}
#top {
	position:absolute;
	left:30px;
	top:0px;
	height:129px;
	background:#FFFFFF;
	border-bottom:1px solid #000000;
	}
#logo {
	position:absolute;
	height:129px;
	width:175px;
	left:0px;
	top:0px;
	z-index:2;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#header {
	position:absolute;
	height:129px;
	width:440px;
	left:202px;
	top:0px;
	z-index:2;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	margin-bottom: 20px;
}
#footer {
	position:relative;
	height:20px;
	bottom:15px;
	background:#FFFFFF;
	margin:20px;
	font-size:12px;

	}
#navigation {
	position:relative;
	left: 30px;
	top:170px;
	width:175px;
	height:160px;
	padding-top: 20px;
	z-index:3;
	background-color: #FFFFFF;
	border: 1px solid;
}
#navcell {
	position:relative;
	margin: auto;
	height:20px;
	width: 150px;
	z-index:5;
	background-image:url(images/arrow.gif);
	background-repeat: no-repeat;
	background-color: #000066;
	text-indent: 32px;
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #FFFFFF;
	border: 1px solid #666666;
}



/*START Links rollover*/
#navcell a,
#navcell a:link,
#navcell a:visited,
#navcell a:active{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding: 2px;

}
#navcell a:hover{
	background: #ffffff;
	background-image:url(images/arrowover.gif);
	background-repeat: no-repeat;
	color: #4B6477;
}

/*END Links rollover*/

#content {
	position:relative;
	left:232px;
	top:0px;
	width:400px;
	z-index:1;
	background-color:#FFFFFF;
	border: 1px solid;
	margin-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}


/*START image headers*/
#about, #company, #contact, #links, #products, #framing, #dreoilinglass, #cameraclub, #mounting {
	position:relative;
	background-repeat:no-repeat;
	text-indent:-100em;
	top:0px;
}
#about {
	background-image:url(images/about.gif);
}
#company {
	background-image:url(images/company.gif);
}
#contact {
	background-image:url(images/contact.gif);
}
#links {
	background-image:url(images/links.gif);
}
#products {
	background-image:url(images/products.gif);
}
#framing {
	background-image:url(images/framing.gif);
}
#dreoilinglass {
	background-image:url(images/dreoilinglass.gif);
}
#cameraclub {
	background-image:url(images/cameraclub.gif);
}
#mounting {
	background-image:url(images/mounting.gif);
}
/*END image headers*/

/*START floaters*/
	/*OPTIONAL START
.float a,
.float a:link,
.float a:visited,
.float a:hover,
.float a:active{
	}
OPTIONAL END */
#galleryfloat {
	float:left;
	margin: 10px;
	padding: 10px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
  } 
.photofloat {
	border: 1px dashed;
	float:left;
	margin: 10px;
	padding: 10px;
  } 
.float {
	position:relative;
	padding-left:5px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	border: 1px solid;
	float:left;
	width: 150px;
	height:325px;
  } 
.float p {
	margin-top: 0px;
	margin-bottom: 0px;

   } 
.container {
  border: 2px dashed #333;
  background-color: #ffe;
  }

/*END floaters*/

.heading {
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 8px;
	}
.subheading {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0C9D49;
	font-weight: bold;
	}
.subheading a,
.subheading a:link,
.subheading a:visited,
.subheading a:active {
	color: #0C9D49;
	text-decoration:none;
	}
.subheading a:hover {
	color: #999999;
	}
.text {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}
.boldtext {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
}
.boldtext a,
.boldtext a:link,
.boldtext a:visited,
.boldtext a:active {
	color:#000066;
	text-decoration:none;
	}
.caption {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	padding-left: 8px;
	}
/*START IE has different P margin to FF*/
p {
	margin-bottom: 1px;
	margin-top: 10px;
}
/*END IE has different P margin to FF*/
a img {
	border: none;
	}
a:link {
	color: 000066;
}
a:visited {
	color: 000066;
}

body {
	margin-top: 0px;
	background-color: #FAF298;
}
ul {
  float: left;
  margin: 0;
  padding: 0;
}
li {
  float: left;
  width: 10em;
  margin: 0;
  padding: 0;
}