@charset "utf-8";
/* CSS Document */

body{
	padding:0px;
	margin:0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
	background:url(images/body_repeat.png) repeat-x #e3e6e5;
}
.pageWraper{
	width:1010px;
	margin:0 auto;
}
.feedback{
	float: right;
    height: 94px;
    left: 0;
    position: fixed;
    top: 170px;
    width: 27px;
	background-color:#F00;
	color:#FFF;
	font-weight:bold;	
}
.pagecontentWraper{
	width:960px;
	margin:0 auto;
}
.contentWraper{
	width:960px;
	margin:0 auto;
}
.header{
	width:960px;
	float:left;
	min-height:125px;
	margin:0px 0px 0px 0px;
}
.topBackmenu {
    float: left;
    margin: 0 0 0 10px;
    min-height: 20px;
    width: auto;
}
.headerTop{
	float:left;
	width:960px;
	min-height:100px;
}
.logo a {
    background: url("images/button_icon_sprite.png") repeat scroll 0 195px transparent;
    float: left;
    font-size: 0;
    height: 50px;
    margin: 33px 0 0;
    width: 462px;
}
.logo{
	float: left;
    height: 50px;
    width: 462px;
}
.headerRight{
	float: right;
    margin: 15px 0 0;
}
.headerRight .top {  
    float: right;
}
.headerRight .top a{
    background: url("images/button_icon_sprite.png") repeat scroll 0 16px transparent;
	float: right;
    height: 10px;
    width: 14px;
	
}
.bannerWrapper{
	float:left;
    width: 960px;
}
.banner{
	float:left;
	background:url(images/banner.png);
	height:308px;
	width:960px;
}
.bannerArrowWraper {
    margin: 0 auto;
    position: absolute;
    top: 265px;
    width: 1013px;
}
.bannerLeftarrrow {
    background: url("images/button_icon_sprite.png") repeat scroll -38px -271px transparent;
    height: 73px;
    float:left;
    width: 28px;
}
.bannerLeftarrrow:hover{
    background: url("images/button_icon_sprite.png") repeat scroll -38px -343px transparent;
    height: 73px;
    float:left;
    width: 28px;
}
.bannerRightarrrow {
    background: url("images/button_icon_sprite.png") repeat scroll -66px -271px transparent;
    height: 73px;
    float:right;
    width: 28px;
}
.bannerRightarrrow:hover {
    background: url("images/button_icon_sprite.png") repeat scroll -66px -343px transparent;
    height: 73px;
    float:right;
    width: 28px;
}
.backArrow {
    background: url("images/button_icon_sprite.png") repeat scroll -5px -592px transparent;
    float: left;
    height: 15px;
    width: 10px;
}
.seachWraper{
	width:960px;
	float:left;
	top:350px;
}
.searchLeft {
    background: url("images/tab_bg_sprite.png") repeat scroll -18px -16px transparent;
    float: left;
    height: 100px;
    width: 7px;
}
.seachWraper .left {
    float: left;
    height: 66px;
    padding: 0px 0 0;
    width: 649px;
	/* border-radius: 0 0 0 17px;
    -webkit-border-radius: 0 0 0 17px;
    -moz-border-radius: 0 0 0 17px;
    behavior: url(PIE.htc);
	border:1px solid #000;*/
}
.seachWraper .right {
    float: right;
    height: 100px;
    width: 311px;
}
.textSearch {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 42px;
    width: 485px;
}
.chatContent {
    background: url("images/chat_area_bg.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 100px;
    padding: 0 10px;
    width: 283px;
}
.chatRight {
    background: url("images/tab_bg_sprite.png") repeat scroll -29px -5px transparent;
    float: right;
    height: 100px;
    width: 8px;
}
.searchContent {
    background: url("images/search_area_bg.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 70px;
    padding: 31px 23px 0 18px;
    width: 600px;
}
.searchareaD1vider{
	background:url(images/searcharea_divider.png);
	width:2px;
	height:100px;
	float:left;
}
.inputsearchLeft {
    background: url("images/tab_bg_sprite.png") repeat scroll -38px -16px transparent;
    float: left;
    height: 45px;
    width: 5px;
}
.inputSearch {
    background: url("images/search_repeat_bg.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 45px;
    width: 484px;
}
.inputsearchRight{
    background: url("images/tab_bg_sprite.png") repeat scroll -45px -16px transparent;
    float: left;
    height: 45px;
    width: 5px;
}
.btnSearch {
    background: url("images/button_icon_sprite.png") repeat scroll -323px -70px transparent;
    float: right;
    height: 48px;
    width: 102px;
}
.btnSearch:hover {
    background: url("images/button_icon_sprite.png") repeat scroll -323px -123px transparent;
    float: right;
    height: 48px;
    width: 102px;
}
.chatIcon {
    background-color: #999999;
    float: left;
    height: 30px;
    margin: 30px 10px 0 0;
    width: 30px;
}
.chatText {
    color: #FFFFFF;
    float: left;
     margin: 23px 0 0 6px;
    width: 138px;
}
.chatBtn {
    background: url("images/button_icon_sprite.png") repeat scroll -429px -70px transparent;
    float: right;
    height: 38px;
    margin: 34px 0 0;
    width: 123px;
}
.chatBtn:hover {
    background: url("images/button_icon_sprite.png") repeat scroll -429px -109px transparent;
    float: right;
    height: 38px;
    margin: 34px 0 0;
    width: 123px;
}


/******************************************************************************/
.TitlebgWraper{
	width:310px;
}
.TitlebgLeft {
    background: url("images/tab_bg_sprite.png") repeat scroll -2px -16px transparent;
    height: 49px;
    width: 6px;
	float:left;
}
.Titlebg {
    background: url("images/title_bg.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 49px;
    width: 298px;
}
.TitlebgMeetteam {
    background: url("images/title_bg.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 49px;
    width: 574px;
}
.TitlebgRight {
    background: url("images/tab_bg_sprite.png") repeat scroll -11px -16px transparent;
    height: 49px;
    width: 6px;
	float:right;
}
.middleWraper {
    float: left;
    margin: 20px 0 0;
    width: 960px;
}
.middleLeft {
    float: left;
    width: 640px;
}
.widgetLeft{
	width:310px;
	float:left;
}
.widgetLeft .block {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    float: left;
    height: 85px;
    padding: 36px 0 0;
    width: 309px;
}
.widgetLeft .block:hover {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    float: left;
    height: 85px;
    padding: 24px 0 0;
    width: 309px;
}
.widgetLeft .blockBottom {
    background-color: #FFFFFF;
    float: left;
    height: 85px;
    padding: 24px 0 0;
    width: 309px;
}
.widgetLeft .blockBottom:hover {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    float: left;
    height: 85px;
    padding: 24px 0 0;
    width: 309px;
}
.exploreIcon {
    background: url("images/button_icon_sprite.png") repeat scroll -465px 0 transparent;
    float: left;
    height: 63px;
    width: 62px;
}
.noteIcon {
    background: url("images/button_icon_sprite.png") repeat scroll -527px 0 transparent;
    float: left;
    height: 63px;
    width: 62px;
}
.livechatIcon {
    background: url("images/button_icon_sprite.png") repeat scroll -597px 0 transparent;
    float: left;
    height: 63px;
    width: 62px;
}
.blockDetails {
    float: left;
    padding: 0 10px;
    width: 190px;
}
.rightarrowRound {
    float: left;
    height: 34px;
    width: 29px;
}
.rightarrowRound a{
    background: url("images/button_icon_sprite.png") repeat scroll -642px -65px transparent;
    float: left;
    height: 34px;
    width: 29px;
	font-size:0px;
}
.widgetMid {
    float: left;
    margin: 0 0 0 13px;
    width: 310px;
}
.widgetMid .tabContainer{
	float:left;
	width:310px;
}
.widgetLeft .blockBottomBg {
    background: url("images/tab_bg_sprite.png") repeat scroll -369px -126px transparent;
    float: left;
    height: 15px;
    margin: 0;
    width: 315px;
}
.blockBottomBg {
    background: url("images/tab_bg_sprite.png") repeat scroll -366px -126px transparent;
    float: left;
    height: 15px;
    margin: 0 0 0;
    width: 315px;
}
.widgetMid .tabContainer ul.tabNavigation {
    background: none repeat scroll 0 0 transparent;
    height: 36px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 316px;
}
.widgetMid .tabContainer ul.tabNavigation li.discover{
	float:left;
	width:107px;
	height:50px;
}
.widgetMid .tabContainer ul.tabNavigation li.discover a {
    background: url("images/tab_bg_sprite.png") repeat scroll -52px -13px transparent;
    float: left;
    font-size: 0;
    height: 50px;
    width: 107px;
}
.widgetMid .tabContainer ul.tabNavigation li.discover a:hover {
    background: url("images/tab_bg_sprite.png") repeat scroll -52px -74px transparent;
    float: left;
    font-size: 0;
    height: 50px;
    width: 107px;
}
.widgetMid .tabContainer ul.tabNavigation li.watch{
	float:left;
	width:104px;
	height:50px;
}
.widgetMid .tabContainer ul.tabNavigation li.watch a {
    background: url("images/tab_bg_sprite.png") repeat scroll -158px -13px transparent;
    float: left;
    font-size: 0;
    height: 50px;
    width: 104px;
}
.widgetMid .tabContainer ul.tabNavigation li.watch a:hover {
    background: url("images/tab_bg_sprite.png") repeat scroll -158px -74px transparent;
    float: left;
    font-size: 0;
    height: 50px;
    width: 104px;
}
.widgetMid .tabContainer ul.tabNavigation li.tweet{
	float:left;
	width:104px;
	height:50px;
}
.widgetMid .tabContainer ul.tabNavigation li.tweet a {
    background: url("images/tab_bg_sprite.png") repeat scroll -262px -13px transparent;
    float: left;
    font-size: 0;
    height: 50px;
    width: 105px;
}
.widgetMid .tabContainer ul.tabNavigation li.tweet a:hover {
    background: url("images/tab_bg_sprite.png") repeat scroll -262px -74px transparent;
    float: left;
    font-size: 0;
    height: 50px;
    width: 104px;
}
.widgetMid #first {
    background-color:#FFFFFF;
    float: left;
    margin: -3px 0 0;
    min-height: 354px;
    padding: 1px 10px 0;
    position: relative;
    width: 291px;
	border-left:1px solid #c9cdcc;
	border-right:1px solid #c9cdcc;
}

.middleRight{
	width:280px;
	float:right;
	height: 350px;
}
.middleRightTop{
	border: 1px solid #0000FF;
	width:280px;
	float:right;
	height: 350px;
}
.middleRightBottom{
	border: 1px solid #0000FF;
	width:280px;
	float:right;
	height: 150px;
	margin:10px 0px 0px 0px;
}
.meetteamWraper {
    float: left;
    margin: 7px 0 10px 0px;
    width: 630px;
}
.meetteamTop{
	width:630px;
	float:left;
}
.meetteamLeftarrow {
    background: url("images/button_icon_sprite.png") repeat scroll -94px -69px transparent;
    float: left;
    height: 50px;
    width: 28px;
}
.meetteamHeading{
	float:left;
	width:525px;
	text-align:center;
}
.meetteamContentWraper {
    background-color: #FFFFFF;
    float: left;
    height: 271px;
    padding: 20px 0 0 20px;
    width: 610px;
}
.meetteamContentWraper img{
	float:left;
}
.meetteamContent p{
	float:left;
	width:500px;
	margin: 2px 0;
}
.meetteamContent {
    float: right;
    width: 480px;
}
.meetteamContent .caps{
	text-transform:uppercase;
	color:#CCC;
}
.meetteamRightarrow {
    background: url("images/button_icon_sprite.png") repeat scroll -94px -69px transparent;
    float: right;
    height: 50px;
    width: 28px;
}
.widgetRight {
    float: right;
    width: 312px;
}
.widgetRightTop {
    float: left;
    height: 350px;
    width: 306px;
}
.widgetRightBottom {
    float: left;
    height: 350px;
    width: 306px;
}
.widgetRightTopContent {
    float: left;
    width: 307px;
}
.facebookWraper {
    background-color: #FFFFFF;
    float: left;
    height: 220px;
    width: 100%;
}
.footerWraper {
    background-color: #000000;
    float: left;
    width: 100%;
	height:354px;
}
