/*-----------------------------------------------------------------------------------------------*/
/*                   A BETTER TOOLTIP - POWERED BY JQUERY AWESOMENESS                            */
/*                   AUTHOR: jon cazier                                                          */
/*                   EMAIL: jon at 3nhanced dot com                                              */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                                  CSS RESET THANKS TO ERIC MEYER                               */
/*                   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/                */
/*-----------------------------------------------------------------------------------------------*/
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: '"';}
blockquote, q {quotes: '"' '"';}

/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL STYLES                                       */
/*-----------------------------------------------------------------------------------------------*/
	
p {margin: 15px 0; font-family: Arial, Helvetica, sans-serif;}
a:hover {color: #999;}

strong {font-weight: bold;}

textarea {white-space: nowrap;}

/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL LAYOUT                                       */
/*-----------------------------------------------------------------------------------------------*/


#wrapper {width: 960px; margin: auto; padding: 50px 0;}

	#content {
		width: 470px;
		padding: 15px 25px; 
		float: left; 
		background: transparent url(images/leftColumn.gif) no-repeat; 
		min-height: 575px;
		height: auto !important;
		height: 575px;}
		
	#main {position: relative; float: left;}
	
	.tTip {width: 200px; position: absolute; cursor: pointer; color: #666; font-weight: bold;}
	.tip {color: #999;}
		#contato {top: 400px; right: 230px; width:120px; height: 250px;}
		#info {top: 250px; left: 80px; width: 330px; height: 320px;}
		#galeria {height:120px; bottom: 115px; left: -177px;}
				
/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 456px;
	height: 305px;
	overflow: hidden;
	display: none;
	position: absolute;
	margin-left: 100px;
	top: 200px;
	z-index: 5000;
	background: transparent url(images/bg-balao.png) no-repeat top;}
	
.tipMid {background: transparent; padding: 0px 15px 400px 15px; }