@charset "UTF-8";
/**
 * General CSS File
 * @author Marcio Misumi
 * @email contato@marciomisumi.com.br
 * @site http://www.marciomisumi.com.br/
 *
 * @project Purple Creative
 * @date 2010-02-11 22:09:36 -0300 (Thu, 11 Feb 2010)
 */
 
/* ################### START RESET-FONTS.CSS ################### */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* ################### END RESET-FONTS.CSS ################### */


/* ############################## START CONFIG. GERAIS ############################## */
img, h2#veja-nosso-trabalho-go-top, h2#nos-somos-a-purple, h2#nosso-trabalho-title, p, div, h5 {behavior: url("css/iepngfix.htc");}
html {
	background: #eee;
	height: 100%;
	width: 100%;
}
.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.no-background { background: none !important; }
/* ############################## END CONFIG. GERAIS ############################## */


/* ############################## START HEADER ############################## */
div#header-container {
	width: 100%;
	height: 50px;
	background: #fff url(../images/bground/bg-header.gif) repeat-x;
}
div#header {
	width: 955px;
	height: 50px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
h1 {
	display: block;
	height: 22px;
	width: 188px;
	text-indent: -500000em;
	background: url(../images/logo/logo-purple.gif) no-repeat 0 0;
	margin-top: 16px;
}
h1 a {
	display: block;
	height: 22px;
	width: 188px;
	position: relative;
	overflow: hidden;
}
/* ############################## END HEADER ############################## */


/* ############################## START MENU ############################## */
ul#menu {
	width: 359px;
	height: 22px;
	background: url(../images/buttons/menu.gif) 0 0 no-repeat;
	position: absolute;
	right: 3px;
	bottom: 0;
}
ul#menu li {
	float: left;
	height: 22px;
}
ul#menu li a {
	height: 22px;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
}
ul#menu li#btn-home a {
	width: 57px;
	background: url(../images/buttons/menu.gif) 0 0 no-repeat;
	margin-right: 7px;
}
ul#menu li#btn-home a:hover { background-position: 0 -22px; }
ul#menu li#btn-a-purple a {
	width: 77px;
	background: url(../images/buttons/menu.gif) -64px 0 no-repeat;
	margin-right: 7px;
}
ul#menu li#btn-a-purple a:hover { background-position: -64px -22px; }
ul#menu li#btn-nosso-trabalho a {
	width: 126px;
	background: url(../images/buttons/menu.gif) -149px 0 no-repeat;
	margin-right: 7px;
}
ul#menu li#btn-nosso-trabalho a:hover { background-position: -149px -22px; }
ul#menu li#btn-contato a {
	width: 78px;
	background: url(../images/buttons/menu.gif) -281px 0 no-repeat;
}
ul#menu li#btn-contato a:hover { background-position: -281px -22px; }
/* ############################## END MENU ############################## */

/* ############################## START CONFIG. MENU ATIVO ############################## */
body#home ul#menu li#btn-home a,
body#home ul#menu li#btn-home a:active,
body#home ul#menu li#btn-home a:visited,
body#home ul#menu li#btn-home a:hover {
	background-position: 0 -22px;
}
body#purple ul#menu li#btn-a-purple a,
body#purple ul#menu li#btn-a-purple a:active,
body#purple ul#menu li#btn-a-purple a:visited,
body#purple ul#menu li#btn-a-purple a:hover {
	background-position: -64px -22px;
}
body#nosso-trabalho ul#menu li#btn-nosso-trabalho a,
body#nosso-trabalho ul#menu li#btn-nosso-trabalho a:active,
body#nosso-trabalho ul#menu li#btn-nosso-trabalho a:visited,
body#nosso-trabalho ul#menu li#btn-nosso-trabalho a:hover {
	background-position: -149px -22px;
}
body#nosso-trabalho ul#menu li#btn-nosso-trabalho a,
body#nosso-trabalho ul#menu li#btn-nosso-trabalho a:active,
body#nosso-trabalho ul#menu li#btn-nosso-trabalho a:visited,
body#nosso-trabalho ul#menu li#btn-nosso-trabalho a:hover {
	background-position: -149px -22px;
}
body#contato ul#menu li#btn-contato a,
body#contato ul#menu li#btn-contato a:active,
body#contato ul#menu li#btn-contato a:visited,
body#contato ul#menu li#btn-contato a:hover {
	background-position: -281px -22px;
}
/* ############################## END CONFIG. MENU ATIVO ############################## */


/* ############################## START CONTENT ############################## */
div#content-top-container {
	width: 100%;
	background: #fff url(../images/bground/bg-striped.gif) repeat;
}
div#content-top {
	width: 955px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
div#content-bottom-container {
	width: 100%;
	background: #fff url(../images/bground/bg-content-bottom-container.gif) bottom repeat-x;
	padding-bottom: 20px;
}
div#content-bottom {
	width: 955px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
div#content-container {	
	width: 100%;
	background: #bd8cbf url(../images/bground/bg-content-container.gif) bottom repeat-x;
	padding-bottom: 20px;
}
div#content {
	width: 955px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	padding: 55px 0;
}
div#content p {
	color: #fff;
	font-size: 108%;
	text-align: justify;
	margin-bottom: 10px;
}
/* ############################## END CONTENT ############################## */


/* ############################## START FOOTER ############################## */
div#footer-container {
	width: 100%;
	background: #eee;
	height: 100px;
}
div#footer {
	width: 955px;
	position: relative;
	margin: 5px auto 0;
	padding-bottom: 10px;
	color: #aaa;
	overflow: hidden;
}
div#footer p { font-size: 85%; }
/* ############################## END FOOTER ############################## */


/* ############################## START HOME ############################## */
div#slide-show {
	width: 955px;
	height: 380px;
	position:relative;
}
div#slide-show ul li {
	float:left;
	position:absolute;
}
div#slide-show ul li.show {
	z-index:500
}
h2#nos-somos-a-purple {
	width: 930px;
	height: 95px;
	text-indent: -50000em;
	background: url(../images/titles/titles-home.png) 0 0 no-repeat;
	margin: 12px 0;
}
h2#veja-nosso-trabalho-go-top {
	width: 362px;
	height: 30px;
	text-indent: -50000em;
	background: url(../images/titles/titles-home.png) 0 -103px no-repeat;
	margin-bottom: 12px;
}
h2#veja-nosso-trabalho-go-top:hover { background-position: -391px -103px; }
h2#veja-nosso-trabalho-go-top a {
	width: 362px;
	height: 30px;
	display: block;
}
ul.list-port-destaque { float: right; }
ul.list-port-destaque li {
	height: 180px;
	float: left;
	padding-left: 25px;
	position: relative;
	overflow: hidden;
}
ul.list-port-destaque li a.btn-port-destaque {
	width: 220px;
	height: 180px;
	display: block;
	background: url(../images/bground/blank.gif);
	position: absolute;
	text-indent: -50000em;
	z-index: 1000;
}
ul.list-port-destaque li.seja-social a {
	width: 220px;
	height: 180px;
	display: block;
	text-indent: -50000em;
	background: url(../images/illustrations/seja-social.jpg);
}
ul.list-port-destaque li.seja-social a:hover { background-position: 0 -180px; }
div#nosso-trabalho-box {
	width: 955px;
	padding: 15px 0;
	display: block;
	overflow: hidden;
}
body#home div#nosso-trabalho-box {
	border-top: 1px solid #781299;
	background: url(../images/bground/line-striped.gif) bottom no-repeat;
}
div.txt-port-destaque {
	width: 200px;
	height: 53px;
	padding: 6px 10px;
	position: absolute;
	bottom: 0;
	background: url(../images/bground/bg-port-destaque.gif) 0 0 no-repeat;
}
div#nosso-trabalho-box ul.list-port-destaque li:hover div.txt-port-destaque { background-position: 0 -65px; }
div.box-txt {
	width: 210px;
	height: 180px;
	padding-left: 2px;
	position: relative;
	float: left;
}
p.btn-veja-nosso-trabalho-go {
	width: 173px;
	height: 18px;
	display: block;
	text-indent: -50000em;
	background: url(../images/titles/titles-home.png) 0 -140px no-repeat;
	position: absolute;
	bottom: 0;
}
p.btn-veja-nosso-trabalho-go:hover { background-position: -200px -140px; }
p.btn-veja-nosso-trabalho-go a {
	width: 173px;
	height: 18px;
	display: block;
}
div#twitter-box {
	width: 955px;
	padding: 15px 0;
	display: block;
	overflow: hidden;
}
div#twitter-box-left {
	width: 465px;
	height: 180px;
	display: block;
	overflow: hidden;
	float: left;
	border-bottom: 1px solid #bd8cbf;
}
p.btn-follow-us-go {
	width: 96px;
	height: 17px;
	display: block;
	text-indent: -50000em;
	background: url(../images/titles/titles-home.png) 0 -165px no-repeat;
	position: absolute;
	bottom: 0;
}
p.btn-follow-us-go:hover { background-position: -103px -165px; }
p.btn-follow-us-go a {
	width: 96px;
	height: 17px;
	display: block;
}
div#hot-news {
	width: 210px;
	height: 180px;
	float: left;
	padding-left: 42px;
}
/* ############################## END HOME ############################## */


/* ############################## START A PURPLE ############################## */
div#content-col-left {
	width: 474px;
	display: block;
	float: left;
	overflow: hidden;
	background: #bd8cbf;
}
h2#a-purple-title { margin-bottom: 32px; }
div#content-col-right {
	width: 465px;
	display: block;
	float: right;
	overflow: hidden;
	background: #bd8cbf;
	padding-top: 86px;
}
div#content-col-right h3 { margin-bottom: 20px; }
div#content-middle {
	width: 955px;
	display: block;
	overflow: hidden;
	float: left;
}
div#content-middle h3#expertise {
	width: 333px;
	height: 234px;
	text-indent: -50000em;
	background: url(../images/titles/expertise.gif);
	margin: 18px 0 35px 270px;
}
div#content-middle h3#porque-purple {
	width: 940px;
	height: 33px;
	margin-top: 30px;
}
div#content-middle h3#porque-purple a {
	width: 940px;
	height: 33px;
	display: block;
	text-indent: -50000em;
	background: url(../images/titles/titles.png) 0 -283px no-repeat;
}
div#content-middle h3#porque-purple a:hover { background-position: 0 -326px; }
div#content-middle ul {
	overflow: hidden;
	width: 955px;
}
div#content-middle ul li {
	width: 220px;
	height: 202px;
	float: left;
	background: #bd8cbf url(../images/bground/bg-o-que-fazemos.gif) no-repeat bottom;
	padding-bottom: 30px;
	margin-left: 25px;
}
/* ############################## END A PURPLE ############################## */


/* ############################## START NOSSO TRABALHO ############################## */
h2#nosso-trabalho-title {
	width: 941px;
	height: 111px;
	text-indent: -50000em;
	background: url(../images/titles/titles.png) 0 0 no-repeat;
	margin: 50px 0 30px;
}
ul#nosso-trabalho-list { width: 955px; }
ul#nosso-trabalho-list li {
	height: 290px;
	width: 301px;
	float: left;
	margin-left: 26px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #781299;
}
ul#nosso-trabalho-list li a.btn-nosso-trabalho-destaque {
	width: 301px;
	height: 290px;
	display: block;
	background: url(../images/bground/blank.gif);
	position: absolute;
	float: left;
	text-indent: -50000em;
	z-index: 10000;
}
ul#nosso-trabalho-list li div.txt-nosso-trabalho-destaque {
	width: 291px;
	height: 100px;
	display: block;
	background: #bd8cbf;
	padding-left: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}
ul#nosso-trabalho-list li:hover div.txt-nosso-trabalho-destaque { background: #781299 }
ul#nosso-trabalho-list li div.txt-nosso-trabalho-destaque p.fltnlp18 { margin-bottom: 5px; }
ul.trabalhos-list { 
	width: 301px;
	border-bottom: 1px solid #bd8cbf;
	padding: 9px 0;
	float: left;
	margin: 0 0 20px 26px;
}
ul.trabalhos-list li {
	width: 300px;
	overflow: hidden;
	background: url(../images/bground/line-striped.gif) bottom no-repeat;
}
/*body#nosso-trabalho div#nosso-trabalho-box {
	background: url(../images/bground/line-striped.gif) top no-repeat;
}*/
p.btn-veja-original-idea-go {
	width: 154px;
	height: 18px;
	display: block;
	text-indent: -50000em;
	background: url(../images/titles/titles.png) 0 -120px no-repeat;
	position: absolute;
	bottom: 0;
}
p.btn-veja-original-idea-go:hover { background-position: -171px -120px; }
p.btn-veja-original-idea-go a {
	width: 154px;
	height: 18px;
	display: block;
}
/* ############################## END NOSSO TRABALHO ############################## */


/* ############################## START PORTIFOLIO ############################## */
body.portifolio ul.list-port-destaque { float: left; }
body.portifolio div#content-bottom-container { padding-bottom: 12px; }
body.portifolio div#nosso-trabalho-box { background: none; padding: 25px 0 0; }
body.portifolio ul.list-port-destaque li { margin-bottom: 25px; }
body.portifolio h2 { 
	overflow: hidden;
	height: 44px; 
	background: #fff; 
	margin: 38px 0 26px;
	padding-left: 5px;
}
body.portifolio h2 .sIFR-flash { margin-top: -8px !important; }
body.portifolio h2#print-title { width: 112px; }
body.portifolio h2#web-title { width: 84px; }
body.portifolio h2#identidade-visual-title { width: 357px; }
body.portifolio h2#original-idea-title { width: 265px; }
div#potifolio-top-container {
	width: 955px;
	display: block;
	overflow: hidden;
}
div#portifolio-descricao {
	width: 421px;
	height: 336px;
	background: #fff url(../images/bground/bg-purple-logo-02.gif) no-repeat 406px 308px;
	border-bottom: 1px solid #781299;
	padding: 22px;
	float: left;
	overflow: hidden;
}
div#portifolio-imagem {
	width: 465px;
	height: 380px;
	display: block;
	float: right;
	overflow: hidden;
}
div#projetos-relaciondos-container {
	width: 955px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
div#projetos-relaciondos-box {
	width: 955px;
	padding: 15px 0 0;
	display: block;
	overflow: hidden;
	/*border-top: 1px solid #781299;*/
	background: url(../images/bground/line-striped.gif) top no-repeat;
}
div#projetos-relaciondos-box ul.list-port-destaque li:hover div.txt-port-destaque { background-position: 0 -65px; }
/* ############################## END PORTIFOLIO ############################## */


/* ############################## START PROJETOS ############################## */
body.projetos h2 { 
	overflow: hidden;
	height: 44px; 
	background: #fff; 
	margin: 38px 0 26px;
	padding-left: 5px;
}
body.projetos h2 .sIFR-flash { margin-top: -8px !important; }
body.projetos h2#purple-creative-title { width: 330px; }
body.projetos h2#prime-hair-design-title { width: 354px; }
body.projetos h2#sorrian-life-title { width: 252px; }
body.projetos h2#toninho-sound-title { width: 302px; }
body.projetos h2#tres-reis-title { width: 542px; }
body.projetos h2#matos-e-moraes-title { width: 839px; }
body.projetos h2#cmp-title { width: 574px; }
body.projetos h2#trabalho-e-movimento-title { width: 460px; }
body.projetos h2#emporio-do-nordeste-title { width: 432px; }
body.projetos h2#tarsila-title { width: 154px; }
body.projetos h2#winbroker-title { width: 215px; }
body.projetos h2#rodovisa-natal-title { width: 822px; }
body.projetos h2#dental-solucao-title { width: 327px; }
body.projetos h2#grupo-emocao-a-mais-title { width: 429px; }
body.projetos h2#donna-vann-title { width: 240px; }
body.projetos h2#kim-imports-title { width: 236px; }
body.projetos h2#house-music-desire-title { width: 393px; }
body.projetos h2#open-title { width: 102px; }
body.projetos h2#corpo-e-alma-title { width: 276px; }
body.projetos h2#viracopos-title { width: 209px; }
body.projetos h2#farrawi-modas-title { width: 309px; }
body.projetos h2#rodovisa-title { width: 460px; }
body.projetos h2#baiao-de-3-title { width: 208px; }
body.projetos h2#lonline-title { width: 156px; }
body.projetos h2#ciexlaghi-title { width: 194px; }
body.projetos h2#infopack-title { width: 182px; }
body.projetos h2#ucommerce-title { width: 250px; }
body.projetos h2#uno-solucoes-title { width: 285px; }
body.projetos h2#crivellaro-title { width: 225px; }
div#projetos-container {
	width: 955px;
	display: block;
	overflow: hidden;
}
body#nosso-trabalho.projetos div#nosso-trabalho-box {
	background: none;
	padding-top: 25px;
	/*background: url(../images/bground/line-striped.gif) top no-repeat;*/
}
body#nosso-trabalho.projetos div#nosso-trabalho-box div.txt-port-destaque {
	width: 200px;
	height: 53px;
	padding: 6px 10px;
	position: absolute;
	bottom: 0;
	background: #bd8cbf;
}
body#nosso-trabalho.projetos div#nosso-trabalho-box ul.list-port-destaque li:hover div.txt-port-destaque { background: #781299; }
div#desc-projeto-container {
	width: 245px;
	display: block;
	float: left;
	overflow: hidden;
}
div#desc-projeto-container p { padding-left: 10px; }
div#desc-projeto-container div.desc-projeto {
	width: 200px;
	display: block;
	float: left;
	overflow: hidden;
	background: #bd8cbf;
	border-bottom: 1px solid #781299;
	padding: 10px 10px;
}
div#desc-projeto-container div.desc-projeto p {	padding-bottom: 5px; }
div#btn-outros-web {
	width: 220px;
	height: 21px;
	display: block;
	float: left;
	overflow: hidden;
}
div#btn-outros-web a {
	width: 220px;
	height: 21px;
	display: block;
	text-indent: -50000em;
	background: url(../images/titles/titles.png) -1px -149px no-repeat;
}
div#btn-outros-web a:hover { background-position: -221px -149px; }
div#btn-outros-print {
	width: 220px;
	height: 21px;
	display: block;
	float: left;
	overflow: hidden;
}
div#btn-outros-print a {
	width: 220px;
	height: 21px;
	display: block;
	text-indent: -50000em;
	background: url(../images/titles/titles.png) -1px -182px no-repeat;
}
div#btn-outros-print a:hover { background-position: -221px -182px; }
div#btn-outros-identidade-visual {
	width: 220px;
	height: 35px;
	display: block;
	float: left;
	overflow: hidden;
}
div#btn-outros-identidade-visual a {
	width: 220px;
	height: 35px;
	display: block;
	text-indent: -50000em;
	background: url(../images/titles/titles.png) -1px -217px no-repeat;
}
div#btn-outros-identidade-visual a:hover { background-position: -222px -217px; }
div#slider-container {
	width: 710px;
	display: block;
	overflow: hidden;
	position: relative;
	float: right;
	border-bottom: 1px solid #BD8CBF;
	
}
div#slider {
	width: 710px;
	display: block;
	overflow: hidden;
	margin-bottom: -3px;
}
/* ############################## START PROJETOS ############################## */