/*
 * Title: Business Elegance v.1.0
 * Site: http://www.chamadigital.com
 * Author: Anselmo Ribeiro
 * Last Modified: 28_02_2008
*/

/*global reset */
html *{	padding: 0;	margin: 0;}
a img, :link img, :visited img { margin-right: 10px; border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
ol, ul { list-style: none;}
p{line-height: 18px;}
/*  global reset */

/* base html */
body { background: #343a3d url(images/bgd.gif); color: #fff; margin: 0; padding: 0;
	   font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center;}

a { text-decoration: none; color:#849DAA;}
a:link { color:#849DAA;} /* unvisited link */    
a:hover { color:#849DAA; text-decoration: underline;} /* mouse over link */ 
a:active { color:#849DAA;} /* selected link */
/* end base html */

/*  layout */
#wrapper { width: 900px; margin: 0 auto; text-align: left; background: #2d3235;}

#header { width: 856px; padding: 20px 22px 20px 22px; height: 390px; background: #262b2e; position: relative;}

#content { float: left;	width: 900px; background: #2d3235 url(images/main_bgd.gif) repeat-y top left;}

#col_left{ float: left;	width: 571px; padding: 30px 22px;}

#footer{ width: 900px; margin: 10px auto 20px auto;}
#footer p{ text-align: right;}

#welcome{ padding-bottom: 25px; border-bottom: 1px solid #343a3d; text-align: left;}
#newstext{ float: left;	width: 380px; display: inline;}
#newsblock{	padding-bottom: 25px; padding-top: 15px; border-bottom: 1px solid #343a3d; text-align: left;}
#article{ text-align: justify;}

#newsblock1{ padding-bottom: 25px; padding-top: 15px; text-align: left;	background: #262b2e;}
#newsblock2{ padding-bottom: 25px; padding-top: 15px; text-align: left;}

#articles2{	padding-bottom: 25px; padding-top: 15px; text-align: left; background: #262b2e;}
#articles1{	padding-bottom: 25px; padding-top: 15px; text-align: left;}

#music1{ padding-bottom: 25px; padding-top: 15px; text-align: left; background: #262b2e;}
#music2{	padding-bottom: 25px; padding-top: 15px; text-align: left;}

#clothes1{	padding-bottom: 25px; padding-top: 15px; text-align: left; background: #262b2e;}
#clothes2{	padding-bottom: 25px; padding-top: 15px; text-align: left;}

#culture1{	padding-bottom: 25px; padding-top: 15px; text-align: left; background: #262b2e;}
#culture2{	padding-bottom: 25px; padding-top: 15px; text-align: left;}

#movies1{	padding-bottom: 25px; padding-top: 15px; text-align: left; background: #262b2e;}
#movies2{	padding-bottom: 25px; padding-top: 15px; text-align: left;}

#video2{	padding-bottom: 25px; padding-top: 15px; text-align: left; background: #262b2e;}
#video1{	padding-bottom: 25px; padding-top: 15px; text-align: left;}

#photo2{ padding-bottom: 25px; padding-top: 15px; text-align: left; background: #262b2e;}
#photo1{ padding-bottom: 25px; padding-top: 15px; text-align: left;}

#thumb{	float: left; width: 140px; margin-left: 15px; margin-right: 25px; display: inline;}

/*navigation*/
#navigation{ position: absolute; top:25px; right: 22px;}
#navigation li{	float: left;}
#navigation a {	display: inline-block; font-size: 11px;	text-transform: uppercase; text-decoration:none; padding:10px 15px 35px 15px;
				background-color:#000;	border-bottom: 3px solid #fff; color:#fff; margin-right: 1px; font-weight: normal;}
#navigation a:hover{ border-bottom: 3px solid #849DAA; color:#849DAA;}
#navigation li.selected a{ border-bottom: 3px solid #849DAA; color:#849DAA;}

#imagem{ position: absolute; top:142px;}
#imagemms{ position: absolute; left:19px;}

#search{ position: absolute; top: 100px; left: 16px;}
#search input{ float: left;	background-color: #141718; border: 1px solid #393e41; padding: 3px;	color: #849DAA;}

h1#slogan{ position: absolute; top: 100px; right: 22px;
		   font-family: Georgia, "Times New Roman", Times, serif; font-size:28px; font-weight: normal;}
h1#slogan span{	font-style: italic;	color: #cc6600;}

h1{	font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px;	font-weight: normal; margin-bottom: 20px;}
h2{	font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px;	font-weight: normal; margin-bottom: 20px; color:#cc6600;}
h3{	padding: 30px 0 20px 0;	font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px;	font-weight: normal; color:#cc6600;}
h4{	font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px;	font-weight: normal; margin-top: 10px; margin-bottom: 20px;}

#forum{	padding-top: 15px; padding-left: 0px; padding-bottom: 20px;	border-bottom: 1px solid #343a3d; text-align: left;}
#forum ul li{ list-style-type: circle; margin-left: 15px; padding:0 0 14px 5px;}

#audio{	float: left; width: 260px; margin-left: 15px; margin-right: 30px; display: inline;}
#audio ol li{ list-style: decimal; padding:0 0 14px 5px;}

#video{	float: left; width: 260px; display: inline;}
#video ol li{ list-style: decimal; padding:0 0 14px 5px;}

#links{	padding-left: 15px;	text-align: left;}
#links ol li{ list-style: none;	padding:0px 0 14px 5px;	border-bottom: 1px solid #343a3d;}
#links p{ margin-left: 55px;}	

#center{ float:left; padding-bottom: 35px; border-bottom: 1px solid #343a3d;}

#quote{	float:left;	padding: 35px 0; font-family: Georgia, "Times New Roman", Times, serif;	font-size: 17px; font-style: italic;
		letter-spacing: 2px; color: #8b8b8c;}
#quote p{ line-height: 22px; letter-spacing: 0px; text-align: left;}
#quote p.author{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #fff;
				 font-family: Georgia, "Times New Roman", Times, serif;	text-align: right;}
#quote .quote{ font-size: 26px;}

#news{ text-align: left; background: #2d3235 url(images/main_bgd.gif) repeat-y top left; float: right; width: 197px; padding: 30px 58px 30px 30px;}
#news li{ margin-bottom: 20px;}
#news li p.date{ color: #cc6600; font-weight: bold;}
#news li p.archive{	padding-left: 25px;}

#contacts h2{ margin-top: 20px;}
#contacts{ text-align: left; border-bottom: 1px solid #343a3d; background: #2d3235 url(images/main_bgd.gif) repeat-y top left;
		   float: right; width: 197px; padding: 0px 58px 30px 30px;}

.orange{ color: #cc6600;}