/* 
    Document   : style
    Created on : Sep 26, 2012, 3:03:35 PM
    Author     : Dimas Agung Wibisono
    Description:
        Main Style QTELA Website
*/
@font-face {
	font-family: Aachenn;
	src:url(Aachenn.ttf);
}
.wrapper {
    background:url(../img/back.jpg);
    background-repeat:repeat-x;
    /*overflow:hidden;*/

}

.wrapper-content {
    background:url(../img/back.jpg);
    background-repeat:repeat-x;
}
.main-header {
    margin-top: 40px;
    height: 340px;
	-webkit-box-shadow: 0 -5px 5px -5px #000;
    -moz-box-shadow: 0 -5px 5px -5px #000;
    box-shadow: 0 -5px 5px -5px #000;
}
.main-header-down
 {
    background:url(../img/copyright.jpg);
    background-repeat:no-repeat;
    width:1340px;
    margin-left:-195px;
    margin-top: 5px;
    /*overflow:hidden;*/
 }
 
.main-header-down
 {
    background:url(../img/copyright.jpg);
    background-repeat:no-repeat;
    width:1340px;
    margin-left:-195px;
    margin-top: 5px;
    position:static;
    /*overflow:hidden;*/

}

.main-header-down1
 {
    background:url(../img/shadow.jpg);
    background-repeat:no-repeat;
    width:940px;
    height:40px;
    margin-left:0px;
    margin-top: 0px;
    margin-bottom:25px;
    position:static;
    /*overflow:hidden;*/

}
.seru {
	z-index: 1;
	position:absolute;
	margin-left:200px;	
	margin-top:-45px;
}
.middle-header {
    background:url(../img/header.jpg);
    height: 35px;
    margin-top: -10px;
}

.facebook-ico{
    float: Right;
    text-align: center;
    margin-top: -10px;
	margin-right: 70px;
	position: static;
}
.twitter-ico{
    float: Right;
    text-align: center;
    margin-right: 165px;
    margin-top: -47px;
    position: static;
}
.wrap-content{
    /*background:url(../img/box1.jpg) no-repeat;*/
    height: 180px;
    margin-top: 5px;
    position:relative;
    background-color:#f1f1f1;
    background-repeat:repeat;
}
.wrap-content-inner{
    background-color: #f1f1f1;
    height: auto;
    position: static;
}
.wrap-content-innerHome{
    height: auto;
    position: static;
    background-color: #f1f1f1;
}
.wrap-content-inner-game{
    background-color: #f9f9f9;
    height: auto;
    position: static;
}
.main-content {
    float: left;

}
.inner-article 
{
    margin:2px;
    padding:10px;
    font-family: "Roboto";
    position: static;
    background-color:#f1f1f1;
    border:thin solid silver;
}
.inner-articleInfo 
{
	/*background:url(../images/Back_InfoQtela.png) repeat-y;*/
	margin:2px;
     width: 600px;
   /*height: 368px;*/
    padding:0px 10px 10px 10px;
    border:thin solid silver;
}
.inner-articleInfo img
{
    width: 50%;
    height:50%;
    padding: 10px 10px 10px 0px;
 float:left;
 text-align:justify;
 
}
.inner-articleInfoMore 
{
	margin:2px;
	/*background:url(../images/Back_InfoQtela.png) repeat-y;*/
   width: 600px;
   /*  height: 368px;*/
    padding:0px 10px 10px 10px;
    border:thin solid silver;
}
.inner-articleInfoMore img
{
    width: 100%;
    height:100%;
    padding: 10px 0px 10px 0px;
 float:left;
 
}
.headInfo 
{
    width: 140px;
    padding: 0px 0px 0px 0px;
    margin:0px;
    top:0px;
}
.inner-articleEvent 
{
	margin: 2px;
	 width: 600px;
    /*height: 368px;*/
    padding:0px 10px 10px 10px;
    border:thin solid silver;
}
.inner-articleEvent img
{
    width: 50%;
    height:50%;
    padding: 10px 10px 10px 0px;
 float:left;
 text-align:justify;
 
}
.inner-articleEventMore 
{
	margin:2px;
	/*background:url(../images/Back_InfoQtela.png) repeat-y;*/
   width: 600px;
   /*  height: 368px;*/
    padding:0px 10px 10px 10px;
    border:thin solid silver;
}
.inner-articleEventMore img
{
    width: 100%;
    height:100%;
    padding: 10px 0px 10px 0px;
 float:left;
 
}
.headEvent
{
    width: 140px;
    padding:0px 0px 0px 0px;
    margin:0px;
    top:50px;
}
.inner-article-Contact 
{
    margin:2px;
    padding:5px;
    font-family: "Roboto";
    position: static;
    background-color:#f1f1f1;
    border:thin solid silver;
}
.main-contentHome {
    float: left;
    margin-left: 0px;
	margin-right:0px;
	margin-top: 5px;
	font-family: "Roboto";
	position: static;
	 background:url(../img/box.png) no-repeat;
	 height: 175px;
	 width:940px;
	 padding:0px 0px 10px 7px;

}
.home-article {
	margin-left: 0px;
	margin-right:0px;
	margin-top: 5px;
	/*height:200px;*/
	width:940px;
	padding:30px 0px 10px 10px;
	font-family:"Roboto";
	position: static;
	
	 background-image:url(../img/box.png) no-repeat;
	 height: 175px;
}
.home-article-text {
	width:550px;
	text-align:justify;
   
    position: static;
   
}
.contact-us 
{
    margin:2px;
    padding:0px;
    font-family:"Roboto";
}
.contact-form 
{
    background:url(../img/contact-form.png) no-repeat;
    width: 830px;
    height: 510px;
}
.contact-form-left
{

    float:left;
    width: 370px;
    margin: 20px;
}
textarea 
{
    width:250px;
	height:200px;
}
.contact-form-right 
{
    float:right;
    height:402px;
    width: 380px;
    margin: 20px;
}
.sidebar {
    float: right;
    margin-right:0px;
    
}
.qtela-fb-fanbox 
{
    margin-top: 5px;
}
.real-tweet 
{
    float:left;
	background:url(../img/header.jpg);
	padding:10px 0px 0px 0px;
	height:30px;
	margin-top: -30px;
}
.real-tweet-logo {
	float:left;
	margin-left: 10px;
	margin-top: -2px;
}
.real-tweet-timeline 
{
    float:left;
	font-size:10px; 
	color:Black; 
	margin-top:3px;
	margin-left: -10px; 
	font-family:"Roboto";
	overflow: hidden;
}
.logo-indofood  
{
    float: left;
    height: 30px;
    margin-top: 3px;
    margin-left: 310px;
}
.header-menuANC 
{
    float:right;
    margin-top: 3px;
	margin-right: 300px;
}
.header-menuANC ul 
{
    list-style-type: none;
    padding:0;
    overflow:hidden;
}
.header-menuANC ul li 
{
    float: left;
}
.header-menuANC ul li a 
{
    display: block;
}
.footer-menu 
{
    float: right;
    margin-top: 3px;
	margin-right: 177px;
}
.footer-menu1 
{
    float: right;
    margin-top: 3px;
	margin-right: 300px;
	width:940px;
}
.footer-menu ul 
{
    list-style-type: none;
    padding:0;
    overflow:hidden;
}
.footer-menu ul li 
{
    float: left;
}
.footer-menu ul li a 
{
    display: block;
}
.widget 
{
    width: 250px;
    height: auto;
    margin: 10px;
}
.widget-home 
{
    width: 250px;
    height: auto;
    margin-top:15px;
    padding:5px;
 
}
.tvc 
{
    margin: 2px;
    font-family:Aachenn;
    height:auto;
    background-color:#F1F1F1;
    border:thin solid silver;
    }
.gallery-container 
{
    margin: 2px;
    font-family:Aachenn;
    overflow: hidden;
    background-color:#F1F1F1;
    border:thin solid silver;
    }
/*3d Carousel*/
        #carousel { position: relative; height: 160px; margin: 0; padding: 0; }
		#carousel li { position: absolute; float: left; cursor: pointer; cursor: hand; list-style: none; margin: 0; padding: 0; width: 120px; height: 160px; }
		#carousel li img { height: 100%; width: 100%; }
/* Twitter */
           
      #ticker ul.tweet_list {
        height:20px;
        overflow-y:hidden;
        list-style:none;
      }
      #ticker .tweet_list li {
        height: 20px;
      }
      
      
 /* 
Doc : css
Autor : Ancha
*/
#game-box {
	width:435px;
	height: 146px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font: 12px "Roboto";
	background: url(../images/bx_03-edit.png) no-repeat left top;
}

#game-box img {
	border:none;
}

#game-box2 {
	width:435px;
	height: 146px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font: 12px "Roboto";
	background: url(../images/bx_05-edit.png) no-repeat left top;
}

#game-box2 img {
	border:none;
}

#contact-box1 {
	width:500px;
	height: 407px;
	padding: 10px 10px 10 10px;
	color: #000000;
	font: 12px "Roboto";
	background: url(../images/web2_03.png) no-repeat center top;
}

#contact-box1 img {
	border:none;
}
#contact-box2 {
	width:900px;
	height: 246px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font: 12px "Roboto";
	background: url(../images/web2_05-1.png) no-repeat center top;
}

#contact-box2 img {
	border:none;
}