/* screen styles */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Non-displaying Elements
	Layout
	Typography
	Menu
	Gallery
*/

/* Non-displaying Elements*/
#logo img {
	display:none;
}

/* Layout */
body {
	background:#4D4944 url(images/bg.gif);
	text-align:center;
	padding: 10px 0px 20px;
}
#container {
	height:auto;
	left:0;
	margin:0 auto;
	position:relative;
	text-align:left;
	top:0;
	width:794px;
}
#logo {
	background:url(images/logo.gif) no-repeat left top;
	height:163px;
	left:0;
	position:absolute;
	top:0;
	width:231px;
	z-index:4;
}
#topImage {
	background:url(images/topImage.gif) no-repeat;
	height:158px;
	left:231px;
	position:absolute;
	top:0;
	width:563px;
}
#belowLogo {
	background:url(images/belowLogo.gif) no-repeat;
	height:160px;
	left:6px;
	position:absolute;
	top:163px;
	width:106px;
	z-index:2;
}
#contentBg {
	background:url(images/contentBg.gif);
	float:right;
	height:289px;
	position:absolute;
	right:0;
	top:0;
	width:168px;
	z-index:1;
}
#menu {
	border-style:none;
	border-width:0;
	display:block;
	float:none;
	left:117px;
	list-style:url(none) none outside;
	margin:0;
	padding:0;
	position:absolute;
	text-align:left;
	text-indent:0;
	top:163px;
	white-space:normal;
	width:193px;
	z-index:4;
}
#rightImage {
	background:url(images/rightImage.gif) no-repeat;
	height:267px;
	left:78px;
	position:absolute;
	top:323px;
	width:232px;
	z-index:2;
}
#contactInfo {
	color:#FFF;
	font:bold 0.7em Arial, Helvetica, sans-serif;
	height:auto;
	left:155px;
	position:absolute;
	text-align:right;
	top:600px;
	width:150px;
	z-index:2;
}
#bottom {
	background:url(images/bottom.gif) no-repeat 93px top;
	height:23px;
	padding-bottom:20px;
	position:relative;
	width:794px;
}
* > #bottom {
	clear:both;
	float:left;
}
#contentAndBottom {
	background:url(images/containerBg.gif) repeat-y right;
	clear:right;
	float:none;
	margin:0 0 163px;
	padding:0;
	position:relative;
	top:163px;
	width:794px;
	z-index:1;
}
* > #contentAndBottom {
	float:left;
}
#content {
	background:url(images/contentBg.gif) no-repeat 626px top;
	clear:both;
	float:left;
	height:485px;
	left:0;
	margin:0;
	padding:10px 35px 0 335px;
	position:relative;
	width:424px;
}
* > #content {
	height:auto;
	min-height:485px;
}
#moreInfo {
	float:right;
	font-size:0.8em;
	margin:0 -12px 15px 15px;
	position:relative;
	text-align:center;
	width:189px;
}
* > #moreInfo {
	left:12px;
}
#moreInfo .top {
	background:url(images/moreInfoTop.gif) no-repeat center top;
	font-size:0;
	height:5px;
}
#moreInfo .bottom {
	background:url(images/moreInfoBottom.gif) no-repeat center bottom;
	font-size:0;
	height:5px;
}
#moreInfo .content {
	background:#FFFEFC;
	border-left:2px solid #4D4944;
	border-right:2px solid #4D4944;
	padding:7px 10px;
}
* > #moreInfo .content {
	min-height:200px;
}
/* Typography */
#moreInfo p {
	margin:0;
}
noscript p{
	background-color: #FFFFFF;
	display: block;
	border: 2px solid #FF9933;
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 0.8em;
	color: #000000;
}
#contactInfo a:link,#contactInfo a:visited{
	color:#FFF;
	text-decoration: none;
}
a.block:link,a.block:visited{
	font-size:0.9em;
	padding:0 1em;
	text-decoration: none;
	display: block;
	text-align: center;
	background-color: #73716E;
	background-image: url(images/galleriesBlockLink.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	color: #FFF;
	margin-top: 1em;
}
a.block:hover, a.block:active{
	font-size:0.9em;
	padding:0 1em;
	text-decoration: none;
	display: block;
	text-align: center;
	background-image: url(images/galleriesBlockLink.gif);
	background-repeat:no-repeat;
	background-position:top center;
	color: #FFF;
	margin-top: 1em;
}
/* Menu */
#menu a {
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	height:32px;
	margin:0;
	padding:0;
	width:193px;
}
#menu a:hover,#menu a:active {
	background-position:top right;
}
#menu a span {
	display:none;
}
#menu li {
	clear:both;
	display:inline;
	float:left;
	height:32px;
	list-style:url(none) none inside;
	margin:0;
	padding:0;
	text-align:left;
	text-indent:0;
	white-space:normal;
	width:193px;
}
#btnHome {
	background-image:url(images/btnHome.gif);
}
#btnPatent {
	background-image:url(images/btnPatent.gif);
}
#btnGalleries {
	background-image:url(images/btnGalleries.gif);
}
#btnMoreInfo {
	background-image:url(images/btnMoreInfo.gif);
}
#btnContact {
	background-image:url(images/btnContact.gif);
}
/* Gallery */
div.gallery {
	background:url(images/galleriesBg.gif);
	color:#FFF;
	height:100px;
	margin-bottom:0.75em;
	padding:10px 10px 10px 20px;
	width:394px;
}
div.gallery h2 {
	margin:0 0 1em;
}
div.gallery h2 a:link, div.gallery h2 a:visited {
	color:#FFF;
	border:none;
	font-size:inherit;
	padding:inherit;
}
div.gallery img {
	float:right;
	margin:0 0 0 10px;
}
div.gallery a:link, div.gallery a:visited {
	color:#FFF;
	text-decoration:none;
}
div.gallery a.block:hover, div.gallery:hover a.block {
	background: #96A851;
}
.gallery a.block:link,.gallery a.block:visited,.gallery a.block:hover,.gallery a.block:active {
	border:1px none #73716E;
	text-align:inherit;
	display:inline;
	border:1px solid #FFF;
	font-size:0.9em;
	padding:0 1em;
}
