/* Foundation */
html { background:#a44612 url('../images-new/bg-html.jpg') repeat-x; }
body { margin:0 auto; width:760px; position:relative; }

/* Primary Layout Containers */
#langnav { height:55px; }
#header  { height:255px; border-bottom:1px solid #401800; }
#topnav  { margin:0 auto; height:40px; background:#471202; }
#content { background:#e8d2bd; margin-top:18px; background:url('../images-new/bg-content.gif') repeat-y; }
#sidebar { width:223px; min-height:568px; float:left; background:#9b3300 url('../images-new/bg-sidebar.jpg') no-repeat; }
#inner   { width:510px; min-height:548px; margin-left:230px; padding:10px; padding-bottom:50px; background:#e8d2bd; }
#footer  { height:30px; margin-bottom:24px; background:url('../images-new/bg-footer.gif') no-repeat; }

/* Glabal Inheritable Styles */
div      { margin:0; }
.debug   { border:1px dotted white; }
.clear   { clear:both; height:0; margin:0; }
a        { text-decoration:none; }
a:hover  { text-decoration:underline; }
img      { border:none; }

/* Language Menu Bar */
#langnav p { text-align:right; padding-top:36px; margin:5px; }
#langnav p { color:#DFBD92; font:normal 9pt Helvetica,Arial,sans-serif; }
#langnav a { color:#DFBD92; font:italic 9pt Helvetica,Arial,sans-serif; padding:0 6px; text-decoration:none; }
#langnav a:hover { color:#fff; }
#langnav a.sel   { color:#fff; font-style:normal; font-weight:bold; }

/* Main Menu Elements */
#topnav p.menu  { float:left; margin:0; width:550px; padding:8px; color:#DFBD92; font:normal 9pt/24px Helvetica, Arial, sans-serif; }
#topnav p.skype { float:right; margin:0; text-align:center; color:#ddd; }
#topnav a { padding:10px 4px; color:#DFBD92; font:bold 9pt Helvetica, Arial, sans-serif; }
#topnav a:hover { color:#f00; text-decoration:none; }
#topnav a.sel   { color:#fff; }

/* Page Specific Headers */
#header.home { background:url('../images-new/bg-header-home.jpg') center top no-repeat; }

/* Sidebar */
#sidebar p.active02 a { color:#EDB713; font-weight:bold; }
#sidebar a.tulum  { display:block; width:220px; height:220px; margin-left:3px; background:url('../images/om-tulum-logo-2.jpg') no-repeat; }

/* Footer Elements */
#footer p { margin:0; padding:12px 0; color:#bbb; font:normal 9pt/12pt Helvetica,Arial,sans-serif; text-align:right; }
#footer a { color:#bbb; text-decoration:none; }
#footer a:hover { color:#fff; text-decoration:underline; }

/* Content Elements */\
#inner h1, #inner h2, #inner h3 { margin-bottom:0; } 
#inner h1 { color:#993300; font:bold 14pt "Trebuchet MS",Helvetica, Arial, sans-serif; }
#inner h2 { color:#993300; font:bold 12pt "Trebuchet MS",Helvetica, Arial, sans-serif; }
#inner h3 { color:#333300; font:bold 10pt "Trebuchet MS",Helvetica, Arial, sans-serif; }
#inner p  { font:normal 10pt/16px Helvetica,Arial,sans-serif; }
#inner p  span.red { font-weight:bold; color:#640303; }

#inner    { position:relative; }
#inner div.social { position:absolute; bottom:-7px; right:0px; height:42px; width:533px; padding-top:10px; }
#inner div.social { background:white;  border-top:1px solid #590C14; }
#inner div.social p { font:normal 10pt Arial; }
#inner div.social p span { float:left; margin-left:240px; font-weight:bold; margin-right:12px; }
#inner div.social p a.fb { float:left; width:32px; height:32px; margin-top:-10px; margin-right:12px; background:url('../images-new/icon-facebook.png') no-repeat; }
#inner div.social p a.sk { float:left; }

/* 3rd Party Add-in Elements */
p.thirds { position:absolute; top:575px; left:0px; width:230px; text-align:center; }
p.thirds { color:#fff; font:bold 12pt "Trebuchet MS",Helvetica,Arial,sans-serif; }

#contact { position:relative; width:480px; padding:0 10px; border:1px solid #471202; }
#contact form * { margin:0; padding:0; }
#contact form label { float:left; width:90px; padding-top:8px; }
#contact form input, #contact textarea { width:360px; margin:4px 0 8px 12px; padding:4px; border:1px solid #471202; }
#contact form label, #contact form input, #contact form textarea { font:normal 1.1em Helvetica, sans-serif; }
#contact form input:focus, #contact textarea:focus { border: 2px solid #900; }
#contact form textarea { height:100px; }
#contact form input.submit { float:right; margin-right:16px; width:100px; }
