@CHARSET "UTF-8";

/**
 * HTML
 * -----------------------------------------------------------------------------
 */

a:link, a:visited { color: #770837; }
a:active, a:hover { color: #8A5B51; }
a img { border: none; }
body { margin: 0; padding: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 12px;
    background: #050101 url("../images/body-bg.png") scroll top center repeat-x; color: #EFEFEF; }
form { margin: 0; padding: 0; }
h1, h2 { margin: 10px 0; padding: 0; color: #770837; }
h2.h2Menu, h2.h2Program { width: 210px; height: 17px; padding: 5px 10px; font-size: 110%; color: #FFFFFF;
    background: transparent url("../images/h2-menu-bg.png") scroll left top no-repeat; }
* html h2.h2Menu { background-image: url("../images/ie/h2-menu-bg.jpg"); }
h2.h2Gallery { width: 140px; height: 17px; padding: 5px 10px; font-size: 110%; color: #FFFFFF;
    background: transparent url("../images/h2-gallery-bg.png") scroll left top no-repeat; }
.spanGallery { display: block; margin: 10px 0; padding: 5px 0; font-size: 110%; font-weight: bold; color: #707070; }
* html h2.h2Gallery { background-image: url("../images/ie/h2-gallery-bg.jpg"); }

/**
 * IDs
 * -----------------------------------------------------------------------------
 */

#page { overflow: hidden; width: 1117px; background: transparent url("../images/page-bottom-bg.png") scroll center bottom no-repeat; }
#page-in { overflow: hidden; width: 1117px; background: transparent url("../images/page-top-bg.png") scroll center top no-repeat; }

#header-top { height: 71px; overflow: hidden; }
#header { width: 100%; height: 290px; background: transparent url("../images/header-bg.png") scroll center bottom no-repeat; }
#header #logo { top: 15px; left: 80px; width: 170px; height: 170px; }
#header #languageBar { top: 5px; right: 100px; }
#header #languageBar a { margin: 0 3px; }

/* Menu */
#menu {position: absolute; left: 0px; top: 290px; width: 100%; height: 71px; font-size: 14px; text-align: center; font-weight: bold;
    background: transparent url("../images/menu-bg.png") scroll center top no-repeat; font-family: Arial, Helvetica, sans-serif; }
#menu .pad { padding-top: 27px; }
#menu ul, #menu li, #menu a, #menu a span { margin: 0; padding: 0; border: 0; }
#menu ul { list-style: none; }
#menu li { display: inline; }
#menu li a { text-decoration: none; color: #EFEFEF; }
#menu li a span { padding: 20px 25px; text-transform: uppercase; }
#menu li a:hover, #menu li.selected a { color: #000000; text-shadow: 3px 3px 6px silver; }

#content { min-height: 400px; margin-top: 290px; padding: 10px 100px; background: transparent url("../images/content-bg.png") scroll center repeat-y; }
* html div#content { height: expression(this.scrollHeight <= 400? "400px" : "auto" ); background-image: url("../images/ie/content-bg-ie.png"); overflow: hidden; }

#form { height: 200px; padding: 20px; background: transparent url("../images/form-bg.png") scroll center top no-repeat; }
* html #form { background-image: url("../images/ie/form-bg.jpg"); }
#form input.text, #form textarea.text { margin: 2px 0; padding: 3px; border: 1px solid #2F0014; font-size: 12px;
    font-family: Arial, Helvetica, sans-serif; background-color: #2F0014; color: #8A5B51; }

#paging { width: 50%; padding: 10px 0; }
#paging span, #paging a { padding: 0 10px; }

#contactMap { width: 373px; height: 374px; padding: 10px 5px 0 0; overflow: hidden;
    background: transparent url("../images/contact-bg.png") scroll center no-repeat; }
* html #contactMap { background-image: url("../images/ie/contact-bg.jpg"); }
#contactMap p { text-indent: 10px; }

#smallBox { width: 244px; height: 349px; padding: 10px 5px 0 0; overflow: hidden;
    background: transparent url("../images/small-box-bg.png") scroll center no-repeat; }
* html #smallBox { background-image: url("../images/ie/small-box-bg.jpg"); }
#smallBox p { margin: 2px 0; padding: 0 10px; }

#bigBox { width: 244px; height: 436px; padding: 10px 5px 0 0; overflow: hidden;
    background: transparent url("../images/big-box-bg.png") scroll center no-repeat; }
* html #bigBox { background-image: url("../images/ie/big-box-bg.jpg"); }
#bigBox p { margin: 2px 0; padding: 0 10px; }

#boyImage { width: 240px; height: 225px; background: transparent url("") scroll center no-repeat; }
#boyFinder { margin: 10px 0 5px 0; }

#footer { height: 100px; background: transparent url("../images/footer-bg.png") scroll center bottom; }

/**
 * CLASSes
 * -----------------------------------------------------------------------------
 */

/* Aligment */
.textLeft { text-align: left !important; }
.textCenter { text-align: center !important; }
.textRight { text-align: right !important; }
.textJustify { text-align: justify !important; }
.centered { margin-left: auto !important; margin-right: auto !important; }

/* Floating */
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.floatEnd { clear: both !important; }

/* Position */
.absPos { position: absolute !important; }
.relPos { position: relative !important; }
.posTop { top: 0px !important; }
.posRight { right: 0px !important; }
.posBottom { bottom: 0px !important; }
.posLeft { left: 0px !important; }

.w785 { width: 785px; }
.w520 { width: 520px; }
.w460 { width: 460px; }
.w455 { width: 455px; }
.w450 { width: 450px; }
.w430 { width: 430px; }
.w390 { width: 390px; }
.w260 { width: 260px; }

.marginVertical10 { margin: 10px 0; }

/* Decoration */
.textBold { font-weight: bold; }
.smallFont { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; }
.color { color: #770837; }
.white { color: #FFFFFF !important; }
.hidden { display: none; }

.category { width: 305px; height: 310px; }
/* club */
.category.catclub { background: transparent url("../images/gl-club.png") scroll center top no-repeat; }
* html div.category.catclub { background-image: url("../images/ie/gl-club.jpg"); }
.category.cs-club { background-image: url("../images/cs/gb-club.png"); }
/* boys */
.category.catboys { background: transparent url("../images/gl-boys.png") scroll center top no-repeat; }
* html div.category.catboys { background-image: url("../images/ie/gl-boys.jpg"); }
.category.cs-boys { background-image: url("../images/cs/gb-boys.png"); }
/* service */
.category.catservice { background: transparent url("../images/gl-service.png") scroll center top no-repeat; }
* html div.category.catservice { background-image: url("../images/ie/gl-service.jpg"); }
.category.cs-service { background-image: url("../images/cs/gb-service.png"); }

.message { margin: 10px 0; padding: 8px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; overflow: hidden; }
.message.even {  }
.message.odd { background-color: #60012A; }
.message p { margin: 3px 0 0 0; }
.message span { color: #959595; font-size: 9px; }
.message strong { font-size: 12px; }

.submit { left: 20px; bottom: 15px; }
.button { display: block; width: 105px; height: 22px; margin-right: 10px; padding-top: 5px; color: #FFFFFF !important;
    text-decoration: none; background: transparent url("../images/button-bg.png") scroll 50% 0px no-repeat; }
* html a.button { background-image: url("../images/ie/button-bg.jpg"); }
input.button { height: 27px; margin: 0; padding: 0; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
* html input.button { background-image: url("../images/ie/input-button-bg.jpg"); }
.button.selected, a:hover.button, input:hover.button { background-position: 50% -27px !important; }

.imgThumb { width: 140px; height: 140px; margin: 5px; padding: 5px 5px 15px 5px; border: 1px solid #770837; }
.imgThumb div { width: 146px; padding: 2px; }
.imgThumb.selected { border: 1px solid #FFFFFF; }

.hpLeft { widt: 50%; background: transparent url("../images/hp-left.png") scroll center no-repeat; }
* html .hpLeft { background-image: url("../images/ie/hp-left.jpg"); }
.hpRight { width: 50%;  background: transparent url("../images/hp-right.png") scroll center no-repeat; }
* html .hpRight { background-image: url("../images/ie/hp-right.jpg"); }

.homepage { width: 413px; padding-right: 22px; background: transparent url("/public/images/separator.png") scroll right center no-repeat; }
.homepage h2 { text-transform: uppercase; }
/*.homepage p { color: #898989; }*/
.homepage p.link { text-transform: none; }
.homepage .hpGallery { background: transparent url("/public/images/hp-medium-box-bg.png") scroll center no-repeat; }
* html .homepage .hpGallery { background-image: url("/public/images/ie/hp-medium-box-bg.jpg"); }

.catalog { width: 490px; height: 200px; background: transparent url('/public/images/menu.png') scroll right top no-repeat; }
* html .catalog { background-image: url("/public/images/ie/menu.jpg"); }

/* guest list */
.guestList { background: transparent url("../images/heading-guest-list.png") scroll right top no-repeat; }
* html .guestList { background-image: url("../images/ie/heading-guest-list.jpg"); }

/* contact */
.contact { background: transparent url("../images/heading-contact.png") scroll right top no-repeat; }
* html .contact { background-image: url("../images/ie/heading-contact.jpg"); }

/* club */
.club { background: transparent url("../images/heading-club.png") scroll right top no-repeat; }
* html .club { background-image: url("../images/ie/heading-club.jpg"); }

/* menu */
.menu { background: transparent url("../images/heading-menu.png") scroll right top no-repeat; }
* html div.menu { background-image: url("../images/ie/heading-menu.jpg"); }

/* boys */
.boys { background: transparent url("../images/heading-boys.png") scroll right top no-repeat; }
* html .boys { background-image: url("../images/ie/heading-boys.jpg"); }

/* gallery */
.gallery { background: transparent url("../images/heading-gallery.png") scroll right top no-repeat; }
* html .gallery { background-image: url("../images/ie/heading-gallery.jpg"); }

/* program */
.program { background: transparent url("../images/heading-program.png") scroll right top no-repeat; }
* html .program { background-image: url("../images/ie/heading-program.jpg"); }

/* languages */
/* CS */
.cs-guestList { background-image: url("../images/cs/heading-guest-list.png"); }
.cs-contact { background-image: url("../images/cs/heading-contact.png"); }
.cs-club { background-image: url("../images/cs/heading-club.png"); }
.cs-menu { background-image: url("../images/cs/heading-menu.png"); }
.cs-boys { background-image: url("../images/cs/heading-boys.png"); }
.cs-gallery { background-image: url("../images/cs/heading-gallery.png"); }
.cs-program { background-image: url("../images/cs/heading-program.png"); }