ul,ol,img { margin: 0; padding: 0; border: none; list-style: none;}

body {background: #000 url(../images/body-bg.png) repeat-x; color: #FFF; margin:0; padding:0; border:0;}

/* TOP : */
#container {width: 978px; margin: 0 auto; background: url(../images/content-middle.png);}
#container-inner{width:938px; padding:10px 20px;}
#top {padding: 25px 20px 10px 20px; overflow: hidden; background: #000 url(../images/body-bg.png) repeat-x; /* Solve IE hasLayout issue */ height: auto !important; height: 1%;}
#logo {text-indent: -9999em; float: left; display: inline; background: url(../images/logo.png) no-repeat; width: 306px; height: 77px;}
#flashcontent{float:right; margin:10px 0 10px 20px;}

.clear{clear:both; line-height:1px; height:1px;}
.right{float:right; margin:10px 0 10px 15px;}

/* NAVIGATION MENU : */

#navigation {float: right; width: 730px; padding: 10px 0 0 0;}
#navigation li { display: inline; }
#navigation a {display: inline; float: left; text-indent: -9999em; margin: 0 0 0 10px; height: 36px; background-image: url(../images/navigation2.png);}

#navigation li#nav-home a {width: 74px; background-position: 0 0;}
#navigation li#nav-portraits a{width:108px; background-position:-74px 0;}
#navigation li#nav-cd a {width: 149px; background-position: -182px 0;}
#navigation li#nav-falls a{ width:108px; background-position:-331px 0;}
#navigation li#nav-galleries a {width: 114px; background-position: -439px 0;}
#navigation li#nav-contact a {width: 114px; background-position: -550px 0;}

#navigation li#nav-home a:hover { background-position: 0 -37px; }
#navigation li#nav-portraits a:hover{background-position:-74px -37px;}
#navigation li#nav-cd a:hover { background-position: -182px -37px; }
#navigation li#nav-falls a:hover{ background-position:-331px -37px;}
#navigation li#nav-galleries a:hover { background-position: -439px -37px; }
#navigation li#nav-contact a:hover { background-position: -550px -37px; }

#navigation li#nav-home a:active { background-position: 0 -74px; }
#navigation li#nav-portraits a:active{background-position:-74px -74px;}
#navigation li#nav-cd a:active { background-position: -182px -74px; }
#navigation li#nav-falls a:active{background-position:-331px -74px;}
#navigation li#nav-galleries a:active { background-position: -439px -74px; }
#navigation li#nav-contact a:active { background-position: -550px -74px; }

/* SLIDESHOW : */

#slideshow {clear: both; height: 350px; border: 2px solid #FFF; position: relative; overflow: hidden; border-bottom: none; text-align: center; background: #000 url(../images/black-grid.png); color:#FFF;}
	#slideshow h1{color:#FFF; margin:0; padding:0; line-height:22px;}
	#slideshow p{color:#FFF; margin:0; padding:0; line-height:18px;}

/* CONTENT : */

#content-wrapper {clear: both; background: url(../images/content-top.png) no-repeat; border: 2px solid #FFF;}
#content {background: url(../images/content-bottom.png) no-repeat left bottom; padding: 20px; color: #383838; overflow: hidden; height: auto !important; height: 1%;}
#content a {color: #383838; font-weight: 700;}
#content p, #content ul {padding: 0.7em 0; line-height: 1.3em;}
#content ul {padding-left: 30px; list-style: disc;}

#left {width: 500px; float: left;}
#right {width: 415px; float: right; margin: 0 0 0 15px;}

#right .gallery-choices {list-style: none; padding: 5px 0 0 0;}
#right .gallery-choices img {margin: 0 0 5px 0; border: 2px solid #000;}

#content .gallery-unit {width: 270px; padding: 20px; float: left;}
#content .gallery-unit img {border: 2px solid #666;}
#content .gallery-unit h2 {text-align: center; font-weight: 700; padding: 0 0 10px 0;}

/* GALLERY PAGES : */

#content #gallery {padding: 0; list-style: none; margin: 0;}
#content #gallery li {height: 100px; overflow: hidden; border: 1px solid #999; float: left; margin: 4px; text-align: center; width: 110px;}
#content #gallery li a {display: block;}
#content #gallery li img {display: block;}

h1.gallery-title {border: 2px solid #FFF; border-bottom: none; background: url(../images/content-top.png) no-repeat; color: #000; padding: 20px; text-align: center;}

/* FOOTER : */

#foot {width: 978px; margin: 0 auto; clear: both;}
#foot-menu {float: left; width: 400px;padding: 10px 15px;}

#copyright-info {float: right; width: 400px; padding: 10px 15px; text-align: right;}