body{font-family:tahoma, arial, sans-serif; margin:0; padding:0; background:#aeaeae; behavior:url("csshover.htc");}

#menu{width:765px; height:28px; background:url(/graphics/menu-bg.gif) no-repeat; margin:10px auto 0 auto; text-align:left; position:relative;}
#menu p{margin:0; padding:8px 0 0 0; font-size:9px; letter-spacing:1px;}
#menu p a{color:#fff; text-decoration:none; padding:10px 18px 12px 18px; background:url(/graphics/menu-divider.gif) no-repeat right;}
#menu p a:hover{text-decoration:underline;}

#menu ul{margin:0; padding:8px 0 0 0; font-size:9px; letter-spacing:1px; list-style-type:none;}
#menu li{display:inline;}
#menu li a{color:#fff; text-decoration:none; padding:10px 16px 12px 16px; background:url(/graphics/menu-divider.gif) no-repeat right;}
#menu li a:hover{text-decoration:underline;}

#menu img{position:absolute; top:4px; right:50px;}

/*#menu{width:765px; height:28px; background:url(graphics/menu-bg.gif) no-repeat; margin:10px auto 0 auto; text-align:center;}
#menu ul{list-style:none; margin:0; padding:8px 0 0 0; width:100%; font-size:9px; letter-spacing:1px;}
#menu li, li:hover{position:relative; display:inline;}
#menu li a{color:#fff; text-decoration:none; padding:10px 16px 12px 16px;}
#menu li ul{position:absolute; top:0; left:0; display:none;}*/

/*#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul {display:none;}*/

/*#menu ul li:hover ul {display:block; margin:20px 0 0 0; padding:0; background:#000;;}
#menu ul li ul li{text-align:left;}
#menu ul li ul li a{padding:5px; display:block; width:160px;}*/

#banner{background:url(/graphics/banner.jpg) no-repeat; width:765px; height:138px; margin:2px auto 2px auto;}

#top{width:765px; height:4px; margin:0 auto; background:url(/graphics/content-top.gif) no-repeat;}

#container{width:765px; background:url(/graphics/content-repeat.gif) repeat-y; margin:0 auto;}

#left{width:201px; float:left; padding:10px 0 0 0; background:url(/graphics/left-bg.gif) no-repeat;}
#left ul{font-size:10px; margin:0 0 0 0; padding:0; border-bottom:1px dotted #fff; list-style-type:none;}
#left li{border-top:1px dotted #fff; padding:1px 0;}
#left li span a{background:url(/graphics/arrow.gif) no-repeat right;}
#left ul li a{color:#000; text-decoration:none; padding:2px 0; display:block; text-indent:50px;}
#left ul li a:hover{background:#FF0000; color:#FFF;}
#left ul li ul{display:none; border:none;}
#left ul li:hover ul{display:block;}
#left ul li ul li a{color:#666;}

/*#menu ul li:hover ul {display:block; margin:20px 0 0 0; padding:0; background:#000;;}
#menu ul li ul li{text-align:left;}
#menu ul li ul li a{padding:5px; display:block; width:160px;}*/


#left #news{font-size:9px; color:#626262; width:150px; margin:20px 0 10px 25px; border-bottom:1px dotted #ccc;}
#left #news h2{font-size:10px; font-weight:normal; margin:0 0 2px 10px; padding:0; color:#000;}
#left #news p{border-top:1px dotted #ccc; padding:5px 0px 5px 10px; margin:-1px;}
#left #news span a{color:#8c0000; text-decoration:none;}

#content{width:357px; float:left; padding:0; text-align:justify;}
#content h1{font-size:12px; margin:15px 0 15px 12px;}
#content h2{font-size:10px; margin:15px 0 15px 12px;}
#content p{font-size:11px; color:#333; width:337px; margin:10px 8px 10px 12px; line-height:18px;}
#content a{color:#000; text-decoration:underline;}
#content #contact-form{margin:0; padding:0;}
#content table{width:300px; margin:0 28px; text-align:left;}
#content th{font-size:10px;}
#content td{padding:3px 0;}
#content input{width:150px; height:15px; font-size:9px; border:1px solid #000;}
#content select{width:150px; height:15px; font-size:9px; border:1px solid #000;}
#content textarea{width:150px; height:50px; font-size:9px; border:1px solid #000; overflow:auto; font-family:tahoma, arial, sans-serif;}
#content .multiple{height:55px;}
#content .button{height:20px; border:none;background:#003366; color:#fff;}
#content ul{font-size:11px; margin:0 10px 0 30px; padding:0;}
#content li{margin:10px 0; color:#666;}
#content li a{ text-decoration:none;}
#content li a:hover{margin:10px 0; color: #900; text-decoration: underline;}

#content .property{width:340px; margin:0 5px 5px 9px; border:1px dotted #ccc; background:#9bbad0;}
#content .property h2{margin:5px 0 0 10px; padding:0;}
#content .property p{margin:0; padding:0; width:180px; line-height:12px; text-align:justify;}
#content .property p a{text-align:right; color:#003366;}
#content .property img{border:1px solid #000;}
#content .property .more-info{text-align:right;}
#content .property img{padding:0; margin:0;}
#content .property .icons{margin:0; padding:0; width:100%; text-align:left; vertical-align:middle; border-bottom:1px solid #6b99b9;}
#content .property .icons p{margin:0; padding:1px 0; display:inline; font-size:9px; border-top:1px solid #6b99b9; display:block;}
#content .property .icons p a{color:#fff; display:block; text-align:left; padding:0 0 0 20px;}

#gallery{width:100%; border:1px solid #666;}
#gallery td{text-align:center;}
#gallery img{border:1px solid #000; cursor:pointer;}
#gallery th{text-align:center; background:#666; color:#fff; border:1px solid #fff; padding:2px;}
#gallery th a{color:#fff;}

#right{width:201px; float:right;}
#right img{position:relative; margin:-4px 0 0 0;}
#right h2{font-size:10px; margin:10px 5px 0 10px;}
#right p{font-size:9px; color:#666; margin:10px; text-align:justify; line-height:13px;}

#right .hot-button{margin:0 0 10px 20px;}

#bottom{width:765px; height:4px; margin:0 auto; background:url(/graphics/content-bottom.gif) no-repeat;}

#brazil-imgs{width:765px; margin:3px auto 0 auto; border-right:1px solid #fff;}
#brazil-imgs img{border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff;}

#footer{width:765px; height:28px; background:url(/graphics/menu-bg.gif) no-repeat; margin:3px auto 10px auto; text-align:left; color:#fff;}
#footer p{margin:0; padding:8px 0 0 10px; font-size:9px; float:left;}
#footer .copyright{font-size:9px; float:right; padding:8px 10px 0 0;}
#footer p a{color:#fff; text-decoration:none; padding:0;}
#footer p a:hover{text-decoration:underline;}

.clear{clear:both;}



div.wrap {
width : 765px;
margin : 0 auto;
padding: 1px 0;
/*text-align : left;*/
}
div#top div#nav {
float : left;
clear : both;
width : 765px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 138px;
/*background : url(images/header-bg.png) no-repeat 50% 0;*/
}
div#header div#slide-holder {
z-index : 40;
width : 765px;
height : 138px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
/*top : 9px;
left : 9px;*/
width : 765px;
height : 138px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
/*bottom : 228px;*/
width : 765px;
height : 46px;
display : none;
position : absolute;
/*background : url(images/slide-bg.png) 0 0;*/
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : -9999px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#FFF;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}
div.logo {float:left; padding: 35px 0px; }
div#slogan {float:right; padding-top: 90px; padding-right:214px; }


/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	/* font-weight:bold;
	margin-bottom:10px;
	 -- Clear floats -- 
	float:left;
	width:100%; */
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
	width:785px; height:28px; background:url(/graphics/menu-bg.gif) no-repeat center 0; margin:10px auto 0 auto; position:relative; font-size:9px; letter-spacing:1px;
}


#nav li{
	float:left;
	margin:10px auto;
	position:relative;
	background:url(/graphics/menu-divider.gif) no-repeat right;
}
#nav a{
	/*display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;*/
	color:#fff; text-decoration:none; padding:9px 18px 12px 15px;}
	
#nav a:hover{text-decoration:underline;}
#nav p{margin:0; padding:8px 0 0 0; font-size:9px; letter-spacing:1px;}
#nav img{position:absolute; top:4px; right:80px;}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index: 100;
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	margin-left:-41px;
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	padding-right:50px;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:underline;
	background:#000;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#000;
}