@charset "utf-8";
* { margin: 0; padding: 0; }
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size: 76%; background:#333; color: #FFF; }
img { border: 0; }
a { color: #AAF; text-decoration: none; }
a:hover { text-decoration: underline; }
p { padding: 0.6em; }
blockquote { padding: 0 0 0 1.5em; border: 1px dashed #EEE; }
.smaller {font-size: smaller; }
.larger {font-size: larger; font-weight: bold; }

#header { font-family: Helvetica, Arial, Geneva, sans-serif; background:#333 url(/css/graphics/film-negative.jpg) repeat-x top left; height: 140px; margin: 0; padding: 0; } 
#header a { } 
#header ul li { height: 95px; width: 140px; float: left; text-align: center; margin: 0; padding: 33px 0 0 0; list-style-type: none; font-size: 1.5em; } 
#header ul li a { color: #FFF; }
#header .one { background:#333 url(/css/graphics/film-negative.jpg) no-repeat top left; }
/* #header .one:hover { background:#FFF url(/css/graphics/homepage.jpg) no-repeat top left; } */
#header .half { width: 18px; }
#header .two { background:#333 url(/css/graphics/film-negative.jpg) no-repeat top left; }
/* #header .two:hover { background:#FFF url(/css/graphics/homepage.jpg) no-repeat top left; } */
#header .three { background:#333 url(/css/graphics/film-negative.jpg) no-repeat top left; }
/* #header .three:hover { background:#FFF url(/css/graphics/homepage.jpg) no-repeat top left; } */
#header .four { background:#333 url(/css/graphics/film-negative.jpg) no-repeat top left; }
/* #header .four:hover { background:#FFF url(/css/graphics/homepage.jpg) no-repeat top left; } */
#header .five { background:#333 url(/css/graphics/film-negative.jpg) no-repeat top left; }
/* #header .five:hover { background:#FFF url(/css/graphics/homepage.jpg) no-repeat top left; } */
#header .six { background:#333 url(/css/graphics/film-negative.jpg) no-repeat top left; }
/* #header .six:hover { background:#FFF url(/css/graphics/homepage.jpg) no-repeat top left; } */
#header .seven { background:#333 url(/css/graphics/film-negative.jpg) no-repeat top left; }
/* #header .seven:hover { background:#FFF url(/css/graphics/homepage.jpg) no-repeat top left; }  */
#header .home-link { background:#333 url(/css/graphics/homepage.jpg) no-repeat top left; }
#header .home-link:hover { background:#333 url(/css/graphics/homepage-2.jpg) no-repeat top left; }

/*Style the images elements that dont change whether javascript is enabled or not*/
#images { clear: both; width: 1010px; }
#thumbnails #thumbs a { outline: none; }
#thumbnails #thumbs li { float: left; list-style:none; }

#overlay {
position:absolute;
/*background:url(/demo02/overlay.png) repeat;*/
width: 683px;
height: 500px;
}

/*Style the #images elements when javascript is enabled*/
.images #main-image { width: 683px; height: 500px; margin: 13px 0 0 13px; float: left; text-align: center; }
/*.image #main-image { background: no-repeat top left; width:683px; height: 500px;  }*/
.images #main-image .advance-link { display:block; text-decoration: none; }
.images #thumbnails { width: 270px; height: 349px; margin: 0px 0 0 25px; float: left; background:#333 url(/css/graphics/thumb-negatives01.jpg) no-repeat top left; padding: 8px 0 0 15px; }
.images #thumbnails #thumbs img { margin: 4px 30px 0 0; }
.images #notepad { width: 264px; height: 130px; margin: 1em 0 0 20px; float: left; background: #FFC url(/css/graphics/notepad-slice.jpg) repeat-y top left; color: #000; }
.images #notepad .top { background: transparent url(/css/graphics/notepad-base.jpg) no-repeat bottom left; height: 130px; width: 264px;}
.images #notepad h2 { font-size: 1em; font-style:italic; padding: 0.4em 0.4em 0 0.4em; }
.images #notepad #captions{ background-color: #FFC; width: 229px; }

/*Style the #images elements when javascript is disabled*/
.images-noscript #notepad{ display:none; }
.images-noscript #thumbnails { width: 850px; margin: 25px 0 0 25px; }
.images-noscript #thumbnails li { width:150px; margin: 15px 0 15px 20px; }
.images-noscript #thumbnails li p { height: 50px; padding: 1em 0 0 0; } /*Change this to adjust height of caption*/

.image span.image-wrapper { position: absolute; }

#main { padding: 0.1em 2em 2em 2em; width: 700px; float: left; }
#main h1 { font-size:1.5em; font-family:Geneva, Arial, Helvetica, sans-serif; background:#333 url(/css/graphics/header-negative.jpg) repeat-x top left; height: 40px; padding: 0.4em 3em 0 1em; margin: 2em 0 0 0; }
#main h2 { font-size:1.4em; font-family:Geneva, Arial, Helvetica, sans-serif; background:#333 url(/css/graphics/header-negative.jpg) repeat-x top left; height: 40px; padding: 0.6em 3em 0 1em; margin: 2em 0 0 0; }
#main h3 { font-size:1.3em; padding: 1em; }
#main h4 { font-size:1.2em; padding: 1em; }
#main h5 { font-size:1.1em; padding: 1em; }
#main ul { padding: 0.5em 0.5em 0.5em 4em; }
#main ul li { padding: 0.5em;}
#main ol { padding: 0.5em 0.5em 0.5em 4em; }
#main ol li { padding: 0.5em; }
#main p { padding: 0.5em 0.5em 0.5em 3em; }
#main form { padding: 0.5em 0.5em 0.5em 3em; }
#main .blog { margin: 2em 0 0 0; }
#main .blog-body { padding: 0 2em 0 2em; }

.flickr img { padding: 0.3em; }

#side-navigation { width: 240px; float: left; border: 1px solid #444; background: #222; margin: 2em 0 0 0; }
#side-navigation h1, #side-navigation h2, #side-navigation h3, #side-navigation h4 { font-weight: normal; padding: 1em 0 0.2em 0.3em; }
#side-navigation h1 { font-size: 2em; }
#side-navigation h2 { font-size: 1.6em; }
#side-navigation h3 { font-size: 1.4em; }
#side-navigation h4 { font-size: 1.2em; }
#side-navigation p { padding: 0.5em 1em 0.5em 1em; }
#side-navigation ul { padding: 0.5em 1em 0.5em 2em; }
#side-navigation ul li { padding: 0.5em; }

#footer { clear: both; width: 400px; font-size: 0.8em; margin: 1em 1em 1em 2.6em; }
#footer p { border: 1px solid #444; background: #222; text-align: center; }
#footer a { }



/* ---------- Price Table ---------- */
table.price-table { border: 1px solid #CCC; }
table.price-table td { border: 1px solid #CCC; }
table.price-table caption { font-weight: bold; }
table.price-table th { font-size:1.3em; background-color: #999; }
table.price-table td { background-color: #222; }

.clearfloat { clear:both; height:0; line-height: 1px; }