/* CREDITS
 * ----------------------------------------------------------
 * Title:		Projectname - Screen Stylesheet
 * Author:		Jeroen Bijnens <jeroen@site-kick.be>
 * Date:		00/00/09
 * Last Edit:	00/00/00 Jeroen Bijnens <jeroen@site-kick.be>
 * ----------------------------------------------------------
 * Site-Kick - Uw partner in webdesign!
 * www.site-kick.be
 */

/* Reset
---------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; }

/* General elements
---------------------------------------------------------- */
textarea, body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body{ background:url(../images/layout/body_bg.png) repeat left top;}

.clear{ clear:both; }
a:focus{ outline:none; }
::selection{ background:#0099E3; color:#FFF; }
::-moz-selection{ background:#0099E3; color:#FFF; } 

ul.links{ position:absolute; top:0px; right:0px;}

/* Container
---------------------------------------------------------- */
div#container{ margin:0 auto 0; width:844px; overflow:hidden;  position:relative; padding-top:80px;}
div#container ul.links{ position:absolute; top:0px; right:0px;}
div#container ul.links li{ float:left; margin:0 2px;}
div#container ul.links li a.mail{ font-family:"Times New Roman", Times, serif; color:#666; text-decoration:none;border-bottom:1px dotted #666; font-style:italic; margin-top:4px; display:block;}
div#container ul.links li a.mail:hover{ color:#333; text-decoration:none; border-bottom:1px dotted #333; }

/* Header
---------------------------------------------------------- */
div#header{height:90px; overflow:hidden; }
div#header img.logo{ float:left; padding-right:153px; margin-left:15px;}
div#header ul.nav{border-left:1px solid #949699; height:90px; float:left; padding-left:30px;} 
div#header ul.nav li{float:left; width:64px; margin:18px 10px 0; height:72px;}
div#header ul.nav li.last{margin-right:0px;}
div#header ul.nav li a{ height:72px; width:64px; display:block; text-indent:-9999px;}
div#header ul.nav li a.logo{ background:url(../images/layout/nav_bg.png) no-repeat 0 0; }
div#header ul.nav li a.web{ background:url(../images/layout/nav_bg.png) no-repeat -91px 0; cursor:default; }
div#header ul.nav li a.print{ background:url(../images/layout/nav_bg.png) no-repeat -179px 0; cursor:default;}
div#header ul.nav li a.newsletter{ background:url(../images/layout/nav_bg.png) no-repeat -263px 0; cursor:default;}
div#header ul.nav li a.logo:hover, div#header ul.nav li a.logo.active{background-position:0px -72px; cursor:default;}
/*
div#header ul.nav li a.web:hover, div#header ul.nav li a.web.active{background-position:-91px -72px;}
div#header ul.nav li a.print:hover, div#header ul.nav li a.print.active{background-position:-179px -72px;}
div#header ul.nav li a.newsletter:hover, div#header ul.nav li a.newsletter.active{background-position:-263px -72px;}
*/


/* Content 
---------------------------------------------------------- */
div#content{ margin:30px auto 0; width:844px;}
div#content div.gallery{ background:url(../images/layout/gallery_bg.png) no-repeat left bottom; width:843px; height:398px;}
div#content div.gallery div.window{height:347px; margin:0 auto; overflow:hidden; position:relative; width:791px;}
.image_reel {position: absolute; top: 7px; width: 791px;}
.image_reel a {width: 791px; height: 436px; display: block; float: left;}
.image_reel img {float: left; border: 0;width: 792px;}
.paging {margin: 30px auto 0; text-align: left; line-height: 45px; height: 45px; position:relative; clear:both; text-align:center; width:800px;}
.paging a.active {background-position:left bottom;}
.paging a {background:url(../images/layout/pag_bg.png) no-repeat left top; height: 17px; width: 17px; display:block; float:left; outline:none;}
.paging img {border: 0;}
.paging ul{margin:0 auto;}
	
/* Footer
---------------------------------------------------------- */
div#footer{}