﻿
/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {
	font-size:62.5%;
	background-color:rgb(000,000,000);
	font-family:verdana,arial,sans-serif;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-content {
	width:995px; 
	margin:10px auto;	
	border:solid 1px rgb(000,000,000); 
	font-size:1.0em;}


.main {
	clear:both; 
	width:995px; 
	padding-bottom:30px; 
	background:#FFFFFF url('http://www.brasilianmusica.com/img/bg_main.jpg');
}


.latest-updates {
	display:inline;
	float:left;
	width:780px;
	margin:0 0 0 10px;
	overflow:visible !important;
	overflow:hidden;
}

.right-menu {
	display:inline /*Fix IE floating margin bug*/;
	border:solid 0px #000000; 
	float:right; 
	width:330px;
	height:100%;
	margin-right:10px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}


.center-content {
	display:inline; /*Fix IE floating margin bug*/; 
	float:left; width:440px;
	margin:0 0 0 10px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

.left-menu {
	display:inline /*Fix IE floating margin bug*/;
	float:left; 
	width:200px; 
	margin:0 0 0 2px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;}


.footer {
	clear:both; 
	width:995px; 
	height:3.7em; 
	padding:1.1em 0 0; 
	background:rgb(225,225,225) url(http:www.brasilianmusica.com/img/footer.jpg) no-repeat; 
	font-size:1.0em; overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {
	width:995px; 
	font-family:"trebuchet ms",arial,sans-serif;
}
.header-top {
	width:995px; 
	height:110px; 
	background:rgb(178,34,34) url('http://www.brasilianmusica.com/img/bg_head_top.jpg'); 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}


.header-middle {
	width:995px; 
	height:90px; 
	background:#FFFFFF; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}




.header-breadcrumbs {
	clear:both; 
	width:995px; 
	padding:1.0em 0 1.5em 0;
	background:rgb(fff,fff,fff);
}

/*  site banner  */

.sitelogo {
	width:250px; 
	height:110px; 
	position:absolute; 
	z-index:1; 
}

.sitelogo img {
	border:none;
}

.top-left-header {
	width:740px; 
	position:absolute; z-index:2; 
	margin:10px; 
	margin-left:260px !important /*Non-IE6*/; 
	margin-left:260px /*IE6*/;
}

.sitemessage {
width:995px; 
height:100px; 
position:absolute; 
z-index:1; 
margin:0px 0 0 5px; 
color:rgb(234,239,247); /*xoverflow:visible !important /*Activate if Firefox print problems*/; 
overflow:hidden /*IE6*/;
}




/******************/
/*  MAIN SECTION  */
/******************/
.latest-updates-right {
	float:right;
	width:375px;
	margin-bottom:10px !important;
	margin-bottom:5px;
}
.latest-updates-left {
	float:left;
	width:405px;
	margin-bottom:10px !important;
	margin-bottom:5px;
}

/* MAIN NAVIGATION */
.rightmenu-right {
	float:right;
	width:160px;
	padding:0px;
	margin:0px;
	margin-right:2px;
	margin-bottom:10px !important;
	margin-bottom:5px;
	overflow:visible !important;
	overflow:hidden;
}

.rightmenu-left {
	float:left;
	width:160px;
	margin:0px;
	padding:0px;
	margin-bottom:10px !important;
	margin-bottom:5px;
	overflow:visible !important;
	overflow:hidden;

}

/* MAIN CONTENT */
.column1-unit {
	width:440px;  
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}
.center-content-right {
	float:left; 
	width:200px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}

.center-content-left {
	float:right; 
	width:200px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}
.center-content-onecol {
	float:left; 
	width:120px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}

.center-content-twocol {
	float:left; 
	width:120px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/; 
	margin-left:40px;
}

.center-content-threecol {
	float:right; 
	width:120px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}


/* MAIN SUBCONTENT */
.leftmenu-top-ten {
	width:195px; 
	margin:0 0 2.0em 0; 
	padding:0 0 5px 0; 
	border:solid 1px #000000; 
	background:#FFFFFF;
}

.leftmenu-updates {
	width:200px;
	padding-top:5px;
	margin-top:10px;
}
/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {
	line-height:1.3em; 
	text-align:center; 
	color:rgb(125,125,125); 
	font-weight:bold; 
	font-size:110%;
}
.footer p.credits {
font-weight:normal;
}

.footer a {
	text-decoration:underline; 
	color:rgb(125,125,125);
}

.footer a:hover {
	text-decoration:none; 
	color:rgb(0,0,0);
}
.footer a:visited {
	color:rgb(0,0,0);
}
.rightmenu-right .roundborder-left-topleft {
width:10px; 
height:10px; 
position:absolute; 
z-index:100; 
background:url(http://www.brasilianmusica.com/img/bg_corner_topleft.gif) no-repeat; 
margin-top:-0px; 
margin-left:-0px;
}
.rightmenu-right .roundborder-left-topright {
width:10px; 
height:10px; 
position:absolute; 
z-index:100;
background:url(http://www.brasilianmusica.com/img/bg_corner_topright.gif) no-repeat; 
margin-top:-0px; 
margin-left:150px;
}

.rightmenu-left .roundborder-left-topleft {
width:10px; 
height:10px; 
position:absolute; 
z-index:100; 
background:url( img/bg_corner_topleft.gif) no-repeat; 
margin-top:-0px; 
margin-left:-0px;

}
.rightmenu-left .roundborder-left-topright {
width:10px; 
height:10px; 
position:absolute; 
z-index:100;
background:url(http://www.brasilianmusica.com/img/bg_corner_topright.gif) no-repeat; 
margin-top:-0px; 
margin-left:150px;
}

.left-menu .left .round-border-topleft {
width:10px; 
height:10px; 
position:absolute; 
z-index:100; 
background:url(http://www.brasilianmusica.com/img/bg_corner_topleft.gif) no-repeat; 
margin-top:-0px; 
margin-left:-0px;
}

.left-menu .left .round-border-topright {
width:10px; 
height:10px; 
position:absolute; 
z-index:100;
background:url(http://www.brasilianmusica.com/img/bg_corner_topright.gif) no-repeat; 
margin-top:-0px; 
margin-left:170px;
}


/*********************/
/*  6. CLEAR FLOATS  */
/*********************/
.page-contaent:after, .header:after, .header-three:after, .main:after, .right-menu:after, .center-content:after, .center-content div:after, .left-menu:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .rightmenu-left:after, .rightmenu-right:after, .center-content-onecol:after, .center-content-twocol:after, .center-content-threecol:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.leftmenu-top-ten:after, .leftmenu-update:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:995px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.right-menu {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:995px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /*IE proprietary flicker hack for background images. Not validating, but OK*/
