*{ margin:0; padding:0; outline:none }
body{
	background:#e5e5e5;
	font:11px arial;
}
h1{
	position:absolute;
	top:-5000px;
	font:1px arial;
}
h2{
	font:bold 23px arial;
	text-align:center;
	color:#A20606;
	cursor:default;
	padding:15px 7px;
}
h3{
	font:bold 12px arial;
	border-bottom:1px solid #e5e5e5;
	text-transform:uppercase;
	color:#7D7D7D;
	text-decoration:none;
	display:block;
	padding:6px;
	cursor:default;
}
img{ border:0 }
a{
	color:#A20606;
	text-decoration:none;
}
a:hover{ text-decoration:underline }
p{ 
	font:11px arial; 
	color:#7D7D7D;
	padding:8px 7px;
}
span{ font-weight:bold }
ul{
	list-style:none;
}
/* CLASSES */
.hardHide{ display:none!important }
.last{ border-bottom:0!important; }
.active{
	color:#A20606!important;
	font-weight:bold!important;
}
.link{ background: url(../img/arrow.gif) no-repeat 0 2px; padding-left:15px; }
.ajaxOpacity{
	opacity:0.2;
	filter:alpha(opacity=30);
}
img.fRight{ float:right; margin:0 3px;}
/* ESTRUTURA */
div#all{
	width:960px;
	_width:970px;
	height:765px;
	margin:4px auto 0;
}
div#left,
div#middle,
div#right{
	float:left;
	border:3px solid #e5e5e5;
	background:#FFF;
}
div#left,
div#right{
	width:230px;
}
div#right{
	_width:228px;
	_overflow:hidden;
}
#content{
	height:624px;
	width:478px;
	border-bottom:6px solid #e5e5e5;
	position:relative;
	overflow:hidden;
}
div#middle{ width:478px; height:763px; overflow:hidden }

p#footer{ 
	background:#EFEFEF;
	font:10px arial;
	margin:7px auto;
	_margin:4px auto;
	text-align:center;
	padding:2px;
	width:475px;
	border-right:3px solid #E5E5E5;
	_border-right:14px solid #E5E5E5;
	cursor:default;
}

/* ---- MINI Buttons ---- */
div.miniButtons{ 
	height:15px;
	background:#EFEFEF;
	border-bottom:6px solid #e5e5e5;
}
/* ---- MENU ---- */

body#ho #menu a.home,
body#emp #menu a.empresa,
body#serv #menu a.servicos,
body#port #menu a.portfolio,
body#cli #menu a.clientes,
body#cont #menu a.contactPage{ 
	font-weight:bold; 
	color:#A20606 
}
div#menu{
	border-bottom:6px solid #e5e5e5;
	height:252px;
	*height:273px;
}
div#menu strong{
	display:block;
	width:221px;
	height:64px;
	background: url(../img/teamdesign.gif);
	overflow:none;
	text-indent:-5000px;
	margin:20px auto 20px
}
div#menu ul li a{
	font:12px arial;
	border-top:1px solid #e5e5e5;
	text-transform:uppercase;
	color:#7D7D7D;
	text-decoration:none;
	display:block;
	padding:6px;
	height:15px;
}
div#menu ul li a:hover{ background:#F5F5F5; }

/* ---- LAST NOTES ---- */
div#lastNotes{
	height:325px;
	overflow:hidden;
	border-bottom:6px solid #e5e5e5;
}
div#lastNotes p{ border-bottom:1px dashed #e5e5e5; }

/* ---- CONTATO ---- */
div#contato{ height:133px; }
div#partner,
div#host{ height:133px; width:236px; float:left }

/* ---- VITRINE ---- */
div#vitrine{
	border-bottom:6px solid #e5e5e5;
	height:294px;
	overflow:hidden;
}
div#vitrineContent{
	width:462px;
	height:275px;
	overflow:hidden;
	margin:10px auto 0
}
div#listSites,
div#partner{ border-right:3px solid #e5e5e5 }
div#testemunial{ border-left:6px solid #e5e5e5 }
div#host{ border-left:3px solid #e5e5e5 }
div#listSites,
div#lastProject,
div#testemunial{
	height:324px;
	width:236px;
	float:left;
	border-bottom:6px solid #e5e5e5;
}
div#listSites ul{ padding:10px; }
/* ---- DATA */
div.data p{
	padding:0 2px 0;
	text-align:right;
	cursor:default
}
div#music{ height:273px }
div#music,
div#lastProject{
	border-bottom:6px solid #e5e5e5
}
div#lastProject img{ margin:10px 0 8px 6px }

/* ---- LASTVERSION ---- */
div#lastVersion{
	float:left;
	width:236px;
	height:133px;
}
div#lastVersion ul{ padding:10px; }
img#loader{
	background:#FFFFFF none repeat scroll 0 0;
	border:6px solid #CCCCCC;
	display:none;
	left:189px;
	padding:26px;
	position:absolute;
	top:117px;
}
/* ---- HOME ---- */
#home #content p{ font-size:11px; }

/* ---- EMPRESA ---- */
div#contactPage p,
div#clientes p,
div#servicos p,
div#empresa p{
	font-size:13px!important;
}
div#empresa h2{ margin-bottom: 20px; }
div#empresa p{
	padding:11px;
	text-align:right;
}
/* ---- SERVICOS ---- */
#servicos ul{ margin-top:20px }
#servicos ul li{
	padding:3px 7px;
	border-bottom:1px dashed #E5E5E5
}

/* ---- CLIENTES ---- */
#clientes img{
	display:block;
	margin:0 auto 550px;
}
#clientes ul{
	font-size:13px!important;
	color:#7D7D7D;
}
#clientes ul li{ padding:4px; cursor:default }
#clientes #listLeft,
#clientes #listRight{
	margin-top:10px;
	width:47%;
	float:left;
	padding:7px;
}
#clientes #listLeft{ text-align:right; }
#clientes #listRight{ text-align:left; }

/* ---- PORTFOLIO ---- */
div#portfolio p { padding:7px!important; }
div#portfolio div#minPort a img { 
	margin:5px 9px;
	border:1px dashed #CCC;
}

/* ---- CONTATO ---- */
#contactPage{ position:relative }
#contactPage form{ 
	width:305px;
	margin:35px auto 0
}
#contactPage form label{ font-weight:bold }
#contactPage fieldset{ border:0 }
#contactPage fieldset legend{ display:none }
#contactPage input,
#contactPage textarea{
	border:1px solid #E5E5E5;
	padding:2px;
	width:300px;
	color:#7D7D7D
}
#contactPage dd{ margin-bottom:10px; }
input#bt{ 
	width:60px; 
	cursor:pointer; 
	display:block;
	margin:0px auto;
}
p#cText{ text-align:center; }
div#contentPort{
	position:absolute;
	background:#FFF;
	top:76px;left:17px;
	height:530px;width:440px;
	cursor:default;
	border:1px solid #000;
	z-index:99999;
}
div#contentPort h3 span{
	float:right;
	position:relative;
	top:-18px;
	*top:-25px;
	_top:-25px;
	margin-right:3px;
	background:#FFF;
	display:block;
	padding:2px;
	border:1px solid #000
}
div#contentPort img{
	display:block;
	margin:0 auto;
}
#turingContent{
	clear:both;
	height:60px;
	width:280px;
	margin:20px auto 0
}
#turingContent img{
	float:left;
	margin-right:10px
}
input#turing{
	width:130px;
	text-align:center;
	font:bold 16px arial;
	border-color:#000
}

/* ---- PARTNER ---- */
div#partner img{ display:block; margin:10px auto 0 }
div#errorMessage{
	width:250px;
	height:50px;
	display:none;
	border:6px solid #CCC;
	background:#FFF;
	text-align:center;
	position:absolute;
	top:227px;
	left:110px;
}

/* DESIGN PARA WEBDESIGNERS */
img#dpwd{
	display:block;
	margin:13px auto 0
}
#home,
#empresa,
#servicos,
#portfolio,
#clientes,
#contactPage{ 
	height:624px; 
	overflow:hidden;
}