/****************************************************************************/
/* 2009 - Originalideias.com.br												*/
/*																			*/
/* Created: 23/11/2009 by Herus Armstrong									*/
/* Description: Style default settings to Proximo Games Site				*/
/****************************************************************************/

/* Reset tags */
* {
	padding: 0;
	margin: 0;
}
img, fieldset, hr {
	border: 0;
}
img {
	behavior: url(css/iepng.htc);
}

/************************************/
/* STRUCTURE						*/
/************************************/

body {
	background-image: url(../image/bg/body.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	background-color: #ebebeb;
}
#container {
	width: 685px;
	display: block;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	
}
#footer {
	background-image: url(../image/bg/footer_newsspotlight_body.gif);
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #545455;
	text-align: center;
	padding-top: 10px;
	margin-top: 30px;
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: 35px;
}

/************************************/
/* HEADER							*/
/************************************/

#header {
	display: block;
	float: left;
	height: 110px;
	margin-top: 10px;
	width: 685px;
}
h1 {
	width: 243px;
	height: 70px;
	float: left;
}
h1 a {
	background-image: url(../image/index/logo.png);
	width: 243px;
	height: 70px;
	display: block;
	text-decoration: none;
}
h1 strong {
	visibility: hidden;
}
.languages {
	width: 200px;
	height: auto;
	float: right;
	text-align: right;
	margin-top: -140px;
}
.social {
	width: 90px;
	height: auto;
	float: left;
	text-align: right;
	margin-top: 3px;
}

/************************************/
/* MENU								*/
/************************************/

#menu {
	clear: both;
	display: block;
	height: 20px;
	padding-top: 35px;
	width: auto;
	margin-left: 8px;
}
#menu li {
	list-style: none;
	float: left;
	height: 13px;
	margin-bottom: 20px;
	margin-right: 38px;
}
#menu li strong {
	display: none;
}
#menu li a {
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	float: left;
	height: 13px;
}
.home_on a, .company_on a, .franchise_on a, .gameroom_on a, .gamezone_on a, .partners_on a, .news_on a, .newsletter_on a, .contact_on a, .home_on, .company_on, .franchise_on, .gameroom_on, .gamezone_on, .partners_on, .news_on, .newsletter_on, .contact_on {
	height: 28px !important;
}
#home a {
	background-image: url(../image/menu/home.png);
	width: 25px;
}
.home_on a {
	background-image: url(../image/menu/home_on.png) !important;
	width: 31px !important;
}
#company a {
	background-image: url(../image/menu/company.png);
	width: 41px;
}
.company_on a {
	background-image: url(../image/menu/company_on.png) !important;
	width: 54px !important;
}
#franchise a {
	background-image: url(../image/menu/franchise.png);
	width: 47px;
}
.franchise_on a {
	background-image: url(../image/menu/franchise_on.png) !important;
	width: 60px !important;
}
#gameroom a {
	background-image: url(../image/menu/gameroom.png);
	width: 60px;
}
.gameroom_on a {
	background-image: url(../image/menu/gameroom_on.png) !important;
	width: 78px !important;
}
#gamezone a {
	background-image: url(../image/menu/gamezone.png);
	width: 51px;
}
.gamezone_on a {
	background-image: url(../image/menu/gamezone_on.png) !important;
	width: 63px !important;
}
#partners a {
	background-image: url(../image/menu/brands.png);
	width: 38px;
}
.partners_on a {
	background-image: url(../image/menu/brands_on.png) !important;
	width: 43px !important;
}
#news a {
	background-image: url(../image/menu/news.png);
	width: 26px;
}
.news_on a {
	background-image: url(../image/menu/news_on.png) !important;
	width: 30px !important;
}
#newsletter a {
	background-image: url(../image/menu/newsletter.png);
	width: 61px;
}
.newsletter_on a {
	background-image: url(../image/menu/newsletter_on.png) !important;
	width: 140px !important;
}
#contact a {
	background-image: url(../image/menu/contact.png);
	width: 44px;
}
.contact_on a {
	background-image: url(../image/menu/contact_on.png) !important;
	width: 50px !important;
}


.home_on a, .empresa_on a, .gameroom_on a, .gamezone_on a, .parceiros_on a, .noticias_on a, .newsletter_on a, .contato_on a, .home_on, .empresa_on, .gameroom_on, .gamezone_on, .parceiros_on, .noticias_on, .newsletter_on, .contato_on {
	height: 28px !important;
}
.franquias_on a, .franquias_on {
 	height: 34px !important;
}
#empresa a {
	background-image: url(../image/menu/empresa.png);
	width: 45px;
}
.empresa_on a {
	background-image: url(../image/menu/empresa_on.png) !important;
	width: 51px !important;
}
#franquias a {
	background-image: url(../image/menu/franquias.png);
	width: 47px;
	height: 34px !important;
}
.franquias_on a {
	background-image: url(../image/menu/franquias_on.png) !important;
	width: 61px !important;
}
#parceiros a {
	background-image: url(../image/menu/marcas.png);
	width: 39px;
}
.parceiros_on a {
	background-image: url(../image/menu/marcas_on.png) !important;
	width: 45px !important;
}
#noticias a {
	background-image: url(../image/menu/noticias.png);
	width: 45px;
}
.noticias_on a {
	background-image: url(../image/menu/noticias_on.png) !important;
	width: 50px !important;
}
#contato a {
	background-image: url(../image/menu/contato.png);
	width: 44px;
}
.contato_on a {
	background-image: url(../image/menu/contato_on.png) !important;
	width: 50px !important;
}

.franquicia_on a, .franquicia_on, .compania_on a, .compania_on {
 	height: 18px !important;
}
#compania a {
	background-image: url(../image/menu/compania.png);
	width: 47px;
	margin-top: -2px !important;
	height: 17px !important;
}
.compania_on a {
	background-image: url(../image/menu/compania_on.png) !important;
	width: 57px !important;
	margin-top: -3px !important;
}
#franquicia a {
	background-image: url(../image/menu/franquicia.png);
	width: 53px;
	height: 34px !important;
}
.franquicia_on a {
	background-image: url(../image/menu/franquicia_on.png) !important;
	width: 67px !important;
}
#contacto a {
	background-image: url(../image/menu/contacto.png);
	width: 45px;
}
.contacto_on a {
	background-image: url(../image/menu/contacto_on.png) !important;
	height: 14px !important;
	width: 57px !important;
}

/************************************/
/* CONTENT							*/
/************************************/

#content {
	background-image: url(../image/bg/content_body_header.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	width: 685px;
	height: auto;
	float: left;
}
#content #content_body {
	background-image: url(../image/bg/content_body_footer.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 8px;
	width: 685px;
	height: auto;
	float: left;
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
#content #content_body h2 {
	background-image: url(../image/bg/content_spotlighthome_title_body.gif);
	background-repeat: repeat-x;
	width: 668px;
	height: 32px;
	margin-left: 5px;
	padding-top: 12px;
	padding-left: 12px;
	visibility: hidden;
	font-size: 15px;
}
#content #content_body .arrow {
	background-image: url(../image/bg/content_body_arrow.png);
	background-repeat: no-repeat;
	position: absolute;
	margin-top: -2px;
	margin-left: 45px;
	width: 32px;
	height: 14px;
}
#content #content_inside_body {
	background-image: url(../image/bg/content_body_body.png);
	background-repeat: repeat-y;
	padding-bottom: 8px;
	text-align: center;
	width: 685px;
	float: left;
}

/************************************/
/* SPOTLIGHT						*/
/************************************/

#spotlight_home {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}
#spotlight_home img {
	margin-bottom: -6px;
}


/************************************/
/* FORMS							*/
/************************************/

#content fieldset div {
	display: block; 
	width: 100%;
	height: auto;
	margin-bottom: 17px;
}
#content fieldset label {
	width: 90%;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
#content fieldset input {
	background-image: url(../image/bg/content_fieldset_input_body.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #EFB000;
	padding: 5px;
	border: 0;
	width: 340px;
	height: 18px;
}
#content fieldset #submit {
	margin-top: 15px;
}
#content fieldset #submit input {
	background-image: url(../image/bg/content_fieldset_submit_body.gif);
	background-repeat: no-repeat;
	color: #FFF;
	height: 28px;
	width: 130px;
}
.ckbox {
	background-image: none;
	float: left;
	width: auto;
	height: auto;
	margin-right: 10px;
}
#content fieldset #message {
	height: 180px;
}
#content fieldset #message textarea {
	background-image: url(../image/bg/content_fieldset_textarea_body.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #EFB000;
	padding: 5px;
	border: 0;
	width: 340px;
	height: 150px;
}

/************************************/
/* FOOTER							*/
/************************************/

#footer a {
	height: 30px;
	width: 50px;
	font-size: 12px;
	color: #FFF;
}
#footer li {
	list-style: none;
}
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
width: 680px; 
height: 27px; 
margin-left: auto;
margin-right: auto; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 680px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}