/* RESET
------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
abbr {cursor:help;}


/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5%/1.5 Calibri,Arial,Helvetica,serif;background:#fff;color:#000;padding:0 0 2em;background:url(../images/layout/bg.png) repeat-y 0 0;}
a {color:#0074bc;text-decoration:underline;}
a:hover {text-decoration:none;color:#fff;background:#0074bc;}
p {margin:0 0 1em;}
p a:hover {padding:0 4px;}
h1 {color:#0074bc;font-size:4em;margin:0 0 15px;letter-spacing:-3px;font-weight:normal;line-height:1;}
h2 {color:#0074bc;font-size:1.3em;}
hr {display:none;}

/* basic layout */
#site {font-size:1.4em;min-height:700px;width:940px;margin:30px 0;}
#content {float:right;width:522px;padding:93px 0 0;}/*
.front #content {background:url(../images/layout/great.png) no-repeat 212px 59px;}*/
#side {min-height:654px;position:fixed;width:340px;padding:0 0 0 30px;background:url(../images/layout/fishbowl.jpg) no-repeat 0 90px;}
#footer {font-size:.85em;float:left;margin:435px 0 0 0;width:330px;color:#7b7b7b;}

/* fishbowl */
#fish {width:121px;height:56px;position:absolute;left:238px;top:100px;cursor:move;background:url(../images/layout/fish.png) no-repeat 0 0;}

/* navigation */
#navigation {width:339px;border:1px solid #fff;border-right:0;}
#navigation li {float:left;}
#navigation li a {text-decoration:none;display:block;background:#fff;padding:32px 0 7px;text-align:center;color:#1f83d7;}
#navigation .p1 a {padding:0;height:60px;text-indent:-1000em;text-align:left;background:url(../images/identity/avant.png) no-repeat 0 -60px;}
#navigation .p1 {width:169px;}
#navigation .p2 {width:70px;}
#navigation .p2 a {background-image:none;}
#navigation .p3 {width:90px;}
#navigation .p3 a {background-image:none;}
#navigation li a:hover,
#navigation li.active a {color:#fff;background-color:#0074bc;background-position:0 0;}

.home-link{text-indent:-1000em;float:right;margin:20px 0 0;height:21px;width:33px;background:url(../images/identity/avant-footer.jpg) no-repeat 0 -29	px;}
.home-link:hover {background:url(../images/identity/avant-footer.jpg) no-repeat 0 0;}
.home-link.absolute {position:absolute;top:525px;left:880px;margin:0;}

/* download button */
.download {display:block;color:#fff;padding:0 0 0 55px;margin:0 0 2em;background:url(../images/layout/bg-download.png) no-repeat 0 -35px;}
.download span {display:block;padding:5px 15px 5px 0;background:url(../images/layout/bg-download.png) no-repeat 100% -35px;}
.download:hover {background:url(../images/layout/bg-download.png) no-repeat 0 0;text-decoration:none;}
.download:hover span {background-position:100% 0;padding-top:6px;padding-bottom:4px;}

/* footer */
#footer a {color:#7b7b7b;}
#footer a:hover {color:#7b7b7b;background:none;text-decoration:underline;}
#footer span {color:#7b7b7b;float:left;}
#footer ul {float:right;}
#footer ul li {float:left;height:12px;}
#footer ul li a {padding:0 10px 0 0;margin:0 10px 0 0;border-right:1px solid #7b7b7b;}
#footer ul li.l a {padding:0;margin:0;border:0;}

/* portfolio */
#portfolio li {margin:0 0 30px;width:100%;float:left;}
#portfolio li img {border:3px solid #d9d8df;float:left;margin:0 16px 0 0;}
#portfolio a {display:block;margin:0 0 17px;}
#portfolio a.photo {margin:0;}
#portfolio a.photo:hover img {border-color:#0074bc;}

/* company data */
#company-data dl {width:100%;}
#company-data dt,
#company-data dd {display:block;float:left;}
#company-data dt {width:150px;}
#company-data dd {width:300px;clear:right;font-weight:bold;}
#company-data .vat {margin:22px 0;}


/* HACKS
------------------------------ */
#site,
#navigation,
#portfolio,
#company-data dl {display:inline-block;}

#site:after,
#navigation:after,
#portfolio:after,
#company-data dl:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}