/*
============================
	Table of Contents

	1. CSS Reset
	2. Common Stuff
	3. Header
	4. Index Page
    ----4.1 Sliding Area
    ----4.2 Grid Boxes
	5. Footer
	6. Inner Pages

============================
*/



/* ==== 1. CSS Reset v1.0 | 20080212 ==== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, 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;font-size: 100%;vertical-align:baseline;background:transparent;}body{line-height: 1;}ol, ul{list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before,q:after{content: '';content: none;}:focus{outline: 0;}ins {text-decoration: none;}del{text-decoration:line-through;}
/* ==== /CSS Reset ==== */



/* ==== 2. Common ==== */
html, body {
    height:100%;
    width:100%;
}
table{
    border-collapse: separate;
    border-spacing:0;
}
body {
	background:#e2e2e2;
    font-family:"arial", "helvetica", sans-serif;
    line-height:1.3;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
/* avoid a flick of unstyled content that occurs when applying styles with JavaScript on page load */
.js .jcarousel-skin-coda, .js .jcarousel-skin-gallery, .js #gallery_navigation, .js #languages {
    display:none;
}
/* ==== /Common ====*/



/* ==== 3. Header ==== */
#header {
	background:url(/tpl/first/shared/images/bg_header.jpg) left bottom no-repeat;
	width:900px;
	height:92px;
	margin:0 auto;
	position:relative;
}
        #logo, #logoflash {
            position:absolute;
            left:17px;
            top:13px;
        }
        #logo {
            z-index:100;
            width:290px;
            height:40px;
			background-image:url('/tpl/first/shared/images/pixel.gif');
        }
        #proud_sponsor {
            color:#fff;
            position:absolute;
            right:111px;
            top:56px;
            text-transform:uppercase;
            min-width:140px;
            font-size:13px;
        }
        .cufon-active #proud_sponsor {
            font-size:16px;
        }
        #sponsors_logo {
            position:absolute;
            top:52px;
            right:16px;
        }
#mainmenu_wrapper {
    background:url(/tpl/first/shared/images/mainmenu_bg.png) left top no-repeat;
    width:900px;
    height:37px;
    margin:8px auto;
    overflow:visible;
    position:relative;
    z-index:3;
}
    #mainmenu {
        width:707px;
        float:left;
        font-family:impact;
        font-size:16px;
        color:#e9e9e9;
    }
    .cufon-active #mainmenu {
        font-size:18px;
    }
        #mainmenu li {
            float:left;
            position:relative;
            height:37px;
        }
        #mainmenu a {
            color:#fff;
            float:left;
            padding:0 15px;
            line-height:36px;
            border-left:1px solid #2c2c2c;
            border-right:1px solid #636363;
            text-decoration:none;
        }
            #mainmenu a:hover {
                background:url(/tpl/first/shared/images/mainmenu_li_bg.png) left top repeat-x;
            }
        #mainmenu .first a{
            border-left:none;
        }
        #mainmenu .last a{
            border-right:none;
        }
            #mainmenu li ul {
                border:1px solid #636363;
                top:37px;
                left:0;
                font-family:arial;
                font-size:14px;
                background:#2f2f2f;
                position:absolute;
                width:180px;
                display:none;
            }
            #mainmenu li:hover ul, #mainmenu .hover ul {
                display:block;
            }
                #mainmenu li li {
                }
                #mainmenu li li a {
                    float:left;
                    border-top:1px solid #000;
                    width:150px;
                    border-left:none;
                    border-right:none;
                }
                #mainmenu li li a:hover {
                    color:#e8af17;
                    background:#3e3e3e;
                }
#languages {
    height:30px;
    width:177px;
    float:right;
    padding-top:7px;
    padding-right:16px;
    text-align:right;
    overflow:visible;
    z-index:1000;
    cursor:pointer;
}
    #languages .wrapper {
        position:relative;
        float:right;
        z-index:100;
    }
    #languages a {
        border:2px inset gray;
        background:#dadada;
        padding:3px 30px 3px 5px;
        font-size:0.9em;
        color:#000;
        position:relative;
    }
        #languages a span {
            background:#dadada url(/tpl/first/shared/images/bg_selectbox.gif) center center no-repeat;
            border:2px outset gray;
            width:17px;
            height:19px;
            position:absolute;
            right:0;
            top:0;
        }
        #languages ul {
            background:#dadada;
            position:absolute;
            left:0;
            top:25px;
            display:none;
            text-align:left;
            width:5.5em;
        }
            #languages:hover ul,#languages.hover ul{
                display:block;
            }
                #languages li a{
                    background-image:none;
                    text-transform:capitalize;
                    border:1px solid #000;
                    border-top:none;
                    padding:3px;
                    height:1em;
                    line-height:1.2em;
                    display:block;
                }
/* ==== /Header ==== */



/* ==== 4. Index Page ==== */

/* ==== 4.1 Sliding Area ==== */
#gallery_holder {
    background:#000 url(/tpl/first/shared/images/bg_gallery_holder.png) left top no-repeat;
    width: 900px;
    height:282px;
    margin: 0 auto;
    position: relative;
    overflow:hidden;
    z-index:2;
}
#loading {
    width:200px;
    height:100px;
    text-align:center;
    line-height:100px;
    position:absolute;
    z-index:2;
    color:#fff;
    font-size:30px;
    font-style:italic;
    margin:-50px 0 0 -100px;
    left:50%;
    top:50%;
}
.jcarousel-skin-coda {
    position:absolute;
    left:0;
    top:0;
    z-index:3;
}
.jcarousel-skin-gallery {
    position:absolute;
    right:0;
    top:0;
    z-index:3;
}
.navigation,.carousel-prev,.carousel-next  {
    float:left;
}
.panel {
    position:relative;
}
    .panel h3 {
        font-size:18px;
        font-weight:normal;
        color:#ffba00;
        text-transform:uppercase;
        margin-bottom:20px;
        margin-top:10px;
        width:100%;
    }
    .cufon-active .panel h3 {
        font-size:20px;
    }
    .panel p {
        color:#fff;
        font-size:13px;
    }
    .panel p a,.panel a {
        color:#046fc1;
        font-size:13px;
    }
    .panel a.more {
        position:absolute;
        bottom:0;
        left:0;
    }
#gallery_navigation {
    position:absolute;
    bottom:20px;
    left:16px;
    padding-top:15px;
    border-top:1px solid #737373;
    z-index:10;
}
.navigation {
    float:left;
    padding:4px 0 0 4px;
}
    ul.navigation li {
        margin-right: 6px;
        float:left;
    }
        ul.navigation a {
            background:url(/tpl/first/shared/images/bg_points.png) right top no-repeat;
            width:16px;
            height:15px;
            text-indent:-9999px;
            float:left;
        }
        ul.navigation a:hover {
            background:url(/tpl/first/shared/images/bg_points.png) center top no-repeat;
        }
        ul.navigation a.selected {
            background:url(/tpl/first/shared/images/bg_points.png) left top no-repeat;
        }
        ul.navigation a:focus {
            outline: none;
        }
        .carousel-next, .carousel-prev {
            width:33px;
            height:24px;
            background-image:url(/tpl/first/shared/images/bg_arrows.png);
            text-indent:-9999px;
        }
        .carousel-next {
            background-position:right top;
        }
        .carousel-next:hover {
            background-position:right bottom;
        }
        .carousel-prev {
            background-position:left top;
        }
        .carousel-prev:hover {
            background-position:left bottom;
        }

/* ----- Jcarousel styling ------ */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0px;left: 0px;}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 300px;height: 200px;
}
/* The buttons are added dynamically by jCarousel  */
.jcarousel-next {display:none;z-index: 3;}
.jcarousel-prev {z-index: 3;display:none;}
/* -- skining for carousel-coda -- */
.jcarousel-skin-coda .jcarousel-container-horizontal,.jcarousel-skin-coda .jcarousel-container-vertical {width:260px;height:160px;padding:20px 20px;}
.jcarousel-skin-coda .jcarousel-clip-horizontal,.jcarousel-skin-coda .jcarousel-clip-vertical { width:260px; height: 160px;}
.jcarousel-skin-coda .jcarousel-item {width: 260px;height: 160px;}
.jcarousel-skin-coda .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-coda .jcarousel-item-vertical { margin-bottom: 10px;}
.jcarousel-skin-coda .jcarousel-item-placeholder {background: #000;color: #fff;}

/* -- skining for carousel-gallery -- */
.jcarousel-skin-gallery .jcarousel-container-horizontal,.jcarousel-skin-gallery .jcarousel-container-vertical {width: 597px;height: 282px;}
.jcarousel-skin-gallery .jcarousel-clip-horizontal,.jcarousel-skin-gallery .jcarousel-clip-vertical {width: 597px;height: 282px;}
.jcarousel-skin-gallery .jcarousel-item {width: 597px;height: 282px;}
.jcarousel-skin-gallery .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-gallery .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-gallery .jcarousel-item-placeholder {background: #000;color: #fff;}

/* -- skining for carousel-inner -- */
.jcarousel-skin-inner .jcarousel-container-horizontal,.jcarousel-skin-inner .jcarousel-container-vertical {width: 251px;height: 396px; padding-bottom:30px;}
.jcarousel-skin-inner .jcarousel-clip-horizontal,.jcarousel-skin-inner .jcarousel-clip-vertical {width: 251px;height: 396px;}
.jcarousel-skin-inner .jcarousel-item {width: 251px;height: 396px;}
.jcarousel-skin-inner .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-inner .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-inner .jcarousel-item-placeholder {background: #000;color: #fff;}
/* ==== /4.1 Sliding Area ==== */

/* ==== 4.2 Grid Boxes ==== */

#content {
    width:900px;
    margin:10px auto;
}
    #time {
        background:#000 url(/tpl/first/shared/images/bg_countdown.jpg) left top no-repeat;
        width:545px;
        height:37px;
        float:left;
        padding:0 10px 0 20px;
    }
        #time p {
            padding-top:7px;
            float:left;
            color:#fff;
            text-transform:uppercase;
            width:190px;
        }
        .cufon-active #time p {
            font-size:18px;
        }
        #countdown {
            float:right;
        }
    #download, #video {
        float:right;
    }
    #video {
        background:#000 url(/tpl/first/shared/images/bg_video.gif) left top no-repeat;
        padding-top:5px;
        margin-top:6px;
        height:261px;
    }
    #howto_qualify {
        background:url(/tpl/first/shared/images/bg_qualify.png) left top no-repeat;
        width:575px;
        height:265px;
        float:left;
        margin-top:10px;
    }
        #howto_qualify h3 {
            font-size:18px;
            font-weight:normal;
            text-transform:uppercase;
            margin-left:19px;
            margin-top:11px;
            margin-bottom:20px;
        }
        .cufon-ready #howto_qualify h3 {
            font-size:20px;
        }
        #howto_qualify li{
            float:left;
            padding:0 19px;
            font-size:12px;
        }
        #howto_qualify li.first {
            width:262px;
        }
            #howto_qualify li li {
                float:none;
                padding:0;
                margin-bottom:20px;
            }
            #howto_qualify li h4 {
                text-transform:uppercase;
                font-size:14px;
                letter-spacing:-1px;
            }
            #howto_qualify li strong {
                font-weight:bold;
            }
            #howto_qualify li p {
                margin:2px 0;
            }
            #howto_qualify li a {
                color:#046fc1;
            }
            #howto_qualify li.second {
                width:237px;
            }
    .blocks {
        background:url(/tpl/first/shared/images/bg_blocks.png) 0 10px no-repeat;
        clear:both;
        padding-top:10px;
        position:relative;
        height:227px;
    }
        .blocks li{
            float:left;
            width:262px;
            padding:0 17px;
            font-size:12px;
        }
        .blocks a {
            color:#046fc1;
        }
    #press_release {
        width:249px!important;
    }
        #press_release li {
            margin-bottom:8px;
        }
            .blocks li table {
                width:100%;
                overflow:hidden;
                margin:3px 0;
            }
                .blocks li table td {
                    text-align:right;
                    width:33%;
                }
                .blocks li table td:first-child {
                    text-align:left;
                }
                .blocks li table tr {
                    border-bottom:1px solid #bfbfbf;
                }
                .blocks li table tr:last-child {
                    border:none;
                }
            .blocks li h4 {
                margin:15px 0 20px;
                font-size:15px;
            }
            .cufon-ready .blocks li h4 {
                font-size:18px;
            }
            .blocks li h5, #last_qualified ul{
                background:url(/tpl/first/shared/images/bg_least_headings.jpg) 0 0 no-repeat;
                font-size:12px;
                font-weight:bold;
                color:#fff;
                width:263px;
                padding:5px;
                line-height:14px;
            }
            .blocks li li {
                float:none;
                width:auto;
                padding:0;
            }
            .blocks li em {
                font-style:oblique;
                color:#bdbdbd;
            }
    #last_qualified {
            width:250px;
        }
        #last_qualified ul {
            overflow:auto;
        }
            #last_qualified li {
                float:left;
                width:49%;
            }
        #last_qualified .more {
            position:absolute;
            bottom:14px;
            /*right:194px;*/
        }
/* ==== 4.2 Grid Boxes ==== */

/* ==== /Index Page ==== */



/* ==== 5. Footer ==== */
#footer {
    clear:both;
    background:#fff url(/tpl/first/shared/images/bg_footer.gif) left top no-repeat;
    width:868px;
    margin:0 auto;
    font-size:12px;
    overflow:auto;
    padding:13px 16px;
}
    #bottommenu {
        overflow:hidden;
        margin:0 0 20px -17px;
    }
        #bottommenu li{
            float:left;
            border-left:1px #e2e2e2 solid;
            padding:0 14px;
            margin-left:-1px;
        }
        #bottommenu li a {
            font-weight:bold;
            color:#000;
        }
            #bottommenu li li {
                float:none;
                border:none;
                padding:0;
                margin:3px 0;
            }
            #bottommenu li li a{
                font-weight:normal;
                color:#7e7e7e;
            }
    #footer p {
        float:left;
        line-height:30px;
    }
    #symbols {
        float:right;
        line-height:30px;
    }
        #symbols dt {
            padding:0 5px 0 0px;
        }
        #symbols dt, #symbols dd {
            float:left;
            font-weight:bold;
        }
            #symbols a {
                float:left;
            }
            #symbols .titanpoker {
                background:#fff url(/tpl/first/shared/images/bg_titanpoker.png) right center no-repeat;
                width:118px;
                height:31px;
            }
            #symbols .pokerstrategy {
                background:#fff url(/tpl/first/shared/images/bg_pokerstrategy.png) right center no-repeat;
                width:135px;
                height:37px;
            }
            #symbols .moneybookers {
                background:#fff url(/tpl/first/shared/images/bg_moneybookers.jpg) right center no-repeat;
                width:146px;
                height:30px;
            }
			#symbols .moneybookers2 {
                background:#fff url(/tpl/first/shared/images/moneybookers.gif) right center no-repeat;
                width:100px;
                height:27px;
				margin: 0 5px;
            }

/* ==== /Footer ==== */



/* ==== 6. Inner Pages ==== */
#wrapper {
    width: 900px;
    margin:10px auto;
    overflow:hidden;
}
    #main {
        background:#fff url(/tpl/first/shared/images/bg_main.gif) 0 -3px no-repeat;
        width:614px;
        padding:13px;
        line-height:1.4;
        font-size:12px;
        position:relative;
        float:right;
		min-height:461px;
    }
        #rounded_corners {
            background:#fff url(/tpl/first/shared/images/bg_main.gif) 0 0 no-repeat;
            position:absolute;
            bottom:0;
            left:0;
            width:640px;
            height:3px;
        }
        #main #sub_nav {
            list-style:none;
            overflow:hidden;
            margin:0 -5px 15px 0;
        }
            #sub_nav li {
                float:left;
                background:url(/tpl/first/shared/images/bg_sep_sub_nav.gif) left center no-repeat;
                margin-left:-5px;
                padding-right:5px;
                padding-left:1px;
            }
                #sub_nav li a, #sub_nav li strong {
                    float:left;
                    background:#fff;
                    padding:0 5px;
                    text-transform:capitalize;
                }
                #sub_nav li a {
                    color:#046fc1;
                }
        #main #breadcrumbs {
            overflow:hidden;
            margin:0 0 20px;
        }
            #breadcrumbs li {
                padding:0 12px 0 7px;
                margin-left:-7px;
                list-style:none;
                float:left;
                border-left:1px solid #000;
                line-height:14px;
            }
                #breadcrumbs li a {
                    color:#046fc1;

                }
        /* === CONTENT STYLING === */
        #main h1 {
            font-size:16px;
            text-transform:uppercase;
        }
        #main h2 {
            font-size:13px;
            margin:5px 0;
        }
        #main h1, #main h2 {
            font-weight:bold;
            clear:both;
        }
        #main ul {
            margin:5px 0;
            list-style:disc inside;
        }
        #main table {
            margin:10px 0;
            text-align:center;
            border-collapse:separate;
            width:100%;
        }
            #main th {
                padding-left:8px;
                background:#A1A1A1;
                line-height:23px;
                color:#fff;
            }
            #main table td, #main table th {
                padding:4px;
                border-right:1px solid #fff;
                border-bottom:1px solid #fff;
            }
            #main table td {
                background:#e2e2e2;
            }
		#main  p {
			margin:10px 0;
		}
    #sidebar {
        float:left;
        width:250px;
        position:relative;
    }

        #sidebar_menu {
            background:#fff;
            padding:15px;
            margin:0 0 10px;
            font-size:12px;
        }
            #sidebar_menu li li {
                margin:0 0 0 10px;
            }
            #sidebar_menu a {
                color:#046fc1;
            }
        #sidebar .jcarousel-skin-inner {
            background:#000;
        }
        #sidebar .jcarousel-skin-inner img{
            margin:0;
            width:auto;
        }
        #sidebar .jcarousel-skin-inner h3 {
            font-size:16px;
            text-transform:uppercase;
        }
        .cufon-ready #sidebar h3 {
            font-size:20px;
        }
        #sidebar .jcarousel-skin-inner h3, #sidebar .jcarousel-skin-inner p {
            margin:15px;
        }
        #sidebar #gallery_navigation {
            background:#000 url(/tpl/first/shared/images/bg_inner_coda.gif) left bottom no-repeat;
            position:static;
            padding:20px 0 40px 9px;
        }
            #sidebar .navigation li {
                margin-right: 3px;
            }
                #sidebar ul.navigation a {
                    background:url(/tpl/first/shared/images/bg_points_inner.png) left center no-repeat;
                    width:15px;
                    height:15px;
                }
                #sidebar ul.navigation a:hover {
                    background:url(/tpl/first/shared/images/bg_points_inner.png) left bottom no-repeat;
                }
                #sidebar ul.navigation a.selected {
                    background:url(/tpl/first/shared/images/bg_points_inner.png) left top no-repeat;
                }
                #sidebar .panel a.more {
                    left:15px;
                }
                #sidebar img {
                    margin-top:10px;
                    width:250px;
                }
/* ==== /Inner Pages ==== */

/* [PIXEL] */
.pixel {
		display: none;
}
p a.more {
	color: #046FC1;
}
/* [/PIXEL] */