* {margin: 0; padding: 0}
body {background: #feb865; color: #034c7e; font-size: 62.5%; scrollbar-base-color: #4444aa}
p{font-family: verdana, sans-serif; font-size: 1.2em; line-height: 1.6; margin-bottom: 12px;}
img {border: none}

#holder {width: 800px; position: absolute; left: 50%; margin-left: -400px; margin-top: 5px; z-index: 1}

#menubar {position: absolute; top: 108px; left: 0px}
#companylogo {
	position: absolute;
	left: 18px;
	top: -2px;
	z-index: 3
}

#picholder {position: absolute; left: 10%; top: 10px; width: 90%; z-index:0}
#leftcol {position: absolute; left: 0%; top: 0px; width: 40%}
#rightcol {position: absolute; right: 10%; top: 0px; width: 45%}

.backbutton {
	position: absolute;
	left: 29px;
	top: 25px;
	z-index: 1;
	width: 100px;
	height: 45px
}
#back {font-family: 'arial rounded', arial, sans-serif; color: #eeeeee; background: #77aadd; font-weight: bold; border: none; font-size: 10pt; cursor: pointer;}

a:link, a:visited {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#222222; text-decoration: none;}
a:hover, a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#eeeeee; text-decoration: none;}

ul#menu li a {font-weight: bold}

ul#menu li a:link {color:#eee;}
ul#menu li a:visited {color:#eee;}
ul#menu li a:hover {color:#639cce;}
ul#menu li a:active {color:#eee;}

ul#menu li.menuprod a:link {color:#034c7e; font-weight: bold}
ul#menu li.menuprod a:visited {color:#034c7e; font-weight: bold}
ul#menu li.menuprod a:hover {color:#eee; font-weight: bold;}
ul#menu li.menuprod a:active {color:#006; font-weight: bold}
.here {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#fff; font-weight: bold}

ul#medialinks li a:link {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#eeeeee; text-decoration:none; background-color: #034c7e; padding: 3px 5px}
ul#medialinks li a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#eeeeee; text-decoration:none; background-color: #034c7e; padding: 3px 5px}
ul#medialinks li a:hover {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#333399; text-decoration:none; background-color: #eeeeee; padding: 3px 5px}
ul#medialinks li a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#333399; text-decoration:none; background-color: #eeeeee; padding: 3px 5px}
ul#medialinks li a:link, ul#medialinks li a:visited {display: block; width: 88%; padding: 0 6%}

#pjlogo {position: absolute; left: 35%; top: 18px}

.reveal a:link {font-family: arial, sans-serif; font-weight: normal; font-size: 1.3em; color: #003333; text-decoration:none}
.reveal a:visited {font-family: arial, sans-serif; font-weight: normal; font-size: 1.3em; color:#003333; text-decoration:none}
.reveal a:hover {font-family: arial, sans-serif; font-weight: normal; font-size: 1.3em; color:#008080; text-decoration:none}

#content {position: absolute; top: 0px; left: 0px; padding: 10px; padding-right: 30px; margin-top: 175px; width: 100%; height: 300px; overflow: auto}

#image {margin-top: 145px; filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.75); -moz-opacity: 0.75}

.thumbnail {padding: 2px}

.bigphoto img {padding-top: 5px}
.bigphoto {position: absolute; left: 20%; top: 20px; background-color: #88bbee; visibility: hidden; z-index: 10; padding: 15px}
.bigphoto a {color: #ffffff; font-size: 1.1em}