body {background:#f5f5f5 url(../design/bg_body.gif);}
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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; list-style:none;}
:focus {outline:0;}

h1, h2, h3 {font-family:"Trebuchet MS", Verdana, Arial; font-weight:normal; color:#595959;}
style15 {font-family:"Counter-Strike"; font-weight:normal; color:#595959;}
h1 {font-size:34px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font:bold 18px Arial; color:#000;}
p {font:13px "Trebuchet MS", Verdana, Arial; color:#767676; line-height:22px;}


@font-face {
font-family: Counter-Strike ;
src: url( ./cs_regular.ttf ) format("truetype");
}

/* Then use it like you would any other font */
.Counter-Strike { font-family: Counter-Strike , verdana, helvetica, sans-serif;
}

/*--- BORDERS ---*/
.info {
        border-radius:10px 10px 0px 0px;
        -moz-border-radius:10px 10px 0px 0px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        }

#featured {
        border:1px solid #000;
        border-radius:10px 0px 0px 10px;
        -moz-border-radius:10px 0px 0px 10px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        }
        
.subscribe {
        border-radius:0px 0px 10px 10px;
        -moz-border-radius:0px 0px 10px 10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        }
        
.description li.button a,
.subscribe input,
.subscribe .button,
#maincontent h3 {
        border:none;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        }
        
       
#wrapper {width:100%; background:url(../design/bg_wrapper_1.png) repeat-x;}

/*----------------------------- HEADER ------------------------*/
#header {width:920px; height:100px; margin:0 auto; background:url(../design/logo.png) 20px 30px no-repeat;}
#header h2{float:left; position:relative; top:46px; left:-5px; color:#fff;}

/*--- info list ---*/
.info {float:right; position:relative; top:54px; padding:2px 18px; background:#000;}
.info li {float:left; padding:14px 7px; font:12px Verdana, Arial; color:#a6a6a6;}
.info li span {color:#ffd669;}

/*----------------------------- FEATURED ------------------------*/
#featured {width:860px; height:290px; margin:0 auto; padding:35px 29px; background:#000 url(../design/bg_player.png) 0 0px repeat-x;}

/*--- left side ---*/
.player {float:left; padding:5px; font-size:1px; border:1px solid #000; background:#1f1f1f;}
.player object {width:410px; height:270px;}

/*--- right side ---*/
.description {float:right; width:390px; padding:0 10px 0 15px;}
.description h1 {margin-top:10px; color:#fff;}
.description p {padding:20px 0 41px 0; font-size:14px; color:#9a9a9a;}
.description li {float:left;}
.description li.button a {padding:10px 35px; display:block; position:absolute; font:18px Arial; color:#000; text-decoration:none; background:#ffba01 url(../design/button.png) repeat-x;}
.description li.button a:hover {background:#ffc529 url(../design/button.png) repeat-x;}
.description li.price {margin-left:5px; margin-top:-7px; font:13px "Trebuchet MS", Verdana, Arial; color:#9a9a9a;}
.description li.price span {margin-left:15px; font:20px Arial; color:#fff;}

/*----------------------------- SUBSCRIBE ------------------------*/
#newsletter {width:920px; height:75px; margin:0 auto; background:url(../design/bg_lines.png) 0px -8px no-repeat;}
.subscribe {float:right; width:450px; height:50px; background:#000;}
.subscribe form {padding-left:20px;}
.subscribe input {width:275px; padding:8px 10px; background:#fff;}
.subscribe .button {width:100px; margin-left:10px; display:inline-block; cursor:pointer; font:bold 13px Arial; color:#000; background:#ffba01 url(../design/button.png) repeat-x;}
.subscribe .button:hover {background:#ffc529 url(../design/button.png) repeat-x;}

/*----------------------------- MAIN CONTENT ------------------------*/
#maincontent {width:870px; margin:0 auto; padding-top:10px;}
#maincontent h3 {margin-bottom:35px; padding:11px 20px; display:inline-block; color:#fff; background:#1e1e1e;}
* html #maincontent h3 {display:inline; zoom:1;}/* IE6 Fix */
*+ html #maincontent h3 {display:inline; zoom:1;}/* IE7 Fix */

/*--- left side ---*/
.about {float:none; width:870px;}
.about blockquote {padding-left:45px; font:italic 12px Verdana, Arial; color:#717171; line-height:21px; background:url(../design/quote.png) 0 5px no-repeat;}
.about p strong {color:#000;}
.about ul {display:inline-block;}
.about ul li {float:left; margin:0 10px 10px 0; font-size:1px;}
.about ul li.img {background:url(../design/icons/icon_zoom.png) center no-repeat;}
.about ul li.video {background:url(../design/icons/icon_play.png) center no-repeat;}
.about li.button a {padding:10px 35px; display:block; position:absolute; font:18px Arial; color:#000; text-decoration:none; background:#ffba01 url(../design/button.png) repeat-x;}
.about li.button a:hover {background:#ffc529 url(../design/button.png) repeat-x;}

/*--- right side ---*/
.about2 {float:right; width:400px;}
.about2 blockquote {padding-left:45px; font:italic 12px Verdana, Arial; color:#717171; line-height:21px; background:url(../design/quote.png) 0 5px no-repeat;}
.about2 p strong {color:#000;}
.about2 ul {margin:30px 0; display:inline-block;}
.about2 ul li {float:left; margin:0 10px 10px 0; font-size:1px;}
.about2 ul li.img {background:url(../design/icons/icon_zoom.png) center no-repeat;}
.about2 ul li.video {background:url(../design/icons/icon_play.png) center no-repeat;}

/*----------------------------- FOOTER ------------------------*/
#footer_wrap {width:100%; margin-top:50px; padding:10px 0; position:relative; display:inline-block; border-top:4px solid #000; background:#000 url(../design/bg_footer.png) repeat-x;}
#footer {width:900px; height:50px; margin:0 auto;}
#footer p {float:left; padding-top:13px;}
#footer p span {color:#fff;}
#footer p a {color:#ffd669;}

/*--- social icons ---*/
.social {float:right; padding-top:10px;}
.social li {float:left; margin-right:6px;}
.social li span {margin-right:10px; font:12px Verdana, Arial; color:#cccccc; line-height:30px;}
.social li img {font-size:1px; padding:2px; filter:alpha(opacity=100); opacity:1; background:#404040;}
.social li a:hover img {filter:alpha(opacity=70); opacity:0.7;}

/*--- tittle on mouseover ---*/
.tipsy { margin-top:-24px; padding: 5px; font: 13px Arial; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../design/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 6px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-south { background-position: bottom center; }