/* Global Styles */
html,body { height:100%; }
html { overflow:-moz-scrollbars-vertical; }
body { font-family: trebuchet ms, verdana, arial, tahoma; background-color:#F5F5F5; }
/* Layout Styles */
#WRAPPER { width:100%; height:100%; background-color:#ffffff;}
#WRAPPER td { vertical-align:middle; text-align:center; }
#CONTAINER { position:relative; text-align:left; margin:0 auto; width:808px; border:2px solid #999999; padding:2px; }
#HEADER { height:141px; background: url(../images/site/header-image.gif) right top no-repeat; background-color:#999999; }
#NAVIGATION { width:600px; height:60px; background:url(../images/site/nav-items.gif) no-repeat; position: relative; top:80px; }
#NAVIGATION li {margin:0; padding:0; list-style:none; position:absolute; top:0;}
#NAVIGATION li, #NAVIGATION a {height:60px; display: block;}
#NAVIGATION li.home { left:0; width:60px; }
#NAVIGATION li.photography { left:61px; width:123px; }
#NAVIGATION li.hand-tinted { left:183px; width:119px; }
#NAVIGATION li.packages { left:302px; width:87px; }
#NAVIGATION li.design { left:389px; width:123px; }
#NAVIGATION li.shopping { left:512px; width:88px; }
#NAVIGATION li.home a:hover, #HOME li.home { background:transparent url(../images/site/nav-items.gif) 0 -60px no-repeat; }
#NAVIGATION li.photography a:hover, #PHOTO li.photography { background:transparent url(../images/site/nav-items.gif) -61px -60px no-repeat; }
#NAVIGATION li.hand-tinted a:hover, #HAND-TINTED li.hand-tinted { background:transparent url(../images/site/nav-items.gif) -183px -60px no-repeat; }
#NAVIGATION li.packages a:hover, #PACKAGES li.packages { background:transparent url(../images/site/nav-items.gif) -302px -60px no-repeat; }
#NAVIGATION li.design a:hover, #DESIGN li.design { background:transparent url(../images/site/nav-items.gif) -389px -60px no-repeat; }
#NAVIGATION li.shopping a:hover, #SHOP li.shopping { background:transparent url(../images/site/nav-items.gif) -512px -60px no-repeat; }
#CONTENT { padding:15px; height:325px; }
#CONTENT h1 { color:#999999; font-size:85%; letter-spacing:1px; margin:5px 0 5px 0; }
#CONTENT img.label { margin-left:-10px; }
#CONTENT a.header-link {color:#AFB7CE; border-bottom:2px dotted #AFB7CE;}
#CONTENT a.header-link:hover {color:#959CAF; border-bottom:2px solid #959CAF;}
#CONTENT p.photopgraphy { font-size:75%; color:#999999; margin:-2px 0 -10px 10px; }
#CONTENT p.logo { float:right; position:relative; top:50px; right:30px; }
#CONTENT.about { background: url(../images/site/nik-logo-small.gif) 390px bottom no-repeat; }
#CONTENT p.about { float:right; position:relative; top:45px; right:55px; }
#PAGENATION { height:41px; background:url(../images/site/page-balls.jpg); position:relative; top:5px; float:right; }
#PAGENATION span { position:relative; right:40px; top:8px; font-size:85%; color:#999999; font-weight:bold;}
#PAGENATION ul.fivePages { width:169px; }
#PAGENATION ul.fourPages { width:135px; }
#PAGENATION ul.threePages { width:102px; }
#PAGENATION ul.twoPages { width:70px; }
#PAGENATION ul li { margin:0; padding:0; list-style:none; position:absolute; top:0;}
#PAGENATION ul li, #PAGENATION ul li a {height:41px; display: block;}
#PAGENATION ul li.page1 { left:1; width:33px; }
#PAGENATION ul li.page2 { left:34px; width:33px; }
#PAGENATION ul li.page3 { left:68px; width:31px; }
#PAGENATION ul li.page4 { left:100px; width:32px; }
#PAGENATION ul li.page5 { left:133px; width:32px; }
#PAGENATION ul li.page1 a:hover, li.page1 a.active { background:transparent url(../images/site/page-balls.jpg) 0 -41px no-repeat; }
#PAGENATION ul li.page2 a:hover, li.page2 a.active { background:transparent url(../images/site/page-balls.jpg) -34px -41px no-repeat; }
#PAGENATION ul li.page3 a:hover, li.page3 a.active { background:transparent url(../images/site/page-balls.jpg) -68px -41px no-repeat; }
#PAGENATION ul li.page4 a:hover, li.page4 a.active { background:transparent url(../images/site/page-balls.jpg) -100px -41px no-repeat; }
#PAGENATION ul li.page5 a:hover, li.page5 a.active { background:transparent url(../images/site/page-balls.jpg) -133px -41px no-repeat; }
#FOOTER { clear:both; background: url(../images/site/footer-image.gif) left no-repeat; height:175px; color:#fff; background-color:#999999; }
#FOOTER p { font-size:60%; font-weight:bold; text-align:center; position:relative; top:145px; }
#FOOTER p a, #FOOTER p a:hover, #FOOTER p a:visited { color:#fff; text-decoration:none; }
#FOOTER p a:hover { text-decoration:underline; }
/* Display Box */
.display-box { float:left; width:238px; margin:10px 8px 0 8px; }
.empty-box { height:195px; }
.display-box ul { width:238px;}
.display-box ul li { float:right; list-style-type: none; color:#999999;}
.display-box ul li a, .display-box ul li a:visited { font-size:70%; color:#999999; font-weight:bold; }
.display-box ul li a:hover { text-decoration:underline;}
.display-box a.image-border { border:2px solid #999999; margin-top:5px; display:block; padding:2px; height:160px; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; text-align:center;}
.display-box a.image-border img { }
.display-box a.image-border:hover { filter:alpha(opacity=100); -moz-opacity:.99; opacity:.99; }
.hidden { display:none; }
#CONTENT div.photo-info-box h1 { margin-bottom:0; color:#336666;}
.photo-info-box { float:left; width:240px; margin:10px 6px 0 8px; font-family:arial; }
.photo-info-box p { color:#999999; font-size:70%; margin:5px 0 5px 0;}
.photo-info-box span { font-weight:normal; font-size:70%; color:#999999;}
.photo-info-box ul { color:#999999; font-size:80%; margin-left:20px; list-style-type:disc; margin-top:5px; }
.photo-info-box img.special-products-image { float:right; position:relative; right:-35px; margin-left:-30px;}
.photo-info-box img.photographs-image { float:right; position:relative; right:10px;}
.photo-info-box a, .photo-info-box a:visited { color:#AFB7CE; border-bottom:2px dotted #AFB7CE; font-weight:bold; line-height:1.6em;}
.photo-info-box a:hover { color:#959CAF; border-bottom:2px solid #959CAF;}
.center-box { border-left:1px dotted #AFB7CE; border-right:1px dotted #AFB7CE; height:195px; padding:0 0 0 8px; margin:10px 0 0 0; }
.photo-info-text { float:left; position:relative; top:8px; }
.photo-info-text a, .photo-info-text a:visited { font-size:85%; color:#AFB7CE; border-bottom:2px dotted #AFB7CE; font-weight:bold; line-height:1.7em;}
.photo-info-text a:hover { color:#959CAF; border-bottom:2px solid #959CAF;}
.clear { clear:both; }