/* 
------------------------------------------------------------------------------------------------------------------
  Classes
------------------------------------------------------------------------------------------------------------------
*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }

.clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px; }

.fleft { float: left; }
.fright { float: right; }

img.fleft { float: left; margin: 0 10px 5px 0; }
img.fright { float: right; margin: 0 0 5px 10px; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

/* 
------------------------------------------------------------------------------------------------------------------
  Main
------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }

html { width: 100%; height: 100%; }
body { position: relative; font-size: 0.8em; font-family: Arial; line-height: 1.3; width: 100%; height: 100%; }


/*
------------------------------------------------------------------------------------------------------------------
  Header
------------------------------------------------------------------------------------------------------------------
*/



/*
------------------------------------------------------------------------------------------------------------------
  Content
------------------------------------------------------------------------------------------------------------------
*/



/*
-----------
  Sidebar
-----------
*/



/*
------------------------------------------------------------------------------------------------------------------
  Footer
------------------------------------------------------------------------------------------------------------------
*/

/*
------------------------------------------------------------------------------------------------------------------
  Index page
------------------------------------------------------------------------------------------------------------------
*/

body#indexPage { color: #355C85; font-size: 0.7em; background: #242529 url(../i/site/index-bg.jpg) no-repeat center 0; }

body#indexPage a { color: #2B3D50; text-decoration: underline; }
body#indexPage a:hover { color: #2B9DE1; text-decoration: none; }
body#indexPage a span { cursor: pointer; text-decoration: underline; }
body#indexPage a:hover span { text-decoration: none; }

body#indexPage #indexCanvas { position: relative; margin: 0 auto; width: 990px; height: auto; min-height: 100%; }
body#indexPage #indexCanvas #indexCanvasHeight { position: relative; width: 100%; min-height: 640px; }

body#indexPage #itemLogo { position: absolute; top: 39px; left: 15px; width: 170px; height: 107px; }
body#indexPage #itemLogo a { display: block; width: 170px; height: 107px; }
body#indexPage #itemLogo a span { position: absolute; right: 0; bottom: 5px; }

body#indexPage #itemGames { position: absolute; top: 359px; right: 5px; width: 144px; height: 157px; }
body#indexPage #itemGames a { display: block; width: 144px; height: 157px; }
body#indexPage #itemGames a span { position: absolute; right: 0; bottom: 5px; }

body#indexPage #itemTeam { position: absolute; top: 220px; left: 78px; width: 107px; height: 124px; }
body#indexPage #itemTeam a { display: block; width: 107px; height: 124px; }
body#indexPage #itemTeam a span { position: absolute; right: 0; bottom: 5px; }

body#indexPage #itemGallery { position: absolute; z-index: 1000; bottom: 0px; left: 661px; width: 135px; height: 127px; }
body#indexPage #itemGallery #itemGalleryBg { position: absolute; left: 0; bottom: 10px; background: url(../i/site/kaplya.png) no-repeat 0 0; width: 103px; height: 105px; }
body#indexPage #itemGallery a { position: absolute; top: 0; left: 0; display: block; width: 135px; height: 127px; }
body#indexPage #itemGallery a span { position: absolute; top: 33px; left: -50px; }

body#indexPage #footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; }
body#indexPage #footer a { color: #355C85; }
body#indexPage #footer a:hover { color: #2B9DE1; }
body#indexPage #footer p#footer_copyright { position: absolute; bottom: 25px; left: 20px; }
body#indexPage #footer p#footer_webbased { position: absolute; bottom: 25px; right: 20px; }