/* 
    Document   : _header
    Created on : 5 Dec, 2012, 12:57:37 PM
    Author     : Sudhanshu
    Description:
        Purpose of the stylesheet follows:
   > For the Header
   > Have absolute path of the images, fonts can be used in Talkies , Blog etc

*/

/*Start Header xflow*/

@font-face{
    font-family: HelveticaNarrow;
    src: url('http://www.xbhp.com/themes/xflow/fonts/helvetica-narrow.ttf'),
        url('http://www.xbhp.com/themes/xflow/fonts/helvetica-narrow.otf');

}


@font-face{
    font-family: 'Myraid Pro';
    src: url('http://www.xbhp.com/themes/xflow/fonts/myriadpro.ttf'),
        url('http://www.xbhp.com/themes/xflow/fonts/myriadpro.otf'),
        url('http://www.xbhp.com/themes/xflow/fonts/myriadpro.eot');
}

img{
    border: 0;
}
a{
    text-decoration: none;
}

ul,li,p,h4{padding:0px; margin:0px;}

.fltleft{float:left;}
.fltright{float:right;}
.clr{clear:both;}

#container{
    margin: 0 auto;
}

#mainnav{ 
    background: url(http://www.xbhp.com/themes/xflow/images/bg1.jpg); 
    height:33px; 
    margin:0px 0px 5px 0px;
    min-width: 1250px;
}

#mainnav .contentn{ 
    margin:0 auto; 
    width:1250px; 
    position:relative;
}  

.promotetext{
    position:absolute; 
    margin:8px 0 0 10px; 
    font-family: 'Keania One', cursive;
    font-size:14px; 
    color:#FFF;  
    text-transform:uppercase; }

.uppernav{
    height:20px;
    width: 990px;
    float: right;
}

.uppernav ul{float: right; margin-right: 10px;}
.uppernav ul li{ 
    display:inline-block; 
    padding:10px 0 0 12px;
    vertical-align:top; 
}


.uppernav ul li a {
    font-family:HelveticaNarrow; 
    font-size:13px; 
    color:#FFF; text-decoration:none;}




.xflowheader{
    background: url(http://www.xbhp.com/themes/xflow/images/bg2.jpg);  
    height:113px;  
    margin:0px 0px 5px 0px;
    min-width: 1250px;
}

.contenth{ margin:0 auto; width:1250px;}
.contenthv2{
    margin:0 auto; width:1250px;
}
.contenthv2 .xbhplogo{
    float: left;
}
.contenthv2 .mainheader{
    float: left;
}
.contenth .xbhplogo{
    float: left;
}
.contenth .mainheader{
    float: left;
}
#bgnav{  
    background: url(http://www.xbhp.com/themes/xflow/images/bg3.jpg); 
    height:25px;  
    margin:0px 0px 5px 0px;
    min-width: 1250px;
}


#bgnav .contentn2{margin:0 auto; width:1250px; position:relative;}

.nav2{
    height:20px;
    margin:5px 0 0 0px;
    text-align:left;
    float: left;
    width: 820px;
}

.nav2 ul li{  display:inline; padding:0 5px 0 8px;}

.nav2 a {
    font-family:'Fjalla One'; 
    font-size:12px; 
    color:#FFF; 
    text-decoration:none; 
    text-transform:uppercase;
    letter-spacing: 1px;
}

.nav2 a:hover{
    color:#c2c2c2;
}

.search{
    margin-top: -1px;
    padding: 3px 0px 3px 0px;
    width: 180px;
}

.xplorebtn{ 
    background:#666; 
    color:#000; 
    height:25px;
    font-family:HelveticaNarrow; 
    font-size:12px;  
    color:#FFF; 
    text-decoration:none; 
    text-transform:uppercase;
    float: left;
    border: none;
    width: 105px;
}

.clogos{
    float:right; 
    width:295px; 
    background:url(http://www.xbhp.com/themes/xflow/images/bg_page.jpg); margin:0px 20px 0px 0px; 
}
.clogos img{
    vertical-align: top;
}
.headlines{
    width:470px;
    height:140px;
    float:left;
    border:1px dotted #999;
    margin: 5px;
    padding: 15px;
}	

.nav{

    width:170px;
    height:170px;
    background-color:#000;
    border:1px dotted #999;
    color: #fff;
    float:left;
    margin: 5px;
}
.nav ul{
    list-style-type: none;
    padding: 0px;
    padding-left: 10px;
} 
.nav ul li{
    width:150px;
    height:20px;
    padding-left: 5px;
}
.nav ul li:hover{
    width:150px;
    height:20px;
    background-color:#118bcc;
} 

#mainwrapper{
    font-family: Verdana,sans-serif;
    color: #DFDFDF;
    width: 1020px;
    margin: 0px auto;
    margin-top: 15px;
}
.sponserslogo{
    opacity: 0.5;
}
.sponserslogo:hover{
    opacity: 1;
}

.textfieldsearchbox {
    background:#666;
    padding:3px;
    border:1px solid #999; 
    color:#CCC; 
    width:180px; 
    margin-top: 5px;
    font-style:normal;
    margin-right: 10px;
}

.gobutton{
    background-color: black;
    border: 1px solid gray;
    color: gray;
    cursor: pointer;
    padding: 3px;
    width: 35px;
    background-image: none;
    font-weight:normal; 
    font-style:normal;
    margin-right: 10px;
}