/**
 * @project: 1Click Light
 * @location: Wax Interactive - www.wax.be
 * @date: 09.02.2010
 * @author: Jan De Wilde
 */
  

/**
 * Declaration of general styles.
 * Includes the clearfix, source: http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
 */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

* { margin:0; padding:0; }
html { background:url(../images/dash-vert.gif) 980px top repeat-y; }
body { font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#666666; background:url(../images/dash-vert.gif) 560px top repeat-y; }

h1 { padding-top:1px; color:#54aa09; font-size:18px; line-height:27px; }
h1 a { padding:20px; color:#54aa09; text-decoration:none; width:525px; background:#fff; display:block; }
h2 { padding-bottom:15px; font-size:17px; color:#54aa09; line-height:27px; width:360px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:14px; }

p { padding-bottom:20px; }

a { outline:none; color:#54aa09; } /* Comment this rule if you want to see the outline of achor elements. */

.lFloat { float:left; }
.rFloat { float:right; }

.contain { width:980px; }
.big { padding:20px; background:url(../images/dash.gif) left top repeat-x; width:520px; }
.small { padding:20px; background:url(../images/dash.gif) left top repeat-x; width:380px; }

/**
 * Declaration of website styles.
 */

#header { position:relative; height:240px; background:url(../images/grass.jpg) left bottom repeat-x; z-index:1; }

#header #diJet { position:absolute; left:15px; top:15px; text-indent:-9999px; width:188px; height:56px; background:url(../images/di-jet.gif) left top no-repeat; display:block; z-index:3; }

#header #trans { position:absolute; left:0; bottom:0; height:52px; width:100%; background:#fff; z-index:2; -moz-opacity:0.8; filter:alpha(opacity:80); opacity:0.8; }

#header #eyecatcher { position:absolute; left:320px; top:0; text-indent:-9999px; width:740px; height:188px; display:block; z-index:10; }
#header #animatedHeader { position:absolute; left:320px; top:0; width:740px; height:188px; background:url(../images/header0.jpg) left top no-repeat; overflow:hidden; }

#header #mainNav { position:absolute; left:0; top:189px; list-style:none; width:640px; z-index:4; }
#header #mainNav li { list-style:none; }
#header #mainNav li.current a,
#header #mainNav li.current li.current a { color:#66cc99; background:#fff; }
#header #mainNav li.current li a { color:#666; }
#header #mainNav ul { padding-bottom:1px; background:#fff url(../images/dash.gif) left bottom repeat-x; }

#header #langNav { position:absolute; left:910px; bottom:0; list-style:none; z-index:5; }
#header #langNav li { list-style:none; display:inline; float:left; }
#header #langNav a { padding:7px 10px; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#666; display:block; float:left; }
#header #langNav li.current a { color:#009933; background:#fff; }

#header #suyi { position:absolute; bottom:0; left:650px; padding:17px 25px 0 20px; font-weight:bold; text-decoration:none; height:34px; color:#009933; background:url(../images/idea-right.gif) right bottom no-repeat; display:block; z-index:6; }
#header #suyi span { border-bottom:1px dotted #009933; }

#content { line-height:22px; background:url(../images/dash.gif) left top repeat-x; }

#content ul { padding:0 0 20px 15px; list-style-image:url(../images/list-item.gif); }

#slideshow img { width:380px; }
#nav { margin:15px auto; }
#nav a { padding:5px; text-indent:-9999px; width:7px; height:7px; background:url(../images/nav-inactive.gif) center center no-repeat; display:block; float:left; }
#nav a.activeSlide { background-image:url(../images/nav-active.gif); }

#photo-overview { padding:20px; background:#fff url(../images/dash.gif) left top repeat-x; width:520px; width:940px; }
#photo-overview a img { border:1px solid #ccc; }
#photo-overview .photoBox { margin:0 11px 10px 0; float:left }

#foot { padding:10px 0; text-align:right; background:#fff; }
#foot a { margin:0 10px; color:#999; text-decoration:none; font-size:11px; }