* {
	margin: 0;
	padding: 0;
}

html {
	overflow: -moz-scrollbars-vertical; /* forcar o aparecimento da barra de rolagem no Firefox */
}

html, body {
	height: 100%;
}

body {
	text-align: center;
	background: #1D6893;
}

#top {
	background: #fff url(fade.gif);
	text-align: center;
}

	#header { /* contains the title */
		width: 780px;
		padding-top: 19px;
		padding-bottom: 19px;
		margin: auto;
		text-align: left;
	}
	
	/* ---------------------- tab nav ---------------------- */

	#tabnavcontainer {
		background: transparent url(images/tab_bg.gif) repeat-x bottom left;
		font-family: Helvetica,Arial,Verdana,sans-serif;
	}
		
		#tabnav {
			position: relative;
			height: 33px;
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
			width: 780px;
			margin: auto;
		}
		
		#tabnav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			width: auto;
			float: left;
		}
		
		#tabnav ul li {
			display: block;
			float: left;
			margin: 0 1px;
		}
		
		#tabnav ul li a {
			display: block;
			float: left;
			color: #333333;
			text-decoration: none;
			padding: 0 0 0 20px;
			height: 33px;
		}
		
		#tabnav ul li a span {
			padding: 12px 20px 0 0;
			height: 21px;
			float: left;
		}
		
		#tabnav ul li a:hover {
			color:#000000;
			background:transparent url(images/tab_bg-OVER.gif) repeat-x bottom left;
		}
		
		#tabnav ul li a:hover span {
			display:block;
			width:auto;
			cursor:pointer;
		}
		
		#tabnav ul li a.current, #tabnav ul li a.current:hover {
			color: #000000;
			background: transparent url(images/tab_left-ON.gif) no-repeat top left;
			line-height: 275%;
		}
		
		#tabnav ul li a.current span {
			display: block;
			padding: 0 20px 0 0;
			width: auto;
			background: transparent url(images/tab_right-ON.gif) no-repeat top right; /*#0f0*/
			height: 33px;
		}

	/* ---------------------- END tab nav ---------------------- */

#contentcontainer {
	background: #1D6893;
}

	#content {
		width: 780px;
		margin: auto;
		font-family: 'Trebuchet MS',Myriad,Arial,Tahoma,Verdana;
		font-size: 12px;
		color: #fff;
		text-align: left;
		padding-top: 20px;
	}
	
	#content h1 {
		font-size: 16px;
		line-height: 150%;
		padding-bottom: 10px;
	}
	
	#content h2 {
		font-size: 14px;
		line-height: 150%;
		padding-bottom: 10px;
	}
	
	#content p {
		padding-bottom: 10px;
	}
	
	#content a {
		color: #fff;
	}
	
	#text {
		width: 470px;
		float: left;
		margin-right: 10px;
	}
	
	#screenshots {
		width: 300px;
		float: left;
	}
	
		#screenshots ul {
			margin: 20px 0 0 0;
			padding: 0;
			list-style-type: none;
			width: auto;
			float: left;
		}
		
			#screenshots ul li {
				margin: 0 0 20px 0;
				padding: 0;
			}