* { margin: 0; padding: 0;}

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #40352F; background: #54463e;}
p { padding-bottom: 15px;}
a, a:visited { color: #40352F;}
h1 a { display: block; height: 60px; width: 280px; font-size: 0; text-indent: -9999px; position: absolute; top: 30px; left: 40px;}
h2, h3, h4 { line-height: 1.4em; color: #40352f;}
h1 { color: #40352f;}
h2, h3 { font-size: 14px;}
h4 { font-size: 12px;}
h2.home { color: #174bc8; font-size: 18px; text-align: center;}
p.home { color: #174bc8; text-align: center;}
p.body, p.body strong { font-weight: normal; padding-bottom: 0; margin-bottom: 5px;}
table { background: #000; margin-bottom: 20px;}
td { background: #dbcdc4; }
a img { border: 2px solid #000;}
img, table a img  { border: 1px solid #806A5F;}
.banner { border: 0;}
.alt { background: #cdbbb1;}
.hidden { visibility: hidden; }
.fieldname { width: 140px;}

#site { width: 813px; margin: auto !important;}

#header { height: 127px; background: url(../img/header.png) no-repeat; position: relative;}
#header .nav { position: absolute; bottom: 0; left: 31px;}
#header .nav li { float: left; list-style: none;}
#header .nav a { display: block; height: 24px; text-indent: -9999px; font-size: 0; background: url(../img/nav.png) no-repeat;}
#header .nav .home a { width: 83px;}
#header .nav .home a:hover, #header .nav .home a.current { background-position: 0 -24px;}
#header .nav .photo_gallery a { width: 155px; background-position: -83px 0;}
#header .nav .photo_gallery a:hover, #header .nav .photo_gallery a.current { background-position: -83px -24px;}
#header .nav .tutorials a { width: 113px; background-position: -238px 0;}
#header .nav .tutorials a:hover, #header .nav .tutorials a.current { background-position: -238px -24px;}
#header .nav .faq a { width: 54px; background-position: -351px 0;}
#header .nav .faq a:hover, #header .nav .faq a.current { background-position: -351px -24px;}
#header .nav .forensics a { width: 110px; background-position: -405px 0;}
#header .nav .forensics a:hover, #header .nav .forensics a.current { background-position: -405px -24px;}
#header .nav .order_now a { width: 122px; background-position: -515px 0;}
#header .nav .order_now a:hover, #header .nav .order_now a.current { background-position: -515px -24px;}
#header .nav .contact a { width: 114px; background-position: -637px 0;}
#header .nav .contact a:hover, #header .nav .contact a.current { background-position: -637px -24px;}

#content { background: url(../img/content.png) repeat-y; padding: 20px 50px 20px 50px; position: relative; }
#content .banner { position: relative; top: -20px; left: -19px;}

.subhead h2 { font-family: Verdana; position: absolute; top: 30px; left: 0px; text-align: center; width: 813px; font-variant: small-caps; font-size: 20px; *font-size: 18px;}
.subhead p { font-size: 11px; position: absolute; top: 60px; left: 0px; text-align: center; width: 813px; color: #133886; font-family: Verdana;}

#gallery1, #gallery2, #tutorial1 { border-bottom: 1px solid #806a5f; width: 751px;}
#instructions1 { width: 751px;}
#gallery1, #gallery2, #gallery3, #tutorial1, #tutorial2, #instructions1 { position: relative; top: -22px; left: -19px; height: 204px;}
#gallery1 { background: url(../img/gallery1.jpg) no-repeat left; height: 206px;}
#gallery2 { background: url(../img/gallery2.jpg) no-repeat left;}
#gallery3 { background: url(../img/gallery3.jpg) no-repeat left; margin-bottom: -43px;}
#tutorial2, #instructions1 { margin-bottom: -43px;}
#gallery1 div, #gallery2 div, #gallery3 div, #tutorial1 div, #tutorial2 div, #instructions1 div { width: 350px; position: absolute; top: 30px; left: 350px; text-align: center;}
#gallery1 a, #gallery2 a, #gallery3 a, #gallery1 a:visited, #gallery2 a:visited, #gallery3 a:visited, #tutorial1 a, #tutorial2 a, #tutorial1 a:visited, #tutorial2 a:visited, #instructions1 a, #instructions1 a:visited { text-decoration: none; color: #40352f;}

#tutorial1 { background: url(../img/tutorials1.jpg) no-repeat left; height: 206px;}
#tutorial2 { background: url(../img/tutorials2.jpg) no-repeat left;}
#instructions1 { background: url(../img/instructions1.jpg) no-repeat left;}

#IR a, #IR a:visited { text-decoration: none;}

#photo_gallery { list-style: none; margin-left: 35px; height: 1px; width: 700px;}
html > body #photo_gallery { overflow: auto; height: auto;}
#photo_gallery li { float: left; margin: 0 10px 10px 0; width: 50px; height: 50px; overflow: hidden; border: 1px solid #806A5F; opacity: 0.5; }
#main_image { text-align: center; min-height: 500px;}
#photo_gallery img { border: 0; width: 50px; height: 50px; }
#photo_gallery li.selected { opacity: 1; }
#photo_gallery li:hover { cursor: pointer; opacity: 1;}
.scroller { width: 700px; margin: auto;}
.scroller_container { position: relative; margin-bottom: 20px; }
.prev { position: absolute; bottom: 30px; left: 0px; }
.next { position: absolute; bottom: 30px; right: 0px; }
.next:hover, .prev:hover { cursor: pointer;}

.questions { border-bottom: 1px solid #806a5f !important; padding-bottom: 20px; margin-bottom: 20px;}
.questions a, .questions a:visited { text-decoration: none;}

#footer { background: url(../img/footer.png) no-repeat; position: relative; height: 168px; clear: both;}
#footer .nav { position: absolute; top: 15px; left: 80px; font-family: Garamond, Georgia, "Times New Roman", serif; font-size: 14px; color: #c8e6ff;}
#footer .nav a, #footer .nav a:visited { text-decoration: none;}
#footer .nav li { width: 180px; float: left; list-style: none;}
#footer .nav li li { float: none;}
#footer .nav li li a, #footer .nav li li a:visited { color: #dbcdc4; font-size: 12px;}
#footer p { position: absolute; bottom: 31px; left: 104px; color: #dbcdc4; font-size: 10px;}
#footer p a, #footer p a:visited { color: #dbcdc4; font-size: 10px;}