/* CSS by Karim Boukarabila ::: Contemporaray Visual Communication ::: www.boukarabila.com */
html { text-align: center; height: 100%; }
body { background: #3d3233 url(../img/body_background.gif) repeat-x left top; text-align: center; width: 100%; height: 100%; behavior: url("js/IE6_css_hover.htc"); }
p { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-bottom: 0.5em; }
a:link { color: #7ab329; text-decoration: none; }
a:visited { color: #cef531; text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: underline; }
#pageWrapper { width: 940px; margin-right: auto; margin-left: auto; }
/*///////////////////// Header /////////////////////*/
#header { background-image: url(../img/header.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center 50%; margin-right: auto; margin-left: auto; width: 940px; height: 200px; }
#websiteURL { color: #989898; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: right; position: relative; top: 90px; right: 250px; float: right; }
#websiteURL a:link, #websiteURL a:visited { color: #7ab329; font-weight: bold; text-decoration: none; }
#websiteURL a:hover { color: #cef531; text-decoration: none; }
#websiteURL a:active { text-decoration: underline; }
/*///////////////////// Page /////////////////////*/
#pageWrapper { background-color: black; margin-right: auto; margin-left: auto; width: 940px; height: auto; border-bottom: 20px solid black; }
#gallery { position: relative; top: 30px; margin-right: auto; margin-left: auto; width: 940px; height: auto; margin-bottom: 50px; }
#gallery p { color: #989898; font-size: 14px; line-height: 1.5em; text-align: center; }
#gallery ul li { color: #989898; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 300px; height: 25px; float: left; list-style-type: none; list-style-image: none; display: block; }
#gallery ul { width: 600px; overflow: hidden; margin-right: auto; margin-left: auto; }
#gallery a:link, #gallery a:visited { color: #eec375; text-decoration: none; }
#gallery a:hover { color: #fcdb8c; text-decoration: none; }
#gallery a:active { color: #fcdb8c; text-decoration: underline; }
#gallery a:hover .next { background-position: right bottom; }
#gallery a:hover .previous { background-position: left bottom; }
.previous { background-image: url(../img/arrow_previous.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; width: 20px; height: 25px; float: left; }
.next { background-image: url(../img/arrow_next.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 20px; height: 25px; float: right; display: block; }
li.previousPage { text-align: left; }
li.nextPage { text-align: right; }
/*///////////////////// Pictures /////////////////////*/
ul.pictures { width: 900px; height: 120px; margin-right: auto; margin-bottom: 20px; margin-left: auto; }
ul.pictures li { background-image: url(../img/thumb_container.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; width: 20%; height: 120px; float: left; list-style-type: none; list-style-image: none; display: block; }
ul.pictures li:hover { background-position: center bottom; }
a.fancybox { cursor: url(magnifier.cur), pointer; outline: none; }
.thumb { width: 130px; height: 100px; margin-top: 10px; }
/*///////////////////// Footer /////////////////////*/
#footer { color: #989898; font-size: 10px; text-align: center; width: 600px; height: 50px; margin-top: 20px; margin-right: auto; margin-left: auto; }