/************************************/
/*
BullzArtDesign StyleSheet
Copyright 2012, Titty Grab
URL: http://tittygrab.com/
AUTHOR: M.Franck for TEAM CMP
DATE: déc. 2, 2011
REVISION: 1.0
 
DESCRIPTION: Main stylesheet for Titty Grab Website

*/
/************************************/
@import url(fonts.css);
@import url(http://fonts.googleapis.com/css?family=Patrick+Hand);

* {margin:0;padding:0;}
:focus {outline: 0;}

body {
background:url(../images/bg-pattern.jpg) repeat scroll 0 0 #FFF;
font-family:'Lobster',arial,serif;
font-size:18px;
line-height:19px;
text-align:left;
word-spacing:1px;
letter-spacing:0px;
color:#494949;
}



/* load */

@-webkit-keyframes loadingMask {
        0% { width: 0%; }
        100% { width: 100%; }
}
@-moz-keyframes loadingMask {
        0% { width: 0%; }
        100% { width: 100%; }
}


#loadContainer {
		background: url("../images/bg-pattern.jpg") repeat scroll 0 0 transparent;
    height: 100%;
    margin: 0 auto !important;
    overflow: hidden;
    position: absolute;
    text-align: center !important;
    width: 100%;
    z-index: 999999 !important;
}


#load {
    background: url("../images/load-img.png") no-repeat scroll 50% 35% transparent;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 606px;
    z-index: 2147483647;
}

#loadBG {
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-name: loadingMask;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: loadingMask;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-name: loadingMask;

    background: url("../images/mask.png") no-repeat scroll 0% 35% transparent;
    height: 100%;
    width: 100%;
}
#load p {
    color: #666;
    position: absolute;
    top: 63%;
    width: 100%;
    z-index: 9999 !important;
    font-family: CreamregularRegular;
    font-size: 40px;
    text-shadow: 0px 1px 0px #FFF;
} 
 

/* ===================== */
/* ******* LINKS ******* */
/* ===================== */

a, a:visited {text-decoration:underline;color: #494949;}
a:hover {color: #D5216B;text-decoration:none;}
hr {height:1px;border-top:1px solid #aaa;}
acronym {text-decoration:none;border-bottom:1px dotted #898B98;cursor:help;}

/* ====================== */
/* ******* COMMON ******* */
/* ====================== */

ul, ol {list-style-position:inside;margin:0;padding:0;}
.btn {overflow:hidden;display:block;text-indent:-9999px;}
.btn a {overflow:hidden;display:block;text-indent:-9999px;}
.left {float:left;}
.right {float:right;}

/* ==================== */
/* ******* MAIN ******* */
/* ==================== */

#wrapper {background: transparent;height: auto;margin: 0 auto !important;padding: 41px 0 0;position: absolute;width: 100%;}
.inner-wrapper {background-color: transparent;height: 100%;margin: 0 auto;position: relative;width: 760px;}

/* ==================== */
/* ******* LOGO ******* */
/* ==================== */

#logo {left: 305px;position: absolute;top: 45px;z-index: 9999;}
#logo {background: url("../images/logo.png") no-repeat scroll 0 0 transparent;height: 203px;width: 430px;}

/* ============================== */
/* ******* BIG BUY BUTTON ******* */
/* ============================== */

#buy a.bigbuy_bt {
    left: 77px;
    position: absolute;
    top: 106px;
    z-index: 9999;
    background: url("../images/buy-bt.gif") no-repeat scroll 0 bottom white;
    width: 225px;
    height: 124px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

#buy a.bigbuy_bt:hover {background: url("../images/buy-bt-hover.jpg") no-repeat scroll 0 bottom white;display: block;}

#buy a.boxbuy_bt {
    left: 77px;
    position: absolute;
    top: 106px;
    z-index: 9999;
    background: url("../images/buy-bt-box.gif") no-repeat scroll 0 bottom white;
    width: 225px;
    height: 233px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

#buy a.boxbuy_bt:hover {background: url("../images/buy-bt-box-hover.gif") no-repeat scroll 0 bottom white;display: block;}


/* =================== */
/* ******* NAV ******* */
/* =================== */

.nav {height: 40px;left: 60px;position: absolute;top: 0;width: 645px;}
.inner-nav {height: 100%;position: relative;}

.nav ul {list-style: none outside none;}
.nav li {display: block;float: left;}
.nav ul li a .selected {background: none repeat scroll 0 bottom transparent;}

.home_bt a {background: url("../images/nav-menu.png") no-repeat scroll 0 0 transparent;display: block;height: 36px;width: 97px;}
.home_bt a:hover, .home_bt a:active, .home_bt a.selected {background-position: 0 bottom;}

.buy_bt {background: url("../images/nav-menu.png") no-repeat scroll -97px 0 transparent;display: block;height: 36px;width: 155px;}
.buy_bt a:hover, .buy_bt a:active, .buy_bt a.selected {background-position: -97px bottom;}

.how2play_bt a {background: url("../images/nav-menu.png") no-repeat scroll -255px 0 transparent;display: block;height: 36px;width: 170px;}
.how2play_bt a:hover, .how2play_bt a:active, .how2play_bt a.selected {background-position: -255px bottom;}

.news_bt a {background: url("../images/nav-menu.png") no-repeat scroll -425px 0 transparent;display: block;height: 36px;width: 105px;}
.news_bt a:hover, .news_bt a:active, .news_bt a.selected {background-position: -425px bottom;}

.contact_bt a {background: url("../images/nav-menu.png") no-repeat scroll -530px 0 transparent;display: block;height: 36px;width: 100px;}
.contact_bt a:hover, .contact_bt a:active, .contact_bt a.selected {background-position: -530px bottom;}

/* ======================= */
/* ******* CONTENT ******* */
/* ======================= */

#content-container {position:relative;/*left:240px;*/top:49px;display: block;}

#content {position:relative;width:760px;}

.content-top, .content-mid, .content-bottom, .content-corner {width:760px;background:transparent url('../images/content-bg.png') repeat-y;display:block;}

.content-top {background-position: 0 0;height: 190px;}
.content-bottom {background-position: 0 -174px;height: 36px;}
.content-mid {background-position: -772px 72px;min-height: 600px;padding: 0 0 0 60px;position: relative;width: 645px;}

.content-corner {
    background: url("../images/arrow_bule.png") no-repeat scroll 0 0 transparent;
    height: 48px;
    left: 80px;
    position: absolute;
    top: 0;
    width: 47px;
}

div#packaging {
    background: url("../images/bottom-box.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 419px;
    position: relative;
    right: 0;
    top: -200px;
    width: 484px;
    z-index: 9999;
    float: right;
}

.inner-content div.girlShadow {
    background: url("../images/girl-shadow.jpg") no-repeat scroll 0 0 white;
    width: 171px;
    height: 373px;
    display: block;
    position: absolute;
    top: 120px;
    left: 20px;
    z-index: 1;
}

.inner-content {color: #494949;}
.inner-content div {position:relative;display:block;}

.subTitle {
    background: url("../images/sub-title3.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 94px;
    left: 240px;
    position: absolute;
    top: 0px;
    width: 465px;
    margin-bottom: 60px;
}

.inner-content div#how2play {font-family: 'Patrick Hand', cursive !important;}

.inner-content div.hr {
    background: url("../images/divider.png") repeat-x scroll 0 0 transparent;
    display: block;
    height: 10px;
    width: 84%;
    margin: 0 auto 30px;
    position: inherit;
    z-index: 9999 !important;
}

.inner-content div h1 {
    color: black;
    font-family: BlackboysonmopedsRegular;
    font-size: 45px;
    margin: 0 auto 40px;
    text-align: center;
    z-index: 9999;
    position: inherit;
}

.inner-content #vidplayer {
    color: black;
    font-family: BlackboysonmopedsRegular;
    font-size: 45px;
    margin: 0 auto 40px;
    text-align: center;
    z-index: 9999;
    position: inherit;
    margin:auto;
    width:450px;
}

.inner-content div h2 {
    color: #D5216B;
    font-family: BlackboysonmopedsRegular;
    font-size: 50px;
    margin: 0 auto 5px;
    text-align: center;
    z-index: 9999;
    position: inherit;
}

.inner-content div #catch {
    color: #D5216B;
    font-family: BlackboysonmopedsRegular;
    font-size: 50px;
    margin: 0 auto 5px;
    text-align: center;
    z-index: 9999;
    position: inherit;
}


.inner-content div h3 {
    color: #D5216B;
    font-family: BlackboysonmopedsRegular;
    font-size: 40px;
    margin: 20px auto 20px;
    text-align: center;
    z-index: 9999;
    position: inherit;
}

.inner-content div h3 a {text-decoration:none;color: #888;}
.inner-content div h3 a:hover {color: #D5216B;text-decoration:none;}

.inner-content div h5 {
    color: #D5216B;
    font-family: BlackboysonmopedsRegular;
    font-size: 32px;
    margin: 0 auto;
    text-align: center;
    z-index: 9999;
    position: inherit;
}

.inner-content div h6 {
    color: #D5216B;
    font-family: BlackboysonmopedsRegular;
    font-size: 25px;
    margin: 0 auto;
    text-align: center;
    z-index: 9999;
    position: inherit;
}

.inner-content div p {
    color: #494949;
    font-family: BlackboysonmopedsRegular;
    font-size: 28px;
    letter-spacing: -1px;
    line-height: normal;
    margin: 0 auto;
    position: inherit;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 500px;
    word-spacing: -2px;
    z-index: 9999;
    padding: 30px 0;
}

/*.inner-content div p a {color: #C4C4C4;}*/

.inner-content div p:last-child {padding-bottom: 220px;}

.inner-content div ul {margin: 0 auto; width: 400px;list-style: none;}
.inner-content div ul li {font-family: BlackboysonmopedsRegular;font-size: 28px;line-height: normal;}

.inner-content div.cardBlock {display: block;}
.inner-content div.cardBlock img {float: left;display: block;padding-top: 40px;margin-right: 10px;}
.inner-content div.cardBlock h6 {}
.inner-content div.cardBlock h6.more {}

.inner-content div.cardBlock p {padding: 30px 0 50px;}

.inner-content div.cardList {display: block;margin: 5px auto !important;text-align: center !important;clear: both;padding: 10px 10px 10px 42px;}
.inner-content div.cardList img {display: block;float: left;margin: 10px auto;text-align: center;}
.inner-content div.cardList h6 {text-align: left;clear: both;}


/* ========================================= */
/* ******* HOW2PLAY PAGE TYPOGRAPHIE ******* */
/* ========================================= */

.inner-content div#how2play h2,
.inner-content div#how2play h3, 
.inner-content div#how2play h4, 
.inner-content div#how2play h5, 
.inner-content div#how2play h6, 
.inner-content div#how2play p, 
.inner-content div#how2play ul, 
.inner-content div#how2play ul li {font-family: 'Patrick Hand', cursive !important;text-align: left;width: 550px;}

.inner-content div#how2play h2 {font-size: ;}
.inner-content div#how2play h3 {font-size: ;}
.inner-content div#how2play h4 {font-size: ;}
.inner-content div#how2play h5 {font-size: ;}
.inner-content div#how2play h6 {font-size: ;}
.inner-content div#how2play p {font-size:24px ;word-spacing: 0px; letter-spacing: 0px;text-align: left;}
.inner-content div#how2play ul li {font-size: ;}

/* ========================================= */
/* ******* CONTEST PAGE TYPOGRAPHIE ******* */
/* ========================================= */

.inner-content div#contest h2,
.inner-content div#contest h3, 
.inner-content div#contest h4, 
.inner-content div#contest h5, 
.inner-content div#contest h6, 
.inner-content div#contest p, 
.inner-content div#contest ul, 
.inner-content div#contest ul li {font-family: 'Patrick Hand', cursive !important;text-align: left;width: 550px;}

.inner-content div#contest h2 {font-size: ;}
.inner-content div#contest h3 {font-size: ;}
.inner-content div#contest h4 {font-size: ;}
.inner-content div#contest h5 {font-size: ;}
.inner-content div#contest h6 {font-size: ;}
.inner-content div#contest p {font-size:18px ;word-spacing: 0px; letter-spacing: 0px;text-align: left;}
.inner-content div#contest ul li {font-size: ;}

/* ==================================== */
/* ******* NEWS PAGE TYPOGRAPHIE ****** */
/* ==================================== */

.inner-content div#news h2, 
.inner-content div#news h3, 
.inner-content div#news h4, 
.inner-content div#news h5, 
.inner-content div#news h6, 
.inner-content div#news p {font-family: 'Patrick Hand', cursive !important;text-align: left;width: 550px;}

.inner-content div#news h2 {font-size:;}
.inner-content div#news h3 {font-size:;}
.inner-content div#news h4 {font-size:;}
.inner-content div#news h5 {font-size:;}
.inner-content div#news h6 {font-size:;}
.inner-content div#news p {font-size:24px ;word-spacing: 0px; letter-spacing: 0px;text-align: left;}


/* ==================================== */
/* ******* NEWS PAGE TYPOGRAPHIE ****** */
/* ==================================== */
 
.inner-content div#contact h5,  
.inner-content div#contact p {font-family: 'Patrick Hand', cursive !important;text-align: center;width: 550px;}

.inner-content div#contact p {font-size:24px ;word-spacing: 0px; letter-spacing: 0px;text-align: center;}

/* ============================= */
/* ******* SOCIAL BUTTON ******* */
/* ============================= */

div.socialBT a, div.socialBT span {
    display: block;
    height: 60px;
    margin: 10px 0 0 9px;
    overflow: hidden;
    text-indent: -9999px;
    width: 164px;
    z-index: 9999;
    position: inherit;
    top: 10px;
}

div.socialBT {}

/*div.socialBT a, div.socialBT span {display: block;height: 60px;margin: 30px 0 0 9px;overflow: hidden;text-indent: -9999px;width: 164px;}*/

div.socialBT a.fb {background: url(../images/facebook.png) no-repeat scroll 0 0 transparent;}
div.socialBT a.fb:hover {background-position: 0 bottom;}
div.socialBT a.fb.active {background-position: 0 -60px;}

div.socialBT a.twitter {background: url("../images/twitter.png") no-repeat scroll 0 0 transparent;}
div.socialBT a.twitter:hover {background-position: 0 bottom;}
div.socialBT a.twitter.active {background-position: 0 -60px;}

div.socialBT span.st_sharethis_large {background: url("../images/sharethis.png") no-repeat scroll 0 0 transparent !important;cursor: pointer !important;}
div.socialBT span.st_sharethis_large:hover {background-position: 0 bottom !important;}
div.socialBT span.st_sharethis_large.active {background-position: 0 -60px;}


/* ============================ */
/* ******* CONTACT FORM ******* */
/* ============================ */

div#contact form {display: block !important;margin: 25px auto !important;position: inherit;width: 600px;z-index: 9999;}

div#contact form label {
    display: block;
    font-family: 'Patrick Hand';
    font-size: 28px;
    line-height: normal;
    text-align: center;
    margin: 5px auto;
}
div#contact form input {display: block;}
div#contact form input[type="text"] {
    background: url("../images/input-bg.png") no-repeat scroll 0 0 white;
    border: 0 none;
    height: 40px;
    margin: 0 auto;
    outline: 0 none;
    padding: 0 5px;
    width: 292px;
    font-size: 20px;
    font-family: monospace;
}
div#contact form textarea {
    background: url("../images/textarea-bg.png") no-repeat scroll 0 0 white;
    border: 0 none;
    display: block;
    height: 130px;
    margin: 0 auto;
    outline: 0 none;
    resize: none;
    width: 282px;
    padding: 10px;
    font-size: 20px;
    font-family: monospace;
}
div#contact form input[type=submit] {
    display: block;
    margin: 30px auto;
    background: url(../images/submit-bt.png) no-repeat scroll 0 0 white;
    width: 152px;
    height: 40px;
    display: block;
    border: 0 none;
    outline:0 none;
    text-indent: -9999px !important;
    overflow:hidden;
    cursor: pointer;
}
div#contact form input[type=submit]:hover {background-position: 0 bottom;}

/* ========================================== */
/* ******* OPTIONAL ADVERSTISING PAGE ******* */
/* ========================================== */

.inner-content .content-cgi-title {
color:white;
display:block;
font-size:34px;
letter-spacing:-0.6px;
line-height:40px;
margin:0 0 20px;
word-spacing:-0.2px;
}
.inner-content .content-cgi-text {
clear:both;
display:block;
font-family:Arial,Serif,Verdana;
font-size:12px;
padding:0;
width:660px;
}


/* ====================== */
/* ******* FOOTER ******* */
/* ====================== */

#footer {clear:both;display:block;padding: 10px 0px 0px 90px;text-align:right;width:670px;position: absolute;}
#inner-footer  {color:#727272;margin:0 auto;position:relative;text-align:center;font-size:20px;line-height:25px;text-shadow:0px 1px 0px #FFF;font-family: BlackboysonmopedsRegular;}
#inner-footer a {color:#727272;text-shadow:0px 1px 0px #CCC;}


/* ==================== */
/* ******* HACK ******* */
/* ==================== */

.clear{border-top:0;margin-top:0;clear:both;visibility:hidden;}

#costumers {clear:both;display:block;padding: 180px 0px 0px 150px;text-align:right;width:670px;position: absolute;}
#costumers h5{
    color: #D5216B;
    font-family: BlackboysonmopedsRegular;
    font-size: 50px;
    margin: 0 auto 5px;
    text-align: center;
    z-index: 9999;
    margin-left:60px;
    margin-top:20px;
    position: inherit;
    font-weight:normal;
}