/******************
Global styles start
******************/

*{
margin:0;
padding:0;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#000;
}

p{
padding-bottom:15px;}

a{
text-decoration:none;
color:#E1610B;
outline:none;}

ul{
list-style-type:none;}

img{
border:0;}

.nm{
margin:0!important;}

.np{
padding:0!important;
background:none!important;}

/*******************
Global styles finish
*******************/

/*****************
Header Tags
*******************/

h1{
height:24px;
text-indent:-2000px;
margin:20px 0 10px 0;}

h3{
font-size:1.3em;
padding-bottom:5px;}

h4{
font-size:1.1em;
padding-bottom:8px;}

h5{
color:#fff;
padding:5px 5px 5px 10px;
font-size:1em;}

/*Header Backgrounds*/

.welcome h1{
background:url(../images/header-welcome-to-cpqi.gif) no-repeat;
margin-top:25px;}

.who-we-are h1{
background:url(../images/header-who-we-are.gif) no-repeat;}

.what-we-do h1{
background:url(../images/header-what-we-do.gif) no-repeat;}

.about-brazil h1{
background:url(../images/header-about-brazil.gif) no-repeat;}

.news h1{
background:url(../images/header-news.gif) no-repeat;}

.article h1{
background:url(../images/article.gif) no-repeat;}

.contact h1{
background:url(../images/header-contact.gif) no-repeat;}

.clients h1{
background:url(../images/header-clients.gif) no-repeat;}

.contact h1{
background:url(../images/header-contact.gif) no-repeat;}

.site-map h1{
background:url(../images/header-site-map.gif) no-repeat;}

.thankyou h1{
background:url(../images/header-thankyou.gif) no-repeat;}

.sub1a h5{
background:url(../images/wwd-li-back.jpg) repeat-x;}

.sub3 h5{
background:url(../images/wwd-li-back.jpg) repeat-x;}

.sub2a h5{
background:url(../images/wwa-li-back.jpg) repeat-x;}

/*****************
Header Tags finish
*******************/

#wrap{
	width:853px;
	font-size:1.1em;
	background-color:#fff;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 23px;
	padding-right: 25px;
	padding-bottom: 23px;
	padding-left: 25px;
}

/**********
Banner styles
***********/

#banner{
width:100%;
height:70px;}

#logo{
width:auto;
float:left;}

#tag-details{
width:628px;
float:right;
padding:15px 0 8px 0;
border-bottom:1px solid #ccc;}

#details{
width:auto;
float:right;}

#details li{
float:left;
padding-left:15px;}

#see{
	padding:15px 0 14px 0;
	line-height:1.4em;
}

#box2 {
	margin-top:10px;
	margin-bottom:-5px; }

#cpqd_icon{
float:right;
margin-top:-12px;}

/*******************
Banner styles finish
*******************/

#left{
width:200px;
float:left;}

#menu{
width:100%;
color:#fff;
font-weight:bold;
}

#menu ul.none li{
text-transform:uppercase;
border-bottom:1px solid #fff;}

#menu ul.none li a{
width:184px;
color:#fff;
display:block;
padding:8px;
background:url(../images/menu-back.jpg) repeat-x;}

#menu ul.none li a:hover{
background:url(../images/menu-back-o.jpg) repeat-x;
text-decoration:none;}

#menu .CollapsiblePanelTab a{
color:#fff;
display:block;
padding:8px;}

#menu .CollapsiblePanelContent a{
height:14px;/*for ie 6 ?*/
display:block;
color:#fff;
padding:6px 8px;}

/******************************************
	Menu - WhoWeAre
*******************************************/
.menuWWA {
	display:none;
	}
	
.WhoWeAre .menuWWA {
	display:block;
	}

ul.menuWWA li{
background:url(../images/wwa-li-back.jpg) repeat-x;}

ul.menuWWA li a:hover{
background:url(../images/wwa-li-back-o.jpg) repeat-x;}

/******************************************
	Menu - WatWeDo
*******************************************/

.menuWWD {
	display:none;
	}
	
.WatWeDo .menuWWD {
	display:block;
	}

ul.menuWWD li{
background:url(../images/wwa-li-back.jpg) repeat-x;}

ul.menuWWD li a:hover{
background:url(../images/wwa-li-back-o.jpg) repeat-x;}

/******************************************
	Menu - Clients
*******************************************/
.menuClients {
	display:none;
	}
	
.Clients .menuClients {
	display:block;
	}

ul.menuClients li{
background:url(../images/wwa-li-back.jpg) repeat-x;}

ul.menuClients li a:hover{
background:url(../images/wwa-li-back-o.jpg) repeat-x;}

/*
ul.wwd li {
	background:url(../images/wwd-li-back.jpg) repeat-x;
}

ul.wwd li a:hover{
background:url(../images/wwd-li-back-o.jpg) repeat-x;} */

/*****************************************
	News Area
******************************************/
#news {
	width:auto;
	border:1px solid #ccc;
	padding:14px 0;
	margin:10px 0;
	background:url(../images/news-back.jpg) repeat-x bottom;
	height:203px;
}
#news h3 {
	padding-left:15px;
	padding-bottom:15px;
}
#news a { text-decoration:none;}
#news a:link {
	color:#666;
}
#news a:visited {
	color:#666;
}
#news a:hover {
	color:#333;
	background:none;
}

#news ul {
	margin:0 0 0 15px;
}
#news li {
	background:url(../images/bull2.gif) no-repeat top left;
	padding:0 0 40px 10px;
}
.markets { padding:0; }

.blockMarkets {
	background:url(../images/bg_buttom.jpg) no-repeat;
	height:10px;
	margin:9px 0 0 10px;
	text-align:center; }
	
.blockMarkets a {
	color:#900; }
	
#EnergyGraphic {
	margin-left:60px; }

	
/* 	NEWS.asp - Implement this class in the last item of the list. */
#news li.end {
	padding-bottom:0px;
}

marquee {
	height:170px;
	}

/******************************************
	List MOD
*******************************************/
.listMod ul {
	margin:0 0 0 15px;
}
.listMod li {
	background:url(../images/bullet.gif) no-repeat top left;
	padding:0 0 20px 15px;
}


/*****************************************
Left column including menu and news finish
******************************************/

/*******************
Right Column content
*******************/

#right{
width:628px;
float:right;}

#content-hold{
width:100%;}

#testimonials{
width:500px;
height:80px;
font-size:12px;
margin: 6px 0 0 45px;
text-align:center;}

#testimonials p{
	font-style:italic; }

cite{
display:block;}

/**************************
Right Column content finish
**************************/

/************************
Sub articles on Home page
************************/

#sub-articles{
width:100%;
border-top:1px solid #ccc;
padding:25px 0;
clear:both;
overflow:hidden;}

#sub-articles a:hover{
text-decoration:underline;}

.sub1a, .sub2a{
width:200px;
height:150px;
float:left;
margin-right:14px;
border:1px solid #EBEBEB;
border-top:none;
background:url(../images/sub-back.jpg) repeat-x bottom;}

.sub3{
width:200px;
height:150px;
float:left;
margin-right:14px;
background-color:#F7F7F7;
border:1px solid #EBEBEB;
border-top:none;}

.sub1a p, .sub2a p, .sub3 p{
padding:10px;}

.cpqd_icon {
padding-top:8px;
padding-left:42px;
text-decoration:none;}

/*******************************
Sub articles on home page finish
*******************************/

/*****************
Who we are/clients
*****************/

.sub-hold{
width:100%;
overflow:auto;
margin-bottom:15px;}

.sub-hold img{
float:left;}

.sub-hold-c {
width:490px;
float:right;
border-bottom:1px solid #ccc;}

span{
width:120px;
padding-top:5px;
float:left;
text-align:center;}

.comp{
border:1px solid #ccc;}

/************************
Who we are/clients finish
************************/

/******
Contact
******/

#address{
width:auto;
float:left;}

#form{
width:230px;
padding:12px;
float:right;
background-color:#ddd;
margin-bottom:25px;}

input{
width:100%;
border:0;
margin:6px 0;
padding:2px 0;}

textarea{
width:100%;
height:100px;
overflow:hidden;
border:0;
margin:6px 0;}

#submit{
padding:4px;}

.button{
	width:60px;
	display:block;}
	
.energy a {
	color:#F60; }
.energy a:hover {
	text-decoration:underline; }

/*************
Contact finish
*************/

/****************************
	Site MAP
*****************************/
.site-map li {
	float:left;
	padding-right:65px;
	background:url(../images/site-map.gif) right top no-repeat;
	width:70px;
	text-align:center;
}

.site-map li ul{
padding-top:8px;
}

.site-map li li{
float:none;
padding:33px 0 8px 0;
background:url(../images/site-map-down.gif) no-repeat top center;
text-align:center;}

.site-map a{
font-weight:bold;
color:#000;}

.site-map a:hover{
color:#E1610B;
text-decoration:none;}

/**************
Site map finish
**************/

/*****
Footer
*****/

#footer{
width:auto;
clear:both;
overflow:hidden;
font-size:.9em;
padding-top:8px;
border-top:1px solid #ccc;}

#footer li{
float:left;
padding-right:12px;}

#footer a{
color:#666;}

/************
Footer finish
************/

/***********
MISC styles
***********/

.pic{
	float:left;
	padding-right:50px;
}