body { margin: 0px; padding: 0px 0px 30px; background: #5f4427 url('../img/backnavbar.gif') repeat-x scroll 0pt top; font-family: Helvetica,Arial,Tahoma,Verdana,Sans-serif; font-size: 11px; }

/* Layout */
body#home { padding: 20px 0px 0px; background: #5f4427 url('../img/background.gif') repeat-x fixed 0pt; text-align: center; }
body#home div#content { margin: 0px auto; padding: 0px; width: 970px; text-align: left; }
body#home div#headerHome { margin: 500px 0px 0px; background: #322B23 url('../img/header-bg.gif') repeat-x; width: 969px; position: absolute; }
body#home .menu { margin: 0px 10px 0px 0px; top: 0px; display: block; }
body#home .portfolio { margin: 0px; padding: 0px; }
body#home .portfolio img { border: 0px none ; margin: 0px; padding: 0px; }
div#header { margin: 0px; padding: 0px 0px 0px 10px; background: #322B23 url('../img/header-bg.gif') repeat-x; position: absolute; top: 0px; left: 0px; width: 100%; height: 51px; }
div#content { margin: 0px; padding: 0px; width: 100%; }
body#contact div#content { margin: 0px; padding: 0px; }
div#bottom { margin: 0px; padding: 7px 0px 0px 30px;  position: absolute; bottom: 0px; left: 0px; width: 100%; height: 30px;  }
@media screen {
  body > div#header { position: fixed; }
  body > div#bottom { position: fixed; }
}

div#logo { margin: 0px; padding: 0px; width: 337px; position: absolute; left: 10px; }
div#logo img { border: 0px none ; }
#logo { border: medium none ; margin: 0px; padding: 0px; }

div.about { border: 1px solid #DAA520; margin: 65px auto ; width: 750px; height: 500px ! important; padding: 5px; background-color: #7A5832; }
div.contact { border: 1px solid #DAA520; margin: 65px auto ; width: 330px; height: 410px ! important; padding: 5px; background-color: #7A5832; }
.about img, .contact img { border: 2px solid #fff; }


/* Tooltip */
.tooltipHome-tip { padding: 10px 10px 0px 12px; background: transparent url('../img/baloonhome.png') no-repeat; color: rgb(255, 255, 255); width: 200px; height: 142px; text-align: left; z-index: 13000; }
.tooltipHome-tip img { margin: 0px 0px 4px; }
.tooltipHome-title { font-weight: bold; font-size: 12px; }
.tooltipHome-text { font-size: 11px; color: #A4A4A4; }

/* Menu */
.menu { margin: 0px 20px 0px 0px; position: absolute; width: auto; right: 0px; }
.menu ul { margin: 0px 0px 0px 2px; padding: 0px; font-weight: lighter; font-size: 11px; list-style-type: none; list-style-image: none; list-style-position: outside; }
.menu ul li { padding: 18px 7px 1px 8px; float: left; height: 33px; font-size: 11px; text-align: center; }
.menu ul li a { margin: 0px; padding: 0px 7px 0px 15px; display: block; color: White; }

.menu ul li.linked { margin: 0px; padding: 18px 15px 0px; display: block; color: #717171; }
body#surf .menu ul li.linked { padding: 18px 14px 0px; background: #5f4427 url('../img/linkedsurf.gif') no-repeat; }
body#polynesia .menu ul li.linked { padding: 18px 15px 0px; background: #5f4427 url('../img/linkedpolynesia.gif') no-repeat;  }
body#travel .menu ul li.linked { padding: 18px 8px 0px; background: #5f4427 url('../img/linkedtravel.gif') no-repeat;  }
body#aboutMe .menu ul li.linked { padding: 18px 15px 0px; background: #5f4427 url('../img/linkedaboutme.gif') no-repeat;  }
body#contact .menu ul li.linked { padding: 18px 15px 0px; background: #5f4427 url('../img/linkedaboutme.gif') no-repeat;  }


.portfolio { padding: 65px 10px 0px 0px; }
.portfolio table { border: 0px none ; margin: 0px; padding: 0px; }
.portfolio td { margin: 0px; padding: 0px 0px 20px; background: transparent url('../img/ombraimg.gif') no-repeat scroll right bottom; text-align: left; }
.portfolio td.back { padding: 0px; background: transparent none repeat; vertical-align: top; }
.portfolio img { border: 1px solid rgb(53, 53, 53); margin: 0px 10px 0px 30px; padding: 5px; background: rgb(255, 255, 255) none repeat; }


.left { margin: 0px 10px 10px 0px; float: left; display: block; }
a img { border: 0px none ; }
a { color: #FFFF99; text-decoration: none; }
img a:hover { background: transparent none repeat; }
a:hover { color: #6C5C1C; text-decoration: underline; }

h1 { font-size: 15px; color: #39280F; letter-spacing: Zpx; }
p { margin: 0px; padding: 0px 10px; color: White; font-size: 12px; line-height: 1.5em; }
table td { vertical-align: top; }

#button { margin: 3px 0px 0px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; color: White; height: 15px; text-align: center; }
#button li { margin: 0px; padding: 0px; background: transparent; float: left; display: block; width: 22px; font-weight: bold; }
#button li a { padding: 5px 4px 3px; background: transparent; display: block; color: White; }
#button li a:hover { text-decoration: none; }

.tool-tip { padding: 13px; background: transparent url('../img/backtooltip.gif') no-repeat; color: White; width: 300px; height: 50px; }
.toolNav-tip { padding: 0px; background: transparent url('../img/ballontooltip.png') repeat; color: rgb(255, 255, 255); width: 100px; height: 100px; }
.toolNav-title { font-weight: bold; font-size: 11px; }
.toolNav-text { font-size: 11px; }

.back { margin: 200px 0px 0px; position: relative; }
.back a { background: transparent url('../img/back.png') no-repeat; display: block; width: 24px; height: 24px; text-indent: -9000000%; }