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

body {margin: 0;padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
#container {margin: 35px;width: 1000px;}

/*CONTENT*/
#gallery {width: 728px;float: left;}
#gallery img {margin-top: 15px; float: left;}
#content ul {list-style: none;}
#content ul li {text-align: right;}
#content img#mainImage {margin-top: 15px;}
#content img.mainphoto {margin-top: 15px;}
#content img#mainInsideImage {margin-top: 15px;}


/* ALL NAVIGATION */
#navigation {position: absolute; left: 770px; top: 35px;width: 100px;margin: 0;padding-right: 30px; border-left: 1px solid #e5e5e5; height: 555px;}
.noscroll {border-right: 1px solid #e5e5e5;}

/*NAVBAR*/	
#navbar {width: 60px;height: 49px;background-image: url(../images/navbar.png);padding: 0;position: absolute;margin: 0 0 0 7px;}
#navbar li {list-style: none;}
#navbar li, #navbar a {width: 60px;display: block;}
#navbar a {margin: 0;padding: 0;position: absolute; outline: none; display: block;}
#work{top: 0;height: 12px;}
a:hover#work{background: transparent url(../images/navbar.png) -60px 0 no-repeat;}
#work.selected, a:hover#work.selected {background: transparent url(../images/navbar.png) -120px 0 no-repeat;}
#clients {top: 12px;height: 12px;}
a:hover#clients {background: transparent url(../images/navbar.png) -60px -12px no-repeat;}
#clients.selected, a:hover#clients.selected {background: transparent url(../images/navbar.png) -120px -12px no-repeat;}
#info {top: 24px;height: 12px;}
a:hover#info {background: transparent  url(../images/navbar.png) -60px -24px no-repeat;}
#info.selected, a:hover#info.selected {background: transparent url(../images/navbar.png) -120px -24px no-repeat;}
#links {top: 36px;	height: 12px;}
a:hover#links {background: transparent url(../images/navbar.png) -60px -36px no-repeat;}
#links.selected, a:hover#links.selected {background: transparent url(../images/navbar.png) -120px -36px no-repeat;}

/*PREV | NEXT BUTTONS*/
.nav_buttons {position: absolute; top: 250px; left: 6px;}
.nav_buttons a {cursor: pointer;}


/*SUBNAV*/
#subnav {width: 85px; height: 100px; background-image: url(../images/subnav.png);padding: 0; position: absolute; margin-left: 7px; top: 445px;}
#subnav li {list-style: none;}
#subnav a {width: 85px;margin: 0;padding: 0;outline: none; position: absolute; display: block; height: 9px;}

#nevadarose{top: 10px; height: 10px; }
#nevadarose a {cursor: text;}
/*a:hover#nevadarose{background: transparent url(../images/subnav.png) -85px -10px no-repeat;}*/
#jrotc {top: 20px;height: 10px;}
a:hover#jrotc {background: transparent url(../images/subnav.png) -85px -20px no-repeat;}
#jrotc.selected, a:hover#jrotc.selected {background: transparent url(../images/subnav.png) -171px -20px no-repeat;}
#sturgis {top: 30px;height: 10px;}
a:hover#sturgis {background: transparent  url(../images/subnav.png) -85px -30px no-repeat;}
#sturgis.selected, a:hover#sturgis.selected {background: transparent url(../images/subnav.png) -171px -30px no-repeat;}
#mechanics {top: 40px;height: 10px;}
a:hover#mechanics {background: transparent url(../images/subnav.png) -85px -40px no-repeat;}
#mechanics.selected, a:hover#mechanics.selected {background: transparent url(../images/subnav.png) -171px -40px no-repeat;}
#motels {top: 50px;height: 10px;}
a:hover#motels {background: transparent url(../images/subnav.png) -85px -50px no-repeat;}
#motels.selected, a:hover#motels.selected {background: transparent url(../images/subnav.png) -171px -50px no-repeat;}
#waitresses {top: 60px;height: 10px;}
a:hover#waitresses {background: transparent url(../images/subnav.png) -85px -60px no-repeat;}
#waitresses.selected, a:hover#waitresses.selected {background: transparent url(../images/subnav.png) -171px -60px no-repeat;}
#bowlingteams {top: 70px;height: 10px;}
a:hover#bowlingteams {background: transparent url(../images/subnav.png) -85px -70px no-repeat;}
#bowlingteams.selected, a:hover#bowlingteams.selected {background: transparent url(../images/subnav.png) -171px -70px no-repeat;}
#portraits {top: 80px;height: 10px;}
a:hover#portraits {background: transparent url(../images/subnav.png) -85px -80px no-repeat;}
#portraits.selected, a:hover#portraits.selected {background: transparent url(../images/subnav.png) -171px -80px no-repeat;}
#commissions {top: 90px;height: 10px;}
a:hover#commissions {background: transparent url(../images/subnav.png) -85px -90px no-repeat;}
#commissions.selected, a:hover#commissions.selected {background: transparent url(../images/subnav.png) -171px -90px no-repeat;}

/*PHOTO GALLERY*/
#thumbs {width: 65px;height: 555px;overflow: auto;position: absolute !important;padding-left: 13px !important; top: 35px; left: 900px; margin-top: 0;}
#thumbs a {outline: none;}
#thumbs a:link img, #thumbs a:visited img {margin-bottom: 5px;}
#thumbs a.activeSlide img {opacity:0.4; filter: alpha(opacity=40);}


/*SCROLL BAR*/
#gallery_mcontentwrapper {padding-left: 0px;}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0;left: 0;width: 5px;margin: 0;}
.vscrollerbar {width: 5px;background: url(../images/scrollbar.gif) repeat-y;height: 33px !important;}
.vscrollerbase {left: 0 !important;width: 5px;background: url(../images/scroll.png) 0 0 repeat-y;}
.scrollerjogbox {width: 0;height: 10px;top: auto; left: auto;bottom: 0px; right: 0;}

/*CLIENT LIST*/
h2.clients {text-indent: -9999px; background:url(../images/clients.png) 0 0 no-repeat; position: absolute; top: 97px; left: 425px; width: 250px; height: 16px;}
#content img.clients {margin-right: 6px; position: absolute; top: 135px; left: 425px;}

/*INFO*/
.contact {position: absolute; top: 72px; left: 425px;}
.contact h2 {background: url(../images/contact.png) 0 0 no-repeat; text-indent: -9999px; height: 16px; width: 220px; padding-bottom: 5px; margin: 40px 0 5px 0;}
.contact a.email {display: block; height: 15px; width: 195px; cursor: pointer; text-indent: -9999px; background: url(../images/email.png) 0 0 no-repeat; margin: 5px 0 2px 0; outline: none;}
.contact a:hover {background: url(../images/email.png) -195px 0 no-repeat;}
.contact h3.phone {text-indent: -9999px; background: url(../images/phone.png) 0 0 no-repeat; margin-top: 0;}
.syndication {position: absolute; left: 425px; top: 170px; height: 200px;}
.syndication h2 {background: url(../images/syndication.png) 0 0 no-repeat; text-indent: -9999px; height: 16px; margin: 30px 0 5px 0; width: 220px; padding-bottom: 5px;}
.syndication a.gallerystock {display: block;background: url(../images/gallerystock.png) 0 0 no-repeat; text-indent: -9999px; width: 80px; margin-top: 0; margin-bottom: 2px; height: 15px; outline: none;}
.syndication a:hover.gallerystock {background: url(../images/gallerystock.png) -80px 0 no-repeat;}
.syndication a.getty {display: block; background: url(../images/getty.png) 0 0 no-repeat; text-indent: -9999px; width: 75px; margin-top: 0; height: 15px; outline: none;}
.syndication a:hover.getty {background: url(../images/getty.png) -76px 0 no-repeat;}

/*LINKS*/
.links h2 {text-indent: -9999px; background: url(../images/links.png) 0 0 no-repeat; width: 200px; position: absolute; top: 97px; left: 425px; float: left;}
.links ul {background:url(../images/links_list.png); height: 80px; position: absolute; left: 425px; top: 137px; margin-top: 0; width: 140px; list-style: none; padding-left: 0;}
.links a {width: 140px;margin: 0;padding: 0;outline: none; position: absolute; display: block; height: 10px;}
.links #amaniolu {top: 0px; height: 10px;}
.links #humble {top: 11px; height: 10px;}
.links #gallerystock {top: 21px; height: 10px;}
.links #samoylenko {top: 32px; height: 10px;}
.links #laurenmoon {top: 44px; height: 10px;}
.links #juliahaltigan {top: 54px; height: 10px;}
.links #jtnt {top: 65px; height: 10px;}
.links a:hover#amaniolu {background: url(../images/links_list.png) -140px 0 no-repeat;}
.links a:hover#humble {background: url(../images/links_list.png) -140px -11px no-repeat;}
.links a:hover#gallerystock {background: url(../images/links_list.png) -140px -21px no-repeat;}
.links a:hover#samoylenko {background: url(../images/links_list.png) -140px -32px no-repeat;}
.links a:hover#laurenmoon {background: url(../images/links_list.png) -140px -44px no-repeat;}
.links a:hover#juliahaltigan {background: url(../images/links_list.png) -140px -54px no-repeat;}
.links a:hover#jtnt {background: url(../images/links_list.png) -140px -65px no-repeat;}


/*GENERAL*/
.hide {display: none;}
.show {display: block;}