/*** General ***/ body, img, button, h1, h2, h3, h4, h5, h6, ul, li, span, p, hr, em { border: none; padding: 0px; margin: 0px; } body { font-family: "Trebuchet MS", Verdana, Georgia, "Times New Roman", Times, serif; font-size: 13px; background-color: #FFF; color: #666666; line-height: 20px; } .clear { clear: both; } .wrapper { margin: 0 auto; width: 960px; } a { color: #CC0033; } a:hover { color: #3095B0; } em { display: block; } div { position: relative; } .ralla { text-decoration: line-through; } /*** Header ***/ /* Logo */ #container-header { background-image: url(header-background.jpg); background-repeat: repeat-x; } #header { width: 1000px; margin: 0 auto; height: 200px; background-image: url(header-image.jpg); background-repeat: no-repeat; } #header h1 { float: left; display: block; height: 75px; background: transparent url(venaruba-logo.png) no-repeat scroll; } #header h1 a { display: block; height: 75px; width: 241px; text-indent: -9999px; } /* Navigation */ #nav { margin-top: 75px; float: left; position: relative; } #nav li { display: inline; list-style-type: none; margin-right: 10px; } #nav li a { text-decoration: none; color: #C7C7C7; } #nav li a:hover { text-decoration: none; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; } #nav li a#active { border-bottom: 2px solid #FFFFFF; font-weight: bold; color: #FFFFFF; } #new { color: #FFE303; font-size: 85%; font-weight: bold; position: absolute; top: -5px; right: -25px;} /* Offer */ #offer { font-size: 1em; line-height: 130%; position: absolute; right: 0; top: 140px; width: 225px; } a#offer { color: #FFFF00; text-decoration: none; } a#offer:hover { text-decoration: underline; } /* Search */ #cse-search-box { float: right; margin: 20px 100px 0 0; } /*** Main ***/ /* Front page */ .frontinfo { color: #007DDA; font-size: 1.4em; margin: 15px auto 0; padding: 2px 0; text-align: center; text-shadow: #EFEFEF 0 -1px 0; width: 750px; } /* Content */ #container-content { background-image: url(content-background.jpg); background-repeat: repeat-x; background-color: #FFFFFF; } #content { width: 960px; margin: 0 auto; background-image: url(content-image.jpg); background-repeat: no-repeat; background-color: #FFFFFF; padding: 50px 0px 10px 0px; } #main { float: left; margin: 0 10px; width: 620px; } #main img { text-align: center; float: left; border: none; padding: 3px; margin: 0px 10px 5px 0px; } #main span ul { padding-left: 20px; } #main span ul li { list-style-type: square; } #main h1 { font-size: 22px; margin: 5px 0; color: #277B94; } #main h2 { font-size: 16px; margin: 5px 0; } #main h3 { font-size: 14px; margin: 10px 0 5px 0; } #main h4 { font-size: 13px; margin: 5px 0; } #main p { font-size: 13px; margin: 10px 0; } #main ul { list-style-position: inside; } /* Sidebar */ #sidebar { float: left; width: 300px; margin: 0 10px; } #sidebar #menu { margin: 5px 0px; float: left; width: 100%; background-color: #FFFFFF; padding: 10px; } #sidebar #menu li { list-style-type: none; font-size: 9px; border-bottom: 1px dotted #999999; } #sidebar #menu a { display: block; text-decoration: none; font-size: 13px; padding: 3px 1px; } #sidebar #menu a:hover { background-color: #EDECE9; } #sidebar #menu span { color: #006699; font-size: 9px; } #sidebar #tips { margin: 5px 0px; float: left; width: 100%; padding: 10px; background-color: #EFEFEF; color: #333; } #sidebar #tips li { list-style: square inside; padding: 3px 0px; } #sidebar h1 { font-size: 24px; margin: 15px 0; font-weight: lighter; line-height: 25px; } #sidebar h2 { font-size: 14px; margin: 15px 0; font-weight: lighter; } #sidebar h6 { font-size: 14px; margin-top: 5px; } /* Cupo */ a.cupo { background: url(http://assets.hmmck.com/img/cupo-aruba.png) no-repeat 0 0; display: block; height: 100px; margin: 20px 0 20px 10px; text-decoration: none; text-indent: -9999px; width: 300px; } a.cupo:hover { background: url(http://assets.hmmck.com/img/cupo-aruba.png) no-repeat 0 -100px; } /* Cupo Bottom */ .cab { background-color: #17A3FF; text-shadow: 0 0 1px #000; padding: 10px; position: fixed; top: 250px; left: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000; } .cab a { font-weight: bold; text-decoration: none; } .cab a h3 { color: #FFF; font-size: 1.7em; margin: 0 0 5px; text-shadow: 0 0 1px #000; } .cab a p { color: #FFF; font-size: 1.6em; } /* Front-links */ #front-links { width: 100%; margin: 25px auto 15px; } #front-links h4 { font-size: 16px; padding: 5px 5px 0; } #front-links ul { display: block; margin: 5px 0 0; height: 140px; } #front-links li { border: 1px solid #007DDA; float: left; height: 125px; list-style-type: none; } #front-links a { float: left; color: #007DDA; display: block; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 85px 0 0 1px; width: 117px; -webkit-transition:color 1s ease-in; -moz-transition:color 1s ease-in; -o-transition:color 1s ease-in; transition:color 1s ease-in; -webkit-transition:background 1s ease-in; -moz-transition:background 1s ease-in; -o-transition:background 1s ease-in; transition:background 1s ease-in; } #front-links a:hover { background-color: #007DDA; color: #FFF; } .move { margin: 0 0 0 -1px; } /*** Footer ***/ #footer { color: #555; font-size: 10px; font-weight: bold; margin: 10px 0; text-align: center; } #footer li { display: inline; list-style-type: none; } #footer a { color: #333; font-weight: normal; padding: 3px; text-decoration: underline; } a#mbh { background: url(http://assets.hmmck.com/img/madebyhmmck.png) no-repeat 0 0; bottom: -11px; display: block; margin: 0; padding: 0; height: 50px; position: absolute; right: -60px; text-indent: -9999px; width: 50px; } a#mbh:hover { background-position: -51px 0; }