/* Don't edit this */

:link,:visited { text-decoration:none }

ul#nav { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:1em; }

h1 {
	font-size: 15px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 13px;
}

#nav,#nav li,body,html,h1#pagetop
{ margin:0; padding:0 }

a img,:link img,:visited img,abbr,fieldset { border:0; }

address,abbr { font-style:normal }body { behavior:url("/templates/jplumbe/csshover.htc"); }
body {
 padding-top: 3px;
 background-color: White;
 color: Black;
 font: .8em/normal Arial, Helvetica, sans-serif;
 text-align: center;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }
/* hide from mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */


a,
a:visited {
 color: #a7a9ac;
}
a:hover,
a.on {
 color: Black !important;
}

p { padding: 10px 0; }



div.container {
 position: relative;
 width: 760px;
 margin: 0 auto;
 text-align: left !important;
}
#content {
 padding: 20px 0;
}
#header {
 padding: 10px 25px;
 background-color: #c4c6ce;
 text-align: left !important;
}
#header div.container {
 background: url("/templates/jplumbe/images/circles.gif") top right no-repeat;
}

h1#pagetop {
 position: absolute;
 top: 5px;
 left: 0;
 z-index: 1;
}



/* Navigation */

#nav {
 width: 254px;
 margin-left: 202px;
 padding: 5px 0;
 border-left: solid 2px #f2f3f6;
 border-right: solid 2px #f2f3f6;
 background: #c4c6ce url("/templates/jplumbe/images/bg_nav.gif") top center repeat-y;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 250px;
}
html>#nav {
 width: 250px;
} 
#nav li {
 float: left;
 width: 125px;
}
#nav li a,
#nav li a:visited {
 display: block;
 padding: 0 12px;
 color: Black;
}
#nav li a:hover,
#nav li a.on {
 color: White !important;
}



/* Main layers */

#maximum_image_area {
 float: right;
 width: 530px;
}
#image_area {
 width: 455px;
 height: 455px;
 float: left;
}
#description {
 position: relative;
 width: 250px;
 float: left;
 margin-left: 30px;
}
#dline {
 position: absolute;
 bottom: 0;
 left: 0;
 padding: 0 !important;
}
#thumbnails {
 position: relative;
 float: left;
 width: 202px;
 height: 455px;
}
#thumbnails ul#thumbs li {
 float: left;
 width: 55px;
 height: 55px;
 background-color: Black;
 margin: 0 10px 10px 0;
}
#thumbnails ul#thumbs li img { display: block; }



/* Backward & forward buttons, 
 descriptive text 

#browse { margin-top: 1em; }
#browse li {
 float: left;
 width: 33%;
}
#desctext {
 width: 34% !important;
 text-align: center;
}
#backward { text-align: right; }
#backward, #forward { margin-top: 5px; }
#backward img, #forward img { margin: 0 5px; }

#project_links li { float: none !important; width: 100% !important; }
*/

#browse {
 position: absolute;
 bottom: 0;
 left: 0;
}
#browse #buttons { padding: 15px 0 0; }
#browse #buttons img { margin-right: 20px; }
#browse li{ padding:0 0 2px 0; }
#browse li h1{ margin:0 0 2px 0; position:static; }


/* Contact */

#contact_notes {
 float: left;
 width: 202px;
 padding: 20px 0;
}
#contact_form {
 float: right;
 width: 558px;
 background-color: #f2f3f6;
}
#contact_form form {
 padding: 10px 0 50px 0;
}
#contact_form textarea {
 width: 247px;
 height: 75px;
 background-color: White;
 border: 0;
 font-family: Arial, sans-serif;
 font-size: 1em;
}
#contact_form label {
 display: block;
 padding: 5px 0;
}
#contact_form input.text {
 width: 247px;
 border: 0;
 padding: 2px 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
}
#contact_form ul li {
 float: left;
 width: 100%;
 margin: 2px 0;
}
#contact_form ul li li {
 float: left;
 width: 247px;
 padding-left: 21px;
}
#contact_form ul li li.opposite {
 float: right;
 padding: 0 21px 0 0 !important;
}
#contact_form ul li li.buttons {
 text-align: right;
}


/* Links */

#links li {
 border-bottom: solid 2px #eeeeef;
 padding: 7px 0;
}
#links li.nologo { padding-left: 222px; }
#links li img { margin: 0 73px 0 43px; }

div#fade{ color: #ccc; margin-top:600px; }
div#fade h2{ font-size:1.2em; }

input#submit{ background:url("/templates/jplumbe/images/button_submit.gif") no-repeat; border:none; width:61px; height:21px; }
input#submit:hover{ background-position: left bottom!important; cursor:pointer; }
input#reset{ background:url("/templates/jplumbe/images/button_reset.gif") no-repeat; border:none; width:56px; height:21px; }
input#reset:hover{ background-position: left bottom!important; cursor:pointer; }

.highlight {
	font-weight: bold;
}