@charset "UTF-8";
/* CSS Document */

body{
		margin: 				0; 
		background:				#000000;
		background-image:		url(../imgs/dot.gif);
		background-repeat:		repeat-x;
}

img{
		border:					none;
}
	
p{
		margin: 				0 0 10px 0;
		font-family: 			Helvetica, Arial, sans-serif;
		font-size: 				11px;
		color:					#a2a2a2;
		font-weight:			bold;
		text-transform:			uppercase;
}

p a{
	font-size: 				12px;
	color: 					#8a8989;
	text-decoration:		none;
}

p a:hover{
	color:					#a2a2a2;
}

p span{
	color: 					#FFFFFF;
}

#menu{
		height: 				38px;
		padding-top:			20px;
}

#title{
		height: 				69px;
}

.spStill{
	width: 						74px;
	height:						39px;
	float:						right;
}

.spAbout{
	width: 						88px;
	height:						39px;
	float:						right;
}

/* TITLES */

#titMotion{
		margin-right: 			102px;
}

#titStill{
		margin-right: 			88px;
}

/* LINKS */

#logoLink{
		width: 					221px;
		height:					39px;
		overflow:				hidden;
		text-indent: 			-3000px;
		background:				url(../imgs/logo.gif) no-repeat;
		float:					left;
		color:#FFFFFF;
}

#motionLink{
		width: 					80px;
		height:					39px;
		overflow:				hidden;
		text-indent: 			-3000px;
		background:				url(../imgs/off_motion.gif) no-repeat;
		float:					right;
}

#motionLink:hover{
		background-position: 	0px -39px;
}

#stillLink{
		width: 					74px;
		height:					39px;
		overflow:				hidden;
		text-indent: 			-3000px;
		background:				url(../imgs/off_still.gif) no-repeat;
		float:					right;
}

#stillLink:hover{
		background-position: 	0px -39px;
}

#aboutLink{
		width: 					88px;
		height:					39px;
		overflow:				hidden;
		text-indent: 			-3000px;
		background:				url(../imgs/off_aboutme.gif) no-repeat;
		float:					right;
}

#aboutLink:hover{
		background-position: 	0px -39px;
}

#previous{
		width: 					30px;
		height:					440px;
		overflow:				hidden;
		text-indent: 			-3000px;
		background:				url(../imgs/seta_esquerda.gif) no-repeat;
		float:					left;
}

#next{
		width: 					30px;
		height:					440px;
		overflow:				hidden;
		text-indent: 			-3000px;
		background:				url(../imgs/seta_direita.gif) no-repeat;
		float:					left;
}

/* MOTION */

#galleryMotion{
		padding-bottom: 		50px;
}

#galleryMotion div.box {
	float: left;
	margin: 0;
	min-height: 440px;
}

.boxMotion{
	float: left;
	width: 300px;
	height: 169px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	overflow:hidden;
	cursor:pointer;
}

.boxBlack{
	float:left;
	width:382px;
	height:40px;
	margin: 215px 0 0 0;
	background:#000;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.boxBlack h1 {
	font-family: Helvetica,Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #d8d8d8;
	margin: 4px 4px 1px 4px;
	text-transform: uppercase; 
}

.boxBlack h2 {
	font-family: Helvetica,Arial, sans-serif;
	font-size: 10px;
	color: #fde23f;
	margin: 0 0 0 4px;
	text-transform: uppercase; 
}

/* DETALHE MOTION */

#motionHeader{
	float:left;
	clear:both;
	width: 640px;
	height: 35px;
	margin-left: 165px;
}

#motionHeader .title {
	float:left;
}

#motionHeader .title H1{
	margin: 10px 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
	color: #ffe400;
}

#motionHeader .close {
	float:right;
}

#motionVideo{
	float:left;
	clear:both;
	width: 640px;
	height: 336px;
	background-color:#999999;
	margin-left: 165px;
}

#motionText{
	float:left;
	clear:both;
	width: 640px;
	margin: 10px 0 10px 165px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	color: #7c7c7c;
	line-height: 15px;
}


/* ABOUT ME */

#foto{
		float:					left;
		margin: 				0px 15px 15px 0px;
}