/*-----------------------------------
Rekord-tim, KK main CSS stylesheet 
-------------------------------------*/

/************************ CSS RESET ***/
@import url("reset.css");

/************************ GLOBAL STYLING ***/
body 		{ font:62.5%/1 "Arial",sans-serif; background:#34bce4 url(../images/bg-body.png) repeat-x 0 0; }
a       { color:#0a5c8e; }
a:hover { text-decoration:none; }

/************************ CONTAINER ***/
#container { position:relative; width:942px; margin:0 auto;}

/************************ HEADER ***/
#header { position:relative; z-index:1; min-height:178px; background:url(../images/bg-header.png) no-repeat 0 0; }

#branding-logo a { position:absolute; left:53px; bottom:25px; display:block; width:141px; height:105px; overflow:hidden; text-indent:-9999px; }

#nav-main     { position:absolute; right:75px; top:83px; }
#nav-main li  { float:left; }
#nav-main a   { display:block; height:31px; overflow:hidden; text-indent:-9999px; color:#fff; background:url(../images/lnk-nav-main.png) no-repeat; }
#nav-main #link-home            { width:166px; margin-right:26px; background-position:0 0; }
#nav-main #link-history         { width:213px; margin-right:19px; background-position:0 -31px; }
#nav-main #link-gallery         { width:189px; background-position:0 -62px; }
#nav-main #link-home:hover,
#nav-main #link-home:focus,
#nav-main .active #link-home    { outline:0; background-position:-218px 0; }
#nav-main #link-history:hover,
#nav-main #link-history:focus,
#nav-main .active #link-history { outline:0; background-position:-218px -31px; }
#nav-main #link-gallery:hover,
#nav-main #link-gallery:focus,
#nav-main .active #link-gallery { outline:0; background-position:-218px -62px; }

/************************ CONTENT ***/
#content h1 { height:46px; overflow:hidden; text-indent:-9999px; background:url(../images/bg-content-headings.png) no-repeat;  }

/************************ Home ***/
#home #content { min-height:343px; background:url(../images/bg-content-home.jpg) no-repeat; }

/************************ History ***/
#history #content { overflow:hidden; position:relative; z-index:2; padding:0 50px 0 72px; min-height:1064px; margin-top:-14px; background:url(../images/bg-content-history.png) no-repeat; }
#history h1       { width:320px; margin-bottom:30px; background-position:0 0;  }
#history #content-main  { width:445px; margin-top:60px; float:left; }
#history #content-supp  { width:341px; margin-top:44px; float:right; }
#history .text p        { margin:20px 0; font-size:1.2em; line-height:1.6; }
#history #content-supp li         { position:relative; font-size:11px; color:#fff; background:#000 url(../images/bg-history-pics.png) no-repeat; }
#history #content-supp dt         { position:absolute; left:25px; }
#history #content-supp .pic-01    { width:320px; height:244px; padding:19px 0 0 21px; background-position:0 0; }
#history #content-supp .pic-01 dt { bottom:20px; }
#history #content-supp .pic-02    { width:313px; height:260px; padding:21px 0 0 28px; background-position:0 -263px; }
#history #content-supp .pic-02 dt { bottom:12px; }

/************************ Gallery ***/
#gallery #content       { position:relative; padding:57px 39px 0; min-height:621px; z-index:2; margin-top:-14px; background:url(../images/bg-content-gallery.png) no-repeat 0 0; }
#gallery #content-main  { overflow:hidden;  }
#gallery h1             { width:288px; margin:0 0 23px 30px; background-position:0 -46px; }

#img-gallery                      { position:relative; margin-left:19px; padding-top:457px; }
#img-gallery #img-holder          { position:absolute; left:0; top:0; padding-top:30px; width:864px; min-height:370px; text-align:center; }
#img-gallery #img-holder.loading  { background:url(../images/loading.gif) no-repeat 50% 50%; }
#img-description                  { position:absolute; left:50%; top:0; width:600px; margin-left:-300px; text-align:center; font-size:1.2em; line-height:1.4; font-weight:bold; color:#fff; }
#img-gallery #slides    { width:790px; margin-left:20px; overflow:hidden; }
#img-gallery ul         { overflow:hidden; }
#img-gallery li         { float:left; margin:0 5px; display:inline; }
#img-gallery li a       { display:block; border:1px solid #333; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#img-gallery li a img   { display:block; }
#img-gallery .active a,
#img-gallery li a:focus { outline:0; border-color:#fff; }
#img-gallery .controls a      { position:absolute; bottom:18px; width:12px; height:16px; margin:0 auto; overflow:hidden; text-indent:-9999px; cursor:pointer; background:url(../images/btn-img-gallery-controls.png) no-repeat 0 0; }
#img-gallery .controls .prev  { left:-20px; background-position:0 0; }
#img-gallery .controls .next  { right:0; background-position:-12px 0; }

/************************ FOOTER ***/
#footer   { position:relative; z-index:3; }
#footer p { position:absolute; bottom:8px; left:0; width:942px; margin:0 0 0 0; color:#c0e5ef; }
#footer #siteinfo-legal   { position:relative; float:right; margin-right:37px; display:inline; }
#footer #siteinfo-credits { position:relative; float:left; margin-left:53px; display:inline; text-decoration:none; color:#000; }
#footer #siteinfo-credits:hover, #footer #siteinfo-credits:focus, #footer #siteinfo-credits span { color:#f00; }
#siteinfo-link-home       { position:absolute; right:75px; top:15px; z-index:2; font-size:1.2em; color:#fff; text-decoration:none; }
#siteinfo-link-home:hover { color:#e8e8e8; }