@import "css3.css";

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: auto; min-height:100%; }
body { background: #7fffd4 /*url(../Images/bg.jpg) no-repeat top center*/; background-attachment: fixed; text-align: center;
  font-size: 11pt; font-family:Tahoma,Verdana,Geneva,sans-serif; margin:0; padding: 50px 30px 0; }

a { color:#f90; text-decoration:none; border-bottom: 1pt dotted #f90; }
  a:hover { color:#f90; border-color: #f90; }
  a img { border:0; }
fieldset { border:0; margin:0; padding:0; }
h1 { font-family:Jokerman; margin:10px 0px; font-size:26pt; color:#582; text-align:center; clear:both; }
h2 { color:#000; font-family:Tahoma,Verdana,Geneva,sans-serif; font-size:18pt; text-align:left; }
h3, h4 { font-family:Jokerman; color:#582; text-align:left; clear:left; }
h3 { margin:10px 60px; font-size:20pt; }
h4 { margin:10px 25px; font-size:15pt; }
hr { height: 30px; background: url(../Images/pepper_bullet_trop.gif) repeat-x scroll center; border:0; }
  hr.break { display:none; }
input, .product .button { font-family:Tahoma,Verdana,Geneva,sans-serif; font-size: 10pt; }
p { font-size:11pt; line-height:18pt; margin:5px 60px; text-align:justify; color:#000; }
  p img { vertical-align:middle; margin:0 1px; }
table { color:#fff; }
ul.links { font-size:10pt; text-align: left; margin:5px 0 5px 60px; padding:0 15px; color: #fff; list-style-image: url(../Images/pepper_bullet_trop.gif); }
  ul.links li { line-height: 20px; margin: 0 1em; padding: 2px; font-size:12px; line-height:1.5em; }

#pictures { font-size:18pt; text-align:center; }
#translate { color:#FF0; font-size:15pt; text-align:left; }
  
.button { background:#1e90ff; color:#7fffd4; text-decoration:none; cursor:pointer; border:0; font-weight:bold; padding:3px 8px; margin:0; line-height:1;
  border:1px solid #1e90ff; position:relative; outline:none; font-size:10pt; }
  .button:hover, .button:active  { color:#fff; border-color:#fff; }
  .button:active { top:1pt; }
.buttonbox { margin: 10px; }
.credit { font-size:11px; font-style:italic; padding-top:3em; }
.gallery { line-height: 3em; text-align:left; }
  .gallery a { border:0; }
   .gallery a img { padding:4pt 3pt; background:#1e90ff; border:1pt solid #fff; border-width:2pt 2pt 7pt; }
.hide { display:none; }
.ring { min-height: 165px; }
.sideimg { float:right; margin-left:1.5em; }
.social { color:#fff; margin:10px 40px; padding:15px; text-align:left; border:5px solid #f90; }
  .social img { float:right; margin:5px; border:5px solid #fff; }
  .social p { color:#fff; margin:5px; font-size:12px; }
.story { border:5px solid #582; margin:20px 40px; padding: 15px; }
  .story:first-letter { font-family:Jokerman; color:#582; float:left; font-size:30pt; padding:5px; }
.split { margin:0 35px; }
  .split .endsplit { clear:both; }
  .split .column { float:left; width:50%; }
    .split .column p { margin: 5px 25px; }
    .split .column p.story { margin: 20px 5px; }
    .split .column h3 { margin: 40px 25px 10px; }
    .split .column .social { margin:10px 25px; }
    .split .column ul.links { margin:5px 0 5px 25px; }

/* MAIN LAYOUT */

/* All parts. */
#mainnav  { position:fixed; margin:0 20px; height: 20px; font-size:10pt; line-height: 20px;
  padding:7px 15px; width:auto; background:#000; color:#ff0; z-index:50; }

/* Top navigation. */    
#mainnav { top:0; left:20px; }
  #mainnav a { color:#fff !important; margin:1pt 4pt; padding:1pt; text-decoration:none; border:0; }
    #mainnav a:hover { border-bottom:1px dotted #fd0; }
  #mainnav img { float:left; border:5pt solid #000; margin-top:-5pt; border-top: 10pt solid #000; }
  #mainnav span { font-family:Jokerman; margin:0 5pt; color:#fd0; }

/* SPECIFIC OBJECTS */
      
#footer { padding: 110px 30px 20px 60px; background:#1e90ff url(../Images/footerbg_trop.png) repeat-x top center; margin: 30px -30px 0; position:relative; }
  #footer a { color:#015; border-color: #015; }
    #footer a:hover { color:#000; border-color:#000; }
  #footer ul.links { float: left; width: 20%; margin-left:0; color:#037; }
  #footer p { float: right; width: 40%; margin-left:20px; font-size:12px; border-left:1px solid #037; padding-left: 20px; color:#037; }
  #footer div.vcard { clear:both; color:#037; font-size:11px; padding: 15px 0 0; }

::-moz-selection {	background:#f90; color:#015; }
::selection { background:#f90;	color:#015; }
#mainnav ::-moz-selection {	background:#f90; color:#000; }
#mainnav ::selection { background:#f90;	color:#000; }
#footer ::-moz-selection {	background:#015; color:#29f; }
#footer ::selection { background:#015;	color:#29f; }