@charset "utf-8"; /* CSS Document */ body{margin:0 auto; padding:0; background:#254161;} div, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px; border:none;} p{text-align:justify; margin:0 auto; color:#3d2100;} ul{list-style-type:none;} #luxury-special{background:url(../images/special.png) no-repeat; height:224px; width:151px; position:absolute; left:850px; top:160px; float:inherit; z-index:900;} .special{color:#900; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;} #special-discount{width:160px; height:230px; position:absolute; left:820px; top:100px; float:inherit; z-index:1000; border:none;} /*--------- LINKS GENERALES --------- */ a:link{font-family:"Calibri", Verdana, Ariel, sans-serif; color:#a66821; text-decoration:none;} a:visited{font-family:"Calibri", Verdana, Ariel, sans-serif; color:#a66821; text-decoration:none;} a:active{font-family:"Calibri", Verdana, Ariel, sans-serif; color:#a66821; text-decoration:none;} a:hover{font-family:"Calibri", Verdana, Ariel, sans-serif; color:#5e0f07; text-decoration:underline;} #cabo-vacation-rentals{margin:10px auto; height:auto; width:1024px; position:relative;} #cabo-villas{width:1024px; height:75px; margin:0 auto; z-index:1000;} #content{width:1024px; margin:0 auto; height:auto; position:absolute; top: 449px; background:url(../images/bg-content.gif) left top repeat-y; /*overflow:auto;*/} #contentvillas{width:1024px; margin:0 auto; height:auto; position:absolute; top:354px; background:url(../images/bg-content.gif) left top repeat-y; /*overflow:auto;*/} #accommodation{width:1024px; height:353px; margin:0 auto; position:absolute; top:0; z-index:1; left: 0;} /*--------- SEARCH PANEL--------- */ #search-villa{width:1024px; height:75px; background:url(../images/search-villa.gif) repeat-x; float:left;} #search-villa img{float:left; margin:30px 15px 0 15px;} #search-villa form{margin:25px auto; width:750px; height:30px; padding:0;} #search-villa form option{font-family: "Calibri", Verdana, Ariel, sans-serif; font-size:14px;} #search-villa form select{font-family: "Calibri", Verdana, Ariel, sans-serif; font-size:14px; color:#1a2d44; margin:0 0 0 25px;} .button{width:104px; height:22px; background:url(../images/search.gif) no-repeat; border:none; margin:3px 0 0 25px; cursor:pointer;} /*--------- LEFT PANEL --------- */ #luxury-condos a:link{font:bold 13px "Calibri", Verdana, Ariel, sans-serif; color:#857d53; text-decoration:underline;} #luxury-condos a:visited{font:bold 13px "Calibri", Verdana, Ariel, sans-serif; color:#857d53; text-decoration:underline;} #luxury-condos a:active{font:bold 13px "Calibri", Verdana, Ariel, sans-serif; color:#857d53; text-decoration:underline;} #luxury-condos a:hover{font:bold 13px "Calibri", Verdana, Ariel, sans-serif; color:#454023; text-decoration:underline;} #luxury-condos{width:296px; height:auto; float:left; background: url(http://www.caboluxuryvillas.com/images/cabo-luxury.gif) left 185px no-repeat #fef2e8;} .logo{padding:17px 0px 0px 30px;} #luxury-condos ul{width:200px; height:auto; margin:14px 0 0 48px;} #luxury-condos ul li{width:200px; height:30px;} #luxury-condos h1{margin:20px 0 10px 48px; font:normal 13px "Calibri", Verdana, Ariel, sans-serif; color:#857d53;} #luxury-condos h2{margin:15px auto; font:bold 23px "Calibri", Verdana, Ariel, sans-serif; color:#482400; text-align:center;} #luxury-condos h3{margin:10px 0 5px 0; text-align:center; font:bold 18px "Calibri", Verdana, Ariel, sans-serif; color:#00386b; text-transform:uppercase;} #luxury-condos p{margin:15px 0 0 23px;} #luxury-condos table.main{width:261px; height:auto; margin:0 auto;} #luxury-condos table.main td.east{width:45px; height:45px;} #luxury-condos table.main td.title{font:bold 16px "Calibri", Verdana, Ariel, sans-serif; color:#857d53; padding:10px 0 0 5px;} #luxury-condos table.main td{font:normal 14px "Calibri", Verdana, Ariel, sans-serif; color:#857d53; padding:0 0 0 5px;} #luxury-condos table.details{width:261px; height:auto; margin:35px auto;} #luxury-condos table.details th{font:bold 18px "Calibri", Verdana, Ariel, sans-serif; color:#482400; text-align:left; height:30px;} #luxury-condos table.details td.gif{width:42px; height:27px;} #luxury-condos table.details td.texto{padding:0 0 0 10px; color:#482400; font:bold 14px "Calibri", Verdana, Ariel, sans-serif; } #luxury-condos table.services{width:261px; height:auto; margin:35px auto;} #luxury-condos table.services th{font:bold 18px "Calibri", Verdana, Ariel, sans-serif; color:#482400; text-align:left; height:30px;} #luxury-condos table.services td.gif{width:42px; height:27px;} #luxury-condos table.services td.texto{padding:0 0 0 10px; color:#482400; font:bold 14px "Calibri", Verdana, Ariel, sans-serif; } /*--------- RIGHT PANEL --------- */ #cabo-san-lucas{width:726px; height:auto; background-color:#FFF; float:left;} #cabo-san-lucas ul.villas{width:450px; height:auto; margin:10px 0 0 35px;} #cabo-san-lucas ul.villas li{width:440px; height:auto; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3d2100; margin:5px 0 0 0; background:url(http://www.caboluxuryvillas.com/images/list.gif) 0px 6px no-repeat; padding:0 0 0 10px;} #cabo-san-lucas ul.ser{width:670px; height:auto; margin:10px 0 0 35px;} #cabo-san-lucas ul.ser li{height:auto; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3d2100; margin:5px 0 0 0; background:url(http://www.caboluxuryvillas.com/images/list.gif) 0px 6px no-repeat; padding:0 0 0 10px;} #cabo-san-lucas h1{font:bold 20px "Arial Unicode MS", Helvetica, sans-serif; text-align:justify; margin:10px 25px 0 25px; color:#482400;} #cabo-san-lucas h2{font:normal 16px "Calibri", Verdana, Ariel, sans-serif; color:#482400; text-align:justify; margin:0 25px 0 25px;} #cabo-san-lucas h4{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5e0f07; text-align:center; padding:10px 0 0 0;} #cabo-san-lucas p{font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3d2100; padding-left:25px; margin-right:25px; margin-top:10px;} #cabo-san-lucas table.title{width:700px; height:34px; margin:16px auto;} #cabo-san-lucas table.title td.title{width:366px;} #cabo-san-lucas a:link{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#a66821; text-decoration:none; font-size:13px; font-weight:bold;} #cabo-san-lucas a:visited{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#a66821; text-decoration:none;} #cabo-san-lucas a:active{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#a66821; text-decoration:none;} #cabo-san-lucas a:hover{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#5e0f07; text-decoration:underline;} /*--------- RIGHT PANEL RESULTS --------- */ #villas{width:1024px; height:auto; float:left; background:#fffdfb;} #villas h1{font:bold 20px "Arial Unicode MS", Helvetica, sans-serif; text-align:justify; margin:10px 25px 0 25px; color:#482400;} #villas h2{font:bold 16px "Calibri", Verdana, Ariel, sans-serif; color:#5e0f07; text-align:justify; margin:10px 25px 0 25px;} #villas p{margin:10px 25px 0 25px; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3d2100;} #villas table.pages{width:auto;; height:40px; float:right; font:normal 16px "Calibri", Verdana, Ariel, sans-serif; color:#482400;} #villas table.pages p{margin:10px 20px 5px 0; float:right; font:bold 16px "Calibri", Verdana, Ariel, sans-serif; color:#482400;} a.mainlevel {font:bold 16px "Calibri", Verdana, Ariel, sans-serif; color:#482400; text-decoration: none; display:block;} a.mainlevel:active, a.mainlevel:focus {color:#482400; text-decoration: none;} a.mainlevel:hover{font:bold 16px "Calibri", Verdana, Ariel, sans-serif; color:#ae5700; text-decoration: none;} a.mainlevel#active_menu {font:bold 16px "Calibri", Verdana, Ariel, sans-serif; color:#ae5700; text-decoration: none;} #villas table.cielito{width:1000px; height:291px; background:url(../images/cabo-san-lucas-villas.png) no-repeat; border:none; clear:both; margin:0 auto;} #villas table.cielito td.img{width:374px; height:291px; float:left; padding:8px 0 0 0;} #villas table.cielito h4{font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#996600; margin:40px 20px 0 20px;} #villas table.cielito h5{font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1f1001; margin:10px 20px 0 20px;} #villas table.cielito h6{font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3d2100; margin:5px 20px 0 20px;} .center{text-align:center;} .spaces{padding:10px 15px 0 15px;} table.social{width:445px; height:auto; float:left; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3d2100;} .cursor{cursor:pointer;} /*table*/ table.cabo-luxury{width:400px; height:auto; margin:5px 0 0 50px; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3d2100;} .villa-rentals{background:url(http://www.caboluxuryvillas.com/images/list.gif) 0px 6px no-repeat; padding:0 0 0 10px;} /*--------- BOTTOM PANEL --------- */ #vacation-packages{width:1024px; height:202px; background:url(../images/bottom-bg.gif) repeat-x; float:left; margin:10px 0 0 0;} #vacation-packages p{font:normal 13px "Calibri", Verdana, Ariel, sans-serif; color:#857d53; margin:10px 0 0 26px;} #vacation-packages a:link{font-family:"Calibri", Verdana, Ariel, sans-serif; color:#857d53; text-decoration:underline;} #vacation-packages a:visited{font-family:"Calibri", Verdana, Ariel, sans-serif; color:#857d53; text-decoration:underline;} #vacation-packages a:active{font-family:"Calibri", Verdana, Ariel, sans-serif; color:#857d53; text-decoration:underline;} #vacation-packages a:hover{font-family:"Calibri", Verdana, Ariel, sans-serif; color:#454023; text-decoration:underline;} .right{float:right; padding:0 25px 0 25px;} .left{float:left; padding:0 10px 0 0;} #vacation-packages table{width:980px; height:auto; margin:8px auto; font-size:14px;} #vacation-packages table th{color:#482400; font:normal 16px "Calibri", Verdana, Ariel, sans-serif; height:25px; text-align:left;} #vacation-packages table td.link{background:url(../images/vineta.gif) left center no-repeat; padding:0 0 0 15px;} #vacation-packages table td.sep{background:url(../images/separador.gif) center top repeat-y; width:35px;} #vacation-packages table td.top{background:url(../images/bg-top-line.gif) left top repeat-x;} /*--------- GALLERY VILLAS --------- */ #gallery{width:702px; height:auto; margin:0 auto;} #container {padding:0px;} #ads {clear: both; padding:12px 0 0px 66px;} #footer {clear: both; color: #777; margin: 0 auto; padding:10px 0 40px; text-align: center;} /*--------- TABLE RATES --------- */ table.rates{width:680px; height:auto; margin:0 auto; padding:0; font:normal 14px "Calibri", Verdana, Ariel, sans-serif; color:#3d2100; border-left:1px dashed #e9ded3; border-right:1px dashed #e9ded3; border-bottom:1px dashed #e9ded3; background:url(http://www.caboluxuryvillas.com/images/cabo-vacation-rentals.gif) right 30px no-repeat #fffdfb;} table.rates td{font:normal 14px "Calibri", Verdana, Ariel, sans-serif; color:#3d2100; padding:0 5px 0 5px;} table.rates th{width:680px; height:25px; font:14px "Calibri", Verdana, Ariel, sans-serif; color:#00386b; background:#f8f3ee; border-bottom:1px dashed #e9ded3; border-top:1px dashed #e9ded3; line-height:25px;} /*table Yacht*/ table.luxury-yacht{width:450px; height:auto; margin:0 auto; font:normal 12px "Arial Unicode MS", Helvetica, sans-serif; color:#3d2100;} table.luxury-yacht td.note{font:normal italic 11px "Arial Unicode MS", Helvetica, sans-serif; color:#3d2100;} /*--------- MENU LIST --------- */ ul#nav{float:left; position:relative; margin:0 auto; z-index:100;} ul#nav li{position:relative; float:left; text-transform:uppercase;} ul#nav li:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} ul#nav li a{text-decoration:none; display:block; text-indent: -9000px; z-index:100; position:relative; zoom:1;} ul#nav a#caboluxuryvillas-nav{width:194px; height:75px; background:url(../images/cabo-luxury-villas.png) transparent center center no-repeat;} ul#nav li:hover a#caboluxuryvillas-nav{ background:url(../images/cabo-luxury-villas-hover.png) #E3E2D9 center center no-repeat;} ul#nav a#villasbytype-nav{width:153px; height:75px; background:url(../images/villas-by-type.png) transparent center center no-repeat;} ul#nav li:hover a#villasbytype-nav{width:153px; height:75px; background:url(../images/villas-by-type-hover.png) #E3E2D9 center center no-repeat;} ul#nav a#villasbysyze-nav{width:148px; height:75px; background:url(../images/villas-by-size.png) transparent center center no-repeat;} ul#nav li:hover a#villasbysyze-nav{ background:url(../images/villas-by-size-hover.png) #E3E2D9 center center no-repeat;} ul#nav a#villasbylocation-nav{width:166px; height:75px; background:url(../images/villas-by-location.png) transparent center center no-repeat;} ul#nav li:hover a#villasbylocation-nav{ background:url(../images/villas-by-location-hover.png) #E3E2D9 center center no-repeat;} ul#nav a#aboutus-nav{width:107px; height:75px; background:url(../images/about-us.png) transparent center center no-repeat;} ul#nav li:hover a#aboutus-nav{ background:url(../images/about-us-hover.png) #E3E2D9 center center no-repeat;} ul#nav a#services-nav{width:105px; height:75px; background:url(../images/services.png) transparent center center no-repeat;} ul#nav li:hover a#services-nav{ background:url(../images/services-hover.png) #E3E2D9 center center no-repeat;} ul#nav a#reservations-nav{width:151px; height:75px; background:url(../images/reservations.png) transparent center center no-repeat;} ul#nav li:hover a#reservations-nav{ background:url(../images/reservations-hover.png) #E3E2D9 center center no-repeat;} /*--------- SUBMENU LIST --------- */ ul#nav ul li a{text-indent:0} ul#nav li:hover ul li a{padding:10px 15px; margin:0; font-family: "Calibri", Verdana, Ariel, sans-serif; font-size:14px; height:auto; width:auto; border-top:none; border-bottom:none; background:none; color:#4c483f; margin:0 auto;} ul#nav li:hover ul li a:hover, ul#nav li:hover ul li.here a{background:url(../images/nav_list_active_bg.png) center center repeat-y;border-top:none;color:#fff} ul#nav ul, ul#nav #cabo-subnav{display:none; position:absolute; background-color:transparent; top:75px; padding:10px 10px 10px 10px; z-index:100; right:0;} ul#nav li:hover ul{display:block; background-color:#e3e2d9; width:235px; -moz-box-shadow:3px 3px 12px #666; -webkit-box-shadow:3px 3px 12px #666;} ul#nav li:hover ul li{float:none; text-transform:none; letter-spacing:normal; font-weight:bold; line-height:1.2; border-top:1px dashed #CCC; border-bottom:none; -moz-box-shadow:none; -webkit-box-shadow:none; display:block;} ul#nav li:hover ul li.last{border-bottom:1px dashed #CCC} ul#nav li:hover ul li a{padding:10px 15px; margin:0; font-family: "Calibri", Verdana, Ariel, sans-serif; font-size:14px; height:auto; width:auto; border-top:none; border-bottom:none; background:none; color:#4c483f;} ul#nav li:hover ul li a:hover, ul#nav li:hover ul li.here a{background:url('../images/nav_list_active_bg.png') center center repeat-y; border-top:none; color:#fff;} /*--------- HERO SLIDE SHOW --------- */ #cabo{width:1024px; height:450px; margin:0 auto; position:absolute; top:0; z-index:1; left: 0;} #slider{width:1024px; height:450px; background:url(../images/slide/loading.gif) no-repeat 50% 50% #FFF; margin:0 auto;} /* The Nivo Slider styles */ .nivoSlider {position:relative; left: 0; top: 0;} .nivoSlider img {position:absolute; top:0px; left:0px;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;} /* The slices in the Slider */ .nivo-slice {display:block; position:absolute; z-index:50; height:100%;} /* Caption styles */ .nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89;} .nivo-caption p {padding:5px; margin:0;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute; top:45%; z-index:99; cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a {position:relative; z-index:99; cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;} #slider img {position:absolute; top:0px; left:0px; display:none;} #slider a {border:0; display:block;} .nivo-controlNav {position:absolute; left:900px; bottom:-42px; top:420px;} .nivo-controlNav a {display:block; width:22px; height:22px; background:url(../images/slide/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;} .nivo-controlNav a.active {background-position:0 -22px;} .nivo-directionNav a {display:block; width:30px; height:30px; background:url(../images/slide/arrows.png) no-repeat; text-indent:-9999px; border:0;} a.nivo-nextNav {background-position:-30px 0; right:15px;} a.nivo-prevNav {left:15px;} .nivo-caption {text-shadow:none; font-family: Helvetica, Arial, sans-serif;} .nivo-caption a {color:#efe9d1; text-decoration:underline;} /*CALENDAR*/ input.dp-applied { width: 140px; float: left; } a.dp-choose-date { float: left; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background:url(../images/crabcakes.png) no-repeat; } a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; } #smallcalendar-me { margin: 20px; } pre.sourcecode { border: 2px dashed #ccc; padding: 10px; width: 734px; overflow: auto; margin: 0 0 20px; } .left{float:left; margin:0 15px 0 15px;} /*CALENDAR*/ #smallcalendar{width:250px; font-family: helvetica, arial, verdana, sans-serif; margin:10px auto; position:relative; background-color:#e9e3d4;} #smallcalendar h2{font:bold italic 18px "Calibri", Verdana, Arial, sans-serif; color:#883923; padding:3px 0 0 0; text-align:center;} #smallcalendar .calendar-day-number{display: block; position: absolute; top:20px; right:60px; font-size:30px; letter-spacing: -5px; color: #610007; } #smallcalendar .calendar-day-name{ display: block; font-size: 18px; font-family: georgia, "Times New Roman", serif; font-weight: normal; } #smallcalendar .calendar-month-and-year{display: block; color: #614c38; font-size: 16px; font-style: italic; font-family: georgia, "Times New Roman", serif; font-weight:bold;} #smallcalendar table{ margin:10px auto; width: 240px;} #smallcalendar table td, #smallcalendar table th{ text-align: center; color: #44220e; } #smallcalendar table th{ font-weight: bold; } #smallcalendar table td{ font-size: 0.917em; line-height: 1.636em; } #smallcalendar table td a.k{ display: block; background: transparent url(../images/karaoke.gif) repeat; text-align: center; text-indent: -8px; color: #FFF; line-height: 1.636em; text-decoration: none; } #smallcalendar table td a.b{ display: block; background: transparent url(../images/blue-jazz.gif) repeat; text-align: center; text-indent: -8px; color: #FFF; line-height: 1.636em; text-decoration: none; } #smallcalendar table td a.d{ display: block; background: transparent url(../images/dance-night.gif) repeat; text-align: center; text-indent: -8px; color: #FFF; line-height: 1.636em; text-decoration: none; } #smallcalendar table td a.j{ display: block; background: transparent url(../images/jazz-brunch.gif) repeat; text-align: center; text-indent: -8px; color: #FFF; line-height: 1.636em; text-decoration: none; } #smallcalendar table td a.l{ display: block; background: transparent url(../images/live-music.gif) repeat; text-align: center; text-indent: -8px; color: #FFF; line-height: 1.636em; text-decoration: none; } #smallcalendar table td a.o{ display: block; background: transparent url(../images/other.jpg) repeat; text-align: center; text-indent: -8px; color: #FFF; line-height: 1.636em; text-decoration: none; } #smallcalendar ul{ margin: 7px 0 0 2px; padding: 7px 10px 0 18px; border-top: 1px dashed #b3560d; background-color:#e9e3d4; height:65px;} #smallcalendar ul li{ width: 43%; height:20px; margin:0 auto; padding: 0 0 0 15px; float: left; font-size: 0.917em;} #smallcalendar ul li#karaoke{ background: transparent url(../images/karaoke.gif) left 2px no-repeat;} #smallcalendar ul li#blue-jazz{ background: transparent url(../images/blue-jazz.gif) left 2px no-repeat; } #smallcalendar ul li#dance-night{ background: transparent url(../images/dance-night.gif) left 2px no-repeat; } #smallcalendar ul li#dance-brunch{ background: transparent url(../images/jazz-brunch.gif) left 2px no-repeat; } #smallcalendar ul li#live-music{ background: transparent url(../images/live-music.gif) left 2px no-repeat; } #smallcalendar ul li#other{ background: transparent url(../images/other.jpg) left 2px no-repeat; } #calendar-features{margin:0 auto; clear:both; } #full-calendar-navigation ul{position:relative; float:left;} #full-calendar-navigation li{ display: inline; } #menu.calendar #center-column h1{ position: relative; height: 29px; text-indent: 0; overflow: visible; } #menu.calendar #center-column p{ margin-left: 30px; } #menu.calendar #center-column .calendar-month-and-year{ display: block; position: absolute; top: 8px; left: 30px; color: #6f5943; font-weight: bold; font-size: 18px; font-style: italic; font-family: georgia, "Times New Roman", serif; font-weight: normal; } #menu.calendar #center-column .calendar-full-date{ display: block; position: absolute; top: 30px; left: 30px; font-size: 12px; color: #FFF; } #full-calendar-legend ul{float:left;} #full-calendar-legend li{ display: inline-block; float: left; padding-left: 18px; margin-left: 15px; width:} #calendar{width: 800px; font-family: helvetica, arial, verdana, sans-serif; font-size: 0.917em; margin:10px auto; background-color:#e9e3d4;} #calendar thead tr.calendar-heading-navigation th{ font-weight: bold; font-size: 1.5em; padding: 0 0 0.5em 0; } #calendar thead tr.calendar-heading-days th{ text-align: center; font-weight: normal; } #calendar tbody tr td{ width: 100px; height: 80px; border-top: 1px solid #b8b096; border-right: 1px solid #b8b096; } #calendar tbody tr td.last{ border-right: none; } #calendar tbody tr td.today{ background: #b8b096; } #calendar tbody tr td ul{ margin: 0 0.5em; } #center-column #calendar tbody tr td a{ color: #fff; text-decoration: none; font-size: 10px; color: white; line-height: 11px; display: block; width: 100%; margin: 2px 0; padding: 1px 2px; } .blue{background-color:#178bad; color:#FFF; padding:0 5px 0 5px;} .kar{ color:#FFF; background-color: #a7710a; padding:0 5px 0 5px;} .dance{ color: #FFF; background-color: #4a2e0a; padding:0 5px 0 5px;} .live{ color: #FFF; background: #ad1761; padding:0 5px 0 5px;} .brunch{color:#FFF; background-color:#a70a11; padding:0 5px 0 5px;} .other{color:#FFF; background-color:#5f0aa7; padding:0 5px 0 5px;} #calendar tbody tr td span.calendar-cell-date{ display: block; text-align: right; padding: 0.25em 0.5em; } #calendar ul{ list-style: none; margin: 0; padding: 0; } /* contents testimonials */ .commentbox{background:#f2e4d6; width:670px; padding: 10px; margin-left:20px; color:#482400; text-align:justify; margin-top:10px;} .commentbox p{font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3d2100; padding-left:25px; padding-right:25px; padding-top:10px;} .commentfooter{background:url(http://www.caboluxuryvillas.com/images/arrows.gif) 20px 0 no-repeat; padding-left: 58px; padding-top: 1px; margin-bottom: 2em; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3d2100;} .small{font:normal italic 11px "Arial Unicode MS", Helvetica, sans-serif; color:#3d2100;} /* newsletter*/ #cont{float:left; position:relative; margin:0; width:160px; height:auto;} #SignUp{position:absolute; top:-8px; left:-7px;} #SignUp .signupframe {font-family:"Calibri", Verdana, Ariel, sans-serif; color:#a66821; width:100px; float:left;} .link, .link a { text-decoration: none; } #SignUp .signupframe { background: #fef2e8; } #SignUp .signupframe .required { font-size: 10px; } #SignUp .signupframe .required{font:normal 14px "Calibri", Verdana, Ariel, sans-serif; color:#857d53; line-height:25px;} .input{font:normal 14px "Calibri", Verdana, Ariel, sans-serif; color:#857d53;} .send{font:Bold 14px "Calibri", Verdana, Ariel, sans-serif; color:#FFF; display: block; width:80px; height:20px; background: #670701; text-align: center; text-decoration: none; line-height:15px;}