/*-------------------------------------------------------------------------------------------------------*/ /* CSS FOR ARTWEBS Copyright Artwebs ltd. 2006. Ask us if you want to copy the content here!*/ /*-------------------------------------------------------------------------------------------------------*/ body {margin-right: 0px; margin-left: 0px; margin-top: 10px; background: #fff;} p {font-family: Arial, Helvetica, sans-serif;} p strong {font: bold 110% Arial, Helvetica, sans-serif;} h1 {font: 100% Arial, Helvetica, sans-serif;} h2 {padding: 3px; margin: 8px 8px 8px 10px; background: #BCD1DA; font: bold 95% Arial, Helvetica, sans-serif; color: #003366; text-align: left; border: 1px solid #666666;} h3 {margin: 6px 8px; font: bold 85% Arial, Helvetica, sans-serif; color: #336699; text-align: left;} ul {margin-left: 1.25em; padding-left: 0px; margin-top: 5px; margin-bottom: 10px; padding-top: 0px; text-align: left;} li {font: 75% Arial, Helvetica, sans-serif; margin-top: 2px; padding-right: 1em; list-style: disc url(none) outside;} #contact ul {margin: 4px 0px 5px 5px; width: 200px;} #contact li {list-style: none; padding: 3px; margin: 2px 0 0 0; color: #fff; background: #83ACC5;} /*CONTAINERS*/ #container {width: 100%; background: #fff;} #headerWrapper {height: 80px; width: 974px;} #header {height: 80px; width: 974px; background: #fff; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #999;} #header h1 {margin: 4px; font: bold 120% Arial, Helvetica, sans-serif; color: #fff; text-align: right;} #promoCol {width: 195px; border: solid 1px #999; margin: 0px 0px 3px 0px; background: #C5D5DE;} #navContainer {width: 150px; height: 400px; background: #C5D5DE; border: solid 1px #999;} /*#main p {text-align: justify; font-size: 75%; color: #333333; vertical-align: top;}*/ #main {height: 200px; width: 974px; background: #fff; margin: 5px 0 0 0;} /*CONTENT*/ #content {width: 620px; margin: 0 3px 0 3px; height: auto;} #content p {text-align: justify; font-size: 75%; margin: 4px 6px 4px 6px; padding: 0 3px 6px 3px;} #booking #content p {text-align: left;} #area #content, #aboutUs #content, #contact #content, #booking #content, #festivalsIntro #content, #janPage #content, #newsUpdates #content {width: 620px; margin: 0 3px 0 3px; border-left: solid 3px #336699;} #area #content h1, #aboutUs #content h1, #contact #content h1, #booking #content h1, #festivalsIntro #content h1, #janPage #content h1, #newsUpdates #content h1 {color: #fff; background: #336699; text-align: left; font-size: 150%; font-weight: normal; padding: 4px; margin: 0;} /*RIGHT PROMO COLUMN*/ #promoCol p {text-align: center !important; margin: 2px 6px; color: #003399*;} #newsletter {width: 176px; border: solid 1px #ccc; text-align: center !important; margin: 5px 0 0 0; background: #003399; padding: 3px 0 3px 0;} #newsletter h1 {margin: 0px 2px 2px 5px; color: #fff; font: bold 100% Arial, Helvetica, sans-serif;} #festivals {width: 176px; border: solid 1px #ccc; margin: 5px 0 0 0; background: #727EAF; padding: 3px 0 3px 0; text-align: center !important;} #festivals h1 {text-align: center; margin: 0 0 3px 0; padding: 0; color: #fff; font: bold 100% Arial, Helvetica, sans-serif;} #festivals p {text-align: center !important; color: #fff; font: bold 75% Arial, Helvetica, sans-serif; margin: 0 2px 5px 2px; padding: 0;} #news {width: 176px; border: solid 1px #ccc; margin: 5px 0 0 0; background: #447691; padding: 3px 0 3px 0; text-align: center !important;} #news h1 {text-align: center; margin: 0px 2px 2px 5px; color: #fff; font: bold 100% Arial, Helvetica, sans-serif;} #news p {text-align: center !important; color: #fff; font: bold 75% Arial, Helvetica, sans-serif; margin: 0 2px 5px 2px; padding: 0;} #blog {width: 176px; border: 1px solid #666666; margin: 5px 0 0 0; background: #B4AF78; padding: 3px 0 3px 0; text-align: center !important;} #blog h1 {text-align: center; margin: 2px 2px 2px 5px; color: #fff; font: bold 90% Arial, Helvetica, sans-serif;} #blog p {text-align: center !important; color: #fff; font: bold 75% Arial, Helvetica, sans-serif; margin: 0 2px 5px 2px; padding: 0;} /*MISC TEXT BOXES*/ .blueBox {background: #6184A7; margin: 5px 0 0 0; padding: 4px 0 4px 4px; width: 619px; height: 220px;} .blueBox h1 {font-size: 100% !important; color: #fff; padding: 4px; margin: 0px 2px 2px 2px; font-weight: normal; text-align: right !important; background: none !important;} /*HOLIDAY TEXT BOXES*/ #golfText p, #foodText p, #wineText p, #gardenText p, #actionText p, #relaxText p, #danceText p, #languageText p, #craftText p, #photoText p {text-align: left !important; margin: 4px 2px !important; padding: 4px; font: 75% Arial, Helvetica, sans-serif; color: #333333; vertical-align: top;} #golfText {width: 248px; background: #DCEBDA; margin: 3px 2px 0 0; border-left: 3px solid #009900; height: 450px;} #golfText h1 {text-align: left; margin: 0px 0 3px 0; padding: 1px 3px 3px 3px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff; background: #009900;} #foodText {width: 248px; background: #EADAD7; margin: 3px 2px 0 0; border-left: 3px solid #CC3300; height: 330px;} #foodText h1 {text-align: left; margin: 0px 0 3px 0; padding: 1px 3px 3px 3px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff; background: #CC3300;} #wineText {width: 248px; background: #DBD3CE; margin: 3px 2px 0 0; border-left: 3px solid #663300; height: 445px;} #wineText h1 {text-align: left; margin: 0px 0 3px 0; padding: 1px 3px 3px 3px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff; background: #663300;} #gardenText {width: 248px; background: #F0FEE2; margin: 3px 2px 0 0; border-left: 3px solid #006600; height: 390px;} #gardenText h1 {text-align: left; margin: 0px 0 3px 0; padding: 1px 3px 3px 3px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff; background: #006600;} #actionText {width: 248px; background: #D7E9FB; margin: 3px 2px 0 0; border-left: 3px solid #006699; height: 435px;} #actionText h1 {text-align: left; margin: 0px 0 3px 0; padding: 1px 3px 3px 3px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff; background: #006699;} #relaxText {width: 248px; background: #DBE0F0; margin: 3px 2px 0 0; border-left: 3px solid #663399; height: 420px;} #relaxText h1 {text-align: left; margin: 0px 0 3px 0; padding: 1px 3px 3px 3px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff; background: #663399;} #danceText {width: 248px; background: #E6E6E6; margin: 3px 2px 0 0; border-left: 3px solid #000000; height: 440px;} #danceText h1 {text-align: left; margin: 0px 0 3px 0; padding: 1px 3px 3px 3px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff; background: #000000} #languageText {width: 248px; background: #EEE4FC; margin: 3px 2px 0 0; border-left: 3px solid #000066; height: 450px;} #languageText h1 {text-align: left; margin: 0px 0 3px 0; padding: 1px 3px 3px 3px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff; background: #000066;} #craftText {width: 248px; background: #EAD5A8; margin: 3px 2px 0 0; border-left: 3px solid #CC9900; height: 450px;} #craftText h1 {text-align: left; margin: 0px 0 3px 0; padding: 1px 3px 3px 3px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff; background: #CC9900;} #photoText {width: 248px; background: #C1C1C1; margin: 3px 2px 0 0; border-left: 3px solid #999; height: 450px;} #photoText h1 {text-align: left; margin: 0px 0 3px 0; padding: 1px 3px 3px 3px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff; background: #999999;} /*PICTURE NAVIGATION - HOME PAGE*/ #picNav {width: 620px;} #golf, #gourmet, #wine, #gardens, #healthy, #flamenco, #language {margin: 3px 4px 0 0;} #action {margin: 3px 0 0 0;} #golf a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/holidays/golfUpDown.jpg) no-repeat 0px 0px;} #golf a:hover {background: url(../images/holidays/golfUpDown.jpg) no-repeat -119px 0px;} #gourmet a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/holidays/foodUpDown.jpg) no-repeat 0px 0px;} #gourmet a:hover {background: url(../images/holidays/foodUpDown.jpg) no-repeat -119px 0px;} #wine a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/holidays/wineUpDown.jpg) no-repeat 0px 0px;} #wine a:hover {background: url(../images/holidays/wineUpDown.jpg) no-repeat -119px 0px;} #gardens a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/holidays/gardensUpDown.jpg) no-repeat 0px 0px;} #gardens a:hover {background: url(../images/holidays/gardensUpDown.jpg) no-repeat -119px 0px;} #action a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/holidays/actionUpDown.jpg) no-repeat 0px 0px;} #action a:hover {background: url(../images/holidays/actionUpDown.jpg) no-repeat -119px 0px;} #healthy a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/holidays/healthyUpDown.jpg) no-repeat 0px 0px;} #healthy a:hover {background: url(../images/holidays/healthyUpDown.jpg) no-repeat -119px 0px;} #flamenco a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/holidays/flamencoUpDown.jpg) no-repeat 0px 0px;} #flamenco a:hover {background: url(../images/holidays/flamencoUpDown.jpg) no-repeat -119px 0px;} #language a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/holidays/languageUpDown.jpg) no-repeat 0px 0px;} #language a:hover {background: url(../images/holidays/languageUpDown.jpg) no-repeat -119px 0px;} #craft a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/holidays/craftUpDown.jpg) no-repeat 0px 0px;} #craft a:hover {background: url(../images/holidays/craftUpDown.jpg) no-repeat -119px 0px;} #photo a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/holidays/photoUpDown.jpg) no-repeat 0px 0px;} #photo a:hover {background: url(../images/holidays/photoUpDown.jpg) no-repeat -119px 0px;} /*FESTIVAL PAGE NAVIGATION*/ #jan, #feb, #mar, #apr, #may, #jun, #jul, #aug, #sep, #oct, #nov, #dec {margin: 2px 0 0 2px;} #festivalNav img {border-bottom: solid 1px #999;} #jan a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/janUD.jpg) no-repeat 0px 0px;} #jan a:hover {background: url(../images/festivals/janUD.jpg) no-repeat -75px 0px;} #feb a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/febUD.jpg) no-repeat 0px 0px;} #feb a:hover {background: url(../images/festivals/febUD.jpg) no-repeat -75px 0px;} #mar a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/marUD.jpg) no-repeat 0px 0px;} #mar a:hover {background: url(../images/festivals/marUD.jpg) no-repeat -75px 0px;} #apr a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/aprUD.jpg) no-repeat 0px 0px;} #apr a:hover {background: url(../images/festivals/aprUD.jpg) no-repeat -75px 0px;} #may a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/mayUD.jpg) no-repeat 0px 0px;} #may a:hover {background: url(../images/festivals/mayUD.jpg) no-repeat -75px 0px;} #jun a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/junUD.jpg) no-repeat 0px 0px;} #jun a:hover {background: url(../images/festivals/junUD.jpg) no-repeat -75px 0px;} #jul a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/julUD.jpg) no-repeat 0px 0px;} #jul a:hover {background: url(../images/festivals/julUD.jpg) no-repeat -75px 0px;} #jul a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/julUD.jpg) no-repeat 0px 0px;} #jul a:hover {background: url(../images/festivals/julUD.jpg) no-repeat -75px 0px;} #aug a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/augUD.jpg) no-repeat 0px 0px;} #aug a:hover {background: url(../images/festivals/augUD.jpg) no-repeat -75px 0px;} #sep a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/sepUD.jpg) no-repeat 0px 0px;} #sep a:hover {background: url(../images/festivals/sepUD.jpg) no-repeat -75px 0px;} #oct a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/octUD.jpg) no-repeat 0px 0px;} #oct a:hover {background: url(../images/festivals/octUD.jpg) no-repeat -75px 0px;} #nov a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/novUD.jpg) no-repeat 0px 0px;} #nov a:hover {background: url(../images/festivals/novUD.jpg) no-repeat -75px 0px;} #dec a {display: block; display: -moz-block; cursor: pointer; margin: 0px; background: url(../images/festivals/decUD.jpg) no-repeat 0px 0px;} #dec a:hover {background: url(../images/festivals/decUD.jpg) no-repeat -75px 0px;} #festivalNavContainer {float: right; margin: 0 0 10px 10px; height: 100%; border-left: solid 3px #336699;} /*BASE LEFT COLUMN NAVIGATION*/ #baseNav {} #baseNav h1 {text-align: center; padding: 5px 0 0 0; margin: 5px 0 -3px 2px; width: 150px; height: 30px; font: bold 85% Arial, Helvetica, sans-serif; color: #FFF; background: url(../images/nav/headerMain.gif) no-repeat; } #baseNav a.nav2, a.nav2:link, a.nav2:visited {display: block; width: 146px; height:20px; background:#3366cc; border-top: 1px solid #333; border-bottom: 1px solid #666; margin:0 3px 3px 3px; text-align:left; text-decoration:none; font: bold 75% Arial, Helvetica, sans-serif; color:#fff; line-height:20px; overflow:hidden; padding: 0 0 0 3px;} #baseNav a.nav2:hover {color:#fff; background:#FF9900;} #baseNav a.nav2:active {color:#fff; background:#666;} /*HOLIDAY LEFT COLUMN NAVIGATION*/ #holidayNav {} #holidayNav h1 {text-align: center; padding: 8px 0 0 0; margin: 5px 0 -3px 2px; width: 150px; height: 45px; font: bold 85% Arial, Helvetica, sans-serif; color: #FFFFFF; background: url(../images/nav/headerMain2.gif) no-repeat; } #holidayNav a.nav, a.nav:link, a.nav:visited {display: block; width: 146px; height:20px; background: #003399; border-top: 1px solid #333; border-bottom: 1px solid #666; margin:0 3px 3px 3px; text-align:left; text-decoration:none; font: bold 75% Arial, Helvetica, sans-serif; color:#fff; line-height:20px; overflow:hidden; padding: 0 0 0 3px;} #holidayNav a.nav:hover {color:#fff; background:#FF9900;} #holidayNav a.nav:active {color:#fff; background:#666;} /*STRAP COLUMN*/ #strap {width: 210px; margin: 0px 0px 5px 5px; float: right; border-left: 1px dotted #999; background: #fff;} #strap p {text-align: left !important; margin: 2px 6px 2px 10px; font-size: 70%; color: #003399;} /*MAIN STRAP COLUMN*/ #mainStrap {width: auto;} /*FOOTER*/ #footerContainer {width: 100%; background: #fff;} #footer {width: 974px; height: 70px; background: #C5D5DE; border: 1px solid #999; margin: 5px 0 0 0;} #footer h1 {text-align: center; margin: 4px 8px; font: bold 110% Arial, Helvetica, sans-serif; color: #336699;} #footer p {text-align: center; margin: 4px 8px; font-size: 75%; color: #333;} /*IMAGES*/ .leftNb {float: left; margin: 2px 0 6px 2px;} .leftNbX {float: left; margin: 6px;} .leftNbJ {float: left; margin: 2px 0 6px 4px;} .rightNb {float: right; margin: 3px 0 3px 3px;} .rightNbX {float: right; margin: 6px 3px 0 3px; } .rightB {float: right; margin: 5px 3px 5px 8px; border: solid 1px #333;} .leftB {float: left; margin: 5px 3px 5px 2px; border: solid 1px #333;} .tableB {margin: 8px; border: solid 1px #333;} .tableNB {margin: 5px 5px 0 0;} .tableRNB {margin: 5px 0 0 0 ;} .tightNbR {float: right; margin: 2px;} .tightNbL {float: left; margin: 2px;} .captionRnb {float: right; text-align: right; margin: 5px 5px 5px 5px;} .captionRnb div {text-align: right; padding: 0; margin: 0; font: 65% Arial, Helvetica, sans-serif !important; color: #CC9900 !important;} .captionRnb img {border: solid 1px #fff;} .captionLnb {float: left; text-align: right; margin: 5px 0 5px 10px;} .captionLnb div {text-align: right; padding: 0; margin: 0; font: 65% Arial, Helvetica, sans-serif !important; color: #CC9900 !important;} .captionLnb img {border: solid 1px #fff;} /*--------------------------------------------------------------------------------------------------*/ /*****************Commom links*****************/ #map a:hover {color: #FF9900 !important; background: #fff !important;} #footer a {color: #333; text-decoration: underline; font-weight: bold;} #footer a:hover {color: #0033CC; text-decoration: underline; font-weight: bold;} #footerbar a {color: #fff; text-decoration: none;} #footerbar a:hover {color: #0033CC; text-decoration: none;} #newsletter a {font-size: 75%; color: #fff; text-decoration: none;} #newsletter a:hover {color: #ff9900 !important; text-decoration: none;} #festivals a { color: #fff !important; text-decoration: none;} #festivals a:hover {color: #ff9900 !important; text-decoration: none;} #news a { color: #fff !important; text-decoration: none;} #news a:hover {color: #ff9900 !important; text-decoration: none;} #strapBrochure a {color: #003399; text-decoration: underline; font-weight: bold; } #strapBrochure a:link, a:visited, content2 a:link, a:visited {color: #003399;} #strapBrochure a:hover {color: #669933;} #promoCol a {color: #fff; text-decoration: underline; font-weight: bold;} #promoCol a:link, a:visited, {color: #fff;} #promoCol a:hover {color: #0033CC;} #artwebsLink a {color: #003399; text-decoration: none; font: bold 65% Arial, Helvetica, sans-serif !important; margin: 0 5px 0 0; padding: 0 2px 0 2px; text-align: centre;} #artwebsLink a:link, a:visited {color: #003399;} #artwebsLink a:hover {color: #fff; background: #666; text-decoration: none;}