@charset "UTF-8";
/* CSS Document */

/* Global
----------------------------------------------------------------------------------------*/
* { margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0; }

fieldset,img { border:0; }

h1,h2,h3,h4,h5,h6 { font-size:100%; color:#54462d; padding:0; }

h1 { font-size:1.83em; }

h2 { font-size:1.5em; }

h3 { font-size:1.167em; }

address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }

em { font-style:italic; }

ol,ul { list-style:none; }

caption,th { text-align:left; }

abbr,acronym { border:0; }

p { line-height:1.5em; margin-bottom:10px; }

.clear { clear:both; }

input, select { color:#4d4d4d; }

a:link, a:visited { text-decoration:none; outline:none; color:#54462d; font-weight:bold; }

a:hover { color:#806b44; }

/* Body
----------------------------------------------------------------------------------------*/
body { background:url(images/layout/bodybg.gif) no-repeat top center #2f2a1f; font-size:75%; font-weight:normal; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#6a5a3a; } 

/* Wrapper
----------------------------------------------------------------------------------------*/
#wrapper { width:960px; margin:0px auto;  }

/* Header
----------------------------------------------------------------------------------------*/
#header { width:100%; height:106px; }

#header h1 { float:left; width:263px; margin-left:340px; }

/* Container
----------------------------------------------------------------------------------------*/
#container { float:left; height:391px; width:938px; margin-top:30px; padding:10px; background:url(images/layout/elementsbg.gif)  10px 15px no-repeat }

/* the following control the site's individual pages - .section holds the navigation and calls the separate pages */
div.section { width:960px; float:left; position:relative; clear:both; }

/* .content holds the divs that hold the pages' content */
div.content { overflow:hidden; position:relative; top:5px; width:898px; height:355px; padding:20px; }

div.elements { height:2454px; width:898px; float:left; }

.sitepage { width:898px; height:409px; float:left; }

.sitepage .leftcol { width:390px; padding:30px 20px 20px; float:left; }

.sitepage .leftcol h2 { margin-bottom:15px; }

.sitepage .leftcol h3 { margin-bottom:5px;	 }

/* styles for each page
----------------------------------------------------------*/

/* homepage content */
#home_container { float:none; background:url(images/layout/homepage-photo.gif) -1px 16px no-repeat; width:100%; height:409px; }

#homepage-content { float:right; width:400px; margin:20px 20px 0 0; }

#homepage-content h1 { float:left; width:100%; margin-bottom:15px; }

#homepageleftcol h1 { height:38px; margin-bottom:5px; border-bottom:none; }

#homepageleftcol p { font-size:1.25em; line-height:1.54em; }

#homepagerightcol { float:left; width:263px; margin:64px 0 0 34px; }\

#homepage-nav li { line-height:1.54em; }
 
/* about content */
#about_content p { margin-bottom:20px; }

#about_content .rightcol { float:right; width:364px; margin:20px 20px 0 0; }

#about_content .rightcol p { margin-bottom:20px; }

#about_content .rightcol img { border:1px solid #B7A98E; }

/* contact content */
#contact_content h3 { margin-top:20px; }

#contact-form form { float:right; margin:30px 20px 0 0; }

#contact-form form ol li { margin-bottom:10px; }

#contact-form form input, #contact-form form textarea { background-color:#fff; border:1px solid #d7c6a5; font:100% normal Arial, Helvetica, sans-serif; color:#a29985; width:253px; }

#contact-form form textarea { width:308px; padding:10px 0 0 10px; }

#contact-form form input { height:16px; padding:10px 0 10px 65px; }

#contact-form form input#name { background:url(images/layout/contact-name-icon.gif) 5px 5px no-repeat #fff; }

#contact-form form input#email { background:url(images/layout/contact-email-icon.gif) 5px 5px no-repeat #fff; }

#contact-form form input#submit { background:url(images/layout/submit-bg.png) 0 top no-repeat; border:none; cursor:pointer; width:57px; height:12px; text-align:right; margin:5px 0 0 0; padding:0; float:right; margin-right:10px; }

#contact-form form input#submit:hover { background-position:0 -12px; }

ul#contact-info { margin:0 0 20px; }

ul#contact-info li { line-height:24px; }

a#resume { background:url(images/layout/pdf-icon.png) left 50% no-repeat; padding-left:20px; }

/* Navigation
----------------------------------------------------------------------------------------*/
.nav { width:300px; height: 68px; background:url(images/layout/tabnav.png) no-repeat; position:relative; top:-54px; left:0; float:right; z-index:20;  }

.nav li { display:inline; }

.nav li a:link, .nav li a:visited { position:absolute; top:0; height:68px; text-indent:-9000px; overflow:hidden; outline:none; z-index:20; }

/* home tab*/
.nav .home a:link, .nav .home a:visited { left:0; width:60px; }

.nav .home a:hover, .nav .home a:focus { background:transparent url(images/layout/tabnav.png) 0 -68px no-repeat scroll; }

.nav .home a:active { background:transparent url(images/layout/tabnav.png) 0 -68px no-repeat scroll; }

.current-home .home a:link, .current-home .home a:visited { cursor:default; background:transparent url(images/layout/tabnav.png) 0 -137px no-repeat scroll; }

.nav-home, .nav-home-click { position:absolute; top:0; left:0; width:60px; height:68px; background:transparent url(images/layout/tabnav.png) 0 -68px no-repeat scroll; }

.nav-home-click { background:transparent url(images/layout/tabnav.png) 0 -68px no-repeat scroll; }

/* about tab */
.nav .about a:link, .nav .about a:visited { left:60px; width:60px; }

.nav .about a:hover, .nav .about a:focus { background:transparent url(images/layout/tabnav.png) -60px -68px no-repeat scroll; }

.nav .about a:active { background:transparent url(images/layout/tabnav.png) -60px -68px no-repeat scroll; }

.current-about .about a:link, .current-about .about a:visited { cursor:default; background:transparent url(images/layout/tabnav.png) -60px -137px no-repeat scroll; }

.nav-about, .nav-about-click { position:absolute; top:0; left:60px; width:60px; height:68px; background:transparent url(images/layout/tabnav.png) -60px -68px no-repeat scroll; }

.nav-about-click { background:transparent url(images/layout/tabnav.png) -60px -68px no-repeat scroll; }

/* print tab */
.nav .print a:link, .nav .print a:visited { left:120px; width:60px; }

.nav .print a:hover, .nav .print a:focus { background:transparent url(images/layout/tabnav.png) -120px -68px no-repeat scroll; }

.nav .print a:active { background:transparent url(images/layout/tabnav.png) -120px -68px no-repeat scroll; }

.current-print .print a:link, .current-print .print a:visited { cursor:default; background:transparent url(images/layout/tabnav.png) -120px -137px no-repeat scroll; }

.nav-print, .nav-print-click  { position:absolute; top:0; left:120px; width:60px; height:68px; background:transparent url(images/layout/tabnav.png) -120px -68px no-repeat scroll; }

.nav-print-click { background:transparent url(images/layout/tabnav.png) -120px -68px no-repeat scroll; }

/* web tab */
.nav .web a:link, .nav .web a:visited { left:180px; width:60px; }

.nav .web a:hover, .nav .web a:focus { background:transparent url(images/layout/tabnav.png) -180px -68px no-repeat scroll; }

.nav .web a:active { background:transparent url(images/layout/tabnav.png) -180px -68px no-repeat scroll; }

.current-web .web a:link, .current-web .web a:visited { cursor:default; background:transparent url(images/layout/tabnav.png) -180px -137px no-repeat scroll; }

.nav-web, .nav-web-click  { position:absolute; top:0; left:180px; width:60px; height:68px; background:transparent url(images/layout/tabnav.png) -180px -68px no-repeat scroll; }

.nav-web-click { background:transparent url(images/layout/tabnav.png) -180px -68px no-repeat scroll; }

/* contact tab */
.nav .contact a:link, .nav .contact a:visited { left:240px; width:60px; }

.nav .contact a:hover, .nav .contact a:focus { background:transparent url(images/layout/tabnav.png) -240px -68px no-repeat scroll; }

.nav .contact a:active { background:transparent url(images/layout/tabnav.png) -240px -68px no-repeat scroll; }

.current-contact .contact a:link, .current-contact .contact a:visited { cursor:default; background:transparent url(images/layout/tabnav.png) -240px -137px no-repeat scroll; }

.nav-contact, .nav-contact-click  { position:absolute; top:0; left:240px; width:60px; height:68px; background:transparent url(images/layout/tabnav.png) -240px -68px no-repeat scroll; }

.nav-contact-click { background:transparent url(images/layout/tabnav.png) -240px -68px no-repeat scroll; }

/* description panel */
li .panel { background: transparent; bottom:0; left:31px; height: 32px; overflow: hidden; position: absolute; width: 370px; z-index: 15; zoom: 1; }

li .panel a { color:#fff; }

li .panel a:hover { color:#C6B082; }

li .panel h2 { font-size: 0; text-indent: -13000em; left:100px; position:relative; width:175px; margin-bottom:0; }

li .panel h2 a:link, li .panel h2 a:visited {  background:url(images/layout/more-info-tab.png) no-repeat 0 0; display: block; height: 32px; }

li .panel h2 a:hover, li .panel h2 a:active { background-position: -175px 0; height:32px; }

li .panel h2 a:link.act, li .panel h2 a:visited.act { background-position: -350px 0; height:32px; }

li .panel div { color:#fff; background:#2a271e; padding:10px; line-height:20px; font-family:Arial, Helvetica, sans-serif; height:100%; width:350px; float:left; opacity:0.95;filter:alpha(opacity=95); }

/* styles for jqzoom */
div.jqZoomTitle { z-index:5000; text-align:center; height:16px; padding:4px 0; position:absolute; top: 0px; left: 0px; width: 100%; color: #fff; background:#7D7158; }

.jqZoomPup { overflow:hidden; margin-left:34px; background-color: black; width:10px; height:10px; opacity:0.6; filter:alpha(opacity=60); z-index:10; border:1px solid #c4c4c4; cursor:move; }

.jqZoomPup img { border: 0px; }

.preload { opacity:0.8; filter:alpha(opacity=80); color: #333; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background: url(images/layout/zoomloader.gif) 25px 15px no-repeat #fff; width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; }

.jqZoomWindow { border:1px solid #7d7158; margin-left:34px; background-color: #FFF; }

/* slider wrap */
.slider-wrap { float:right; width:430px; }

#slider ul li img, #slider2 ul li img { margin-left:34px; }
 
#slider2 ul li { background:url(images/web/webwork-bg.png) 0 0 no-repeat; width:430px; height:302px; overflow:hidden; }

/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ 
#slider ul li, #slider2 ul li, #slider3 ul li { width:430px; height:306px; overflow:hidden; }

p#controls, p#controls2, p#controls3 { position:relative; z-index:16; }

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2 { display:block; margin:0; overflow:hidden; text-indent:-8000px; width:18px; height:20px; position:absolute; left:5px; top:0px; }

#nextBtn, #nextBtn2 { left:410px; }

#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a { display:block; width:18px; height:20px; background:url(images/layout/btn_prev.png) no-repeat 0 0; }

#prevBtn a:hover, #nextBtn a:hover, #prevBtn2 a:hover, #nextBtn2 a:hover { display:block; width:18px; height:20px; background:url(images/layout/btn_prev.png) no-repeat 0 -20px; }

#nextBtn a, #nextBtn2 a { background:url(images/layout/btn_next.png) no-repeat 0 0; }

#nextBtn a:hover, #nextBtn2 a:hover, #nextBtn3 a:hover { background:url(images/layout/btn_next.png) no-repeat 0 -20px; }

/* Footer
----------------------------------------------------------------------------------------*/ 
#footer { width:960px; margin:0 auto; color:#4E4637; position:relative; top:-55px; }

#footer a:link, #footer a:visited { color:#4E4637; }

#footer a:hover { color:#C2B59B; }