/*RESET AND CLEARFIX ----------------------------*/ ul,ol {list-style: none} h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0;padding: 0} a img,:link img,:visited img {border: none} address {font-style: normal} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} .clearfix {display: inline-block;} .clearfix {display: block;} html,body {height: 100%;} /* BASE TYPOGRAPHY -----------------------------------*/ body {font: 62.5%/1.5em "Trebuchet MS", Arial, Verdana, sans-serif; color: #56421c; background:#E7D2B3 url(/thebetourism.co.za/thebetheme/images/bg.jpg) no-repeat fixed 50% top;} p,ul,ol { font-size: 1.3em; line-height: 1.5em; margin-bottom: 1.2em; } a:link {outline: none; text-decoration:underline; color:#7A8C68} a:visited {} a:hover {color:#5A6F60;} a:active {} h1,h2,h3,h4,h5,h6 {font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-weight: normal; margin-bottom: 0.3em; line-height: 1.2em;} h1 {font-size: 2.1em;} h2 {font-size: 1.8em; color:#6E2C20} h3 {font-size: 1.4em;} h4 {font-size: 1.3em;} p.caption {font-color:#666; font-size:1.3em} /* LAYOUT -----------------------*/ #container {width:961px; margin:0 auto; background: #faf8ec url(/thebetourism.co.za/thebetheme/images/header_big-1.jpg) no-repeat top left;} #header {position:relative; height:221px;} #header h1 {text-indent:-9000px; float:left;} #sidebar.generic-sidebar {width:310px;} #main.generic-main { width: 610px;} /*PRIMARY NAVIGATION -----------------------*/ #nav {height: 40px; background:url('/thebetourism.co.za/thebetheme/images/hr.jpg') no-repeat 0px 30px; position:absolute; bottom:5px; left:10px; width:940px;} #nav ul {margin-left:0px; margin-bottom:0} #nav ul li {float: left;} #nav ul li a {display: block; background: url('/thebetourism.co.za/thebetheme/images/navfinal.gif'); width: 106px; height: 30px; outline: none;} #nav ul li#nav-home a {background-position: 0px 0;} #nav ul li#nav-home a:hover {background-position: 0px -30px;} #nav ul li#nav-home.current a {background-position: 0px -30px;} #nav ul li#nav-about a {background-position: -106px 0;} #nav ul li#nav-about a:hover {background-position: -106px -30px;} #nav ul li#nav-about.current a {background-position: -106px -30px;} #nav ul li#nav-group a {background-position: -212px 0;} #nav ul li#nav-group a:hover {background-position: -212px -30px;} #nav ul li#nav-group.current a {background-position: -212px -30px;} #nav ul li#nav-news a {background-position: -318px 0;} #nav ul li#nav-news a:hover {background-position: -318px -30px;} #nav ul li#nav-news.current a {background-position: -318px -30px;} #nav ul li#nav-why a {background-position: -424px 0;} #nav ul li#nav-why a:hover {background-position: -424px -30px;} #nav ul li#nav-why.current a {background-position: -424px -30px;} #nav ul li#nav-media a {background-position: -530px 0;} #nav ul li#nav-media a:hover {background-position: -530px -30px;} #nav ul li#nav-media.current a {background-position: -530px -30px;} #nav ul li#nav-2010 a {width:152px;} #nav ul li#nav-2010 a {background-position: -636px 0;} #nav ul li#nav-2010 a:hover {background-position: -636px -30px;} #nav ul li#nav-2010.current a {background-position: -636px -30px;} #nav ul li#nav-contact a {background-position: -787px 0;} #nav ul li#nav-contact a:hover {background-position: -787px -30px;} #nav ul li#nav-contact.current a {background-position: -787px -30px;} #nav ul li a span {margin-left: -9999px;} /*SECONDARY NAVIGATION --------------------------*/ ul#secondarynav {margin: 0 0 10px 10px;} ul#secondarynav li {float:left;} ul#secondarynav li a {display:block; padding-right: 20px; font-size:1.1em; text-decoration: none; color:#A87942; text-decoration:underline;} #secondarynav li a:hover {color:#f18f26; text-decoration: underline;} #secondarynav li a.current {text-decoration:underline;color:#f18f26;} /* GENERAL TEMPLATE -----------------------*/ #content {margin:10px;} #footer {margin: 0 10px; background: url('/thebetourism.co.za/thebetheme/images/footer.jpg') no-repeat bottom; padding-bottom:20px; text-align:center;} #footer p {margin-bottom:0;} /* HOME PAGE ------------------*/ #main {float:left; width: 610px;} #sidebar {float:left; width:310px; margin-left:20px;} /* FRONT PAGE SLIDESHOW --------------------------*/ /*** set the width and height to match your images **/ /* #slideshow { position:relative; height:231px; } #slideshow div { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow div.active { z-index:10; opacity:1.0; } #slideshow div.last-active { z-index:9; }*/ /*STATIC ABOUT ----------------*/ div#main h1 {color:#7a8c68; } /*PHOTOS ----------*/ .photo{} .photo p {font-weight:bold;} .floatright {float:right; margin-left:10px; clear:right;} .floatleft {float:left; margin-right:10px; clear:left;} .half {width:300px;} .full {width:610px;} /* COMPANIES --------------*/ .company-name-holder {border-bottom:1px dashed #CCC; padding-bottom:2px; position:relative} .company-slogan {font-style:oblique; color:#AAA; font-size:1.5em;} .company-name-holder h2 {padding:2px; position:absolute; bottom:0; font-size:2.5em !important;} .category-holder {margin-bottom:10px; background: #F9F0D1 } .category-description-inner {background: transparent url(/thebetourism.co.za/thebetheme/images/group-top.jpg) no-repeat 0 0; padding-left:60px; } .category-image {float:left;} .category-description {margin-left: 200px; background: #F9F0D1 url(/thebetourism.co.za/thebetheme/images/group-top.jpg) repeat-y 0 0; padding-top:10px; min-height:140px;} .category-description a {color:#5A6F60;} .category-description a:hover {color:#691604;} .category-description p {color:#56421c} #sidebar .category-holder {cursor:pointer; background: url(/thebetourism.co.za/thebetheme/images/button-group-strip.jpg) repeat-y;} #sidebar .category-holder .ctop {height:7px; background: url(/thebetourism.co.za/thebetheme/images/button-group-top.jpg) no-repeat top;} #sidebar .category-holder .cbot {background: url(/thebetourism.co.za/thebetheme/images/button-group-bot.jpg) no-repeat right bottom; padding-bottom:6px; } #sidebar .category-holder.current .cbot {background: url(/thebetourism.co.za/thebetheme/images/button-group-bot.jpg) no-repeat left bottom;} #sidebar .category-holder:hover .cbot {background: url(/thebetourism.co.za/thebetheme/images/button-group-bot.jpg) no-repeat left bottom;} #sidebar .category-holder.current .cbot a {color:#691604;} #sidebar .category-holder:hover .cbot a {color:#691604;} #sidebar .category-description {margin-left: 90px; padding-top:0; min-height:0; padding-left:0; background:none;} #sidebar .category-holder a {text-decoration:none;} #sidebar .category-holder:hover {background-color:#7A919E;} #sidebar .category-description h3 {font-size:1.8em;} /* FP GRID ---------------*/ .home #content {padding:0; margin:0;} .home #main {width:960px;} .gridrow {margin-bottom:0px; margin-top:20px;} .grid1 {float:left; width:220px; margin:0 10px} .grid2 {float:left; width:460px; margin:0 10px} a.promobox {background: url(/thebetourism.co.za/thebetheme/images/retail.jpg) left top; display:block; width:220px; padding-top:162px; text-decoration:none; } a.promobox:hover {background-position: 0 -162px !important; color:#5A6F60;} .promobox-top {background:#EFEACA} .promobox-bot {background: #EFEACA url(/thebetourism.co.za/thebetheme/images/promobox.jpg) no-repeat bottom; height:8px; position:relative;} /*.promo-body { display:block; padding:5px 5px 0 5px; font-size:1.3em; min-height:60px; font-family:Palatino, "Times New Roman", serif; color:#56421c; } */ .promo-body {display:none;} .promo-heading {text-align:center; display:block; font-size:1.6em; padding-top:8px; color:#56421c; line-height:1.3em; min-height:41px;} #attractions {background: url(/thebetourism.co.za/thebetheme/images/fp-promos/attractions.jpg) left top} #events {background: url(/thebetourism.co.za/thebetheme/images/fp-promos/events.jpg) left top} #foreign {background: url(/thebetourism.co.za/thebetheme/images/fp-promos/forex.jpg) left top} #inbound {background: url(/thebetourism.co.za/thebetheme/images/fp-promos/inbound.jpg) left top} #incentives {background: url(/thebetourism.co.za/thebetheme/images/fp-promos/incentives.jpg) left top} #retail {background: url(/thebetourism.co.za/thebetheme/images/fp-promos/retail.jpg) left top} #transport {background: url(/thebetourism.co.za/thebetheme/images/fp-promos/travel.jpg) left top} #outbound {background: url(/thebetourism.co.za/thebetheme/images/fp-promos/outbound.jpg) left top} /*news promo */ .fp-news-image {background: url(/thebetourism.co.za/thebetheme/images/news.jpg) no-repeat left top; height:130px; width:460px;} .fp-news-inner {background:#E3DEC8; padding:5px; min-height:70px;} .fp-news-inner h2 {font-size:2.0em;} .fp-news-inner ul {margin-bottom:0 !important;} .fp-news-inner ul li a {color:#56421c !important;} .fp-news-inner a {color:#5A6F60; font-size:1em} .fp-news-inner a:visited {color:#5A6F60;} .fp-news-bot {background: url(/thebetourism.co.za/thebetheme/images/bottom_newsbox.jpg) bottom; height:10px} #sidebar ul li.current a:link, #sidebar ul li.current a:visited {color:#7A8C68;} /* NEWS */ ul.entry-categories li {float:left; margin-right:10px; font-size:0.9em; text-transform:uppercase;} .newslist-entry {border-bottom:1px solid #EFEFEF; margin-bottom:10px;} .news-feature-image {width:200px; float:right;margin-left:10px;color:#7A8C75;} /*catlist */ .category-top {background: url(/thebetourism.co.za/thebetheme/images/category_top.jpg) top; height:10px;} .category-bot {background: url(/thebetourism.co.za/thebetheme/images/category_bottom.jpg) bottom; height:50px;} .catlist {background: url(/thebetourism.co.za/thebetheme/images/category_strip.jpg) bottom; } .catlist h2 {padding:0 5px;} #slideshow-news {height:130px;} /* Snippets */ #news-snippets {margin-top:10px;} #news-snippets h3 {font-weight:bold;} #news-snippets p {font-size:11px;} .news-snippet-item {border-bottom:1px solid #CCC; margin-bottom:10px;} /*2010-accomm*/ /*2010-accomm*/ .entry-gallery-accomm li {float:left; margin:2px;} ul.accomm-cat {padding-left:10px;} ul.accomm-cat li a {font-size:13px !important;} ul.accomm-cat li {padding-bottom:10px;} #accomm-slide {width:300px; height:200px;}