/*--------------------------------------------------------------------------------------- Website: Columbia Plaza Author: Bitmedia Created: October 2008 ---------------------------------------------------------------------------------------*/ /* Basics Navigation Layout Content Typography Form Styles Misc */ /*--------------------------------------------------------------------------------------- Basics ---------------------------------------------------------------------------------------*/ /* Default and Common CSS styles */ @import "default.css"; @import "common.css"; /* Body */ body { background: #c3c8d3; color: #333; border-top: 10px solid #0a1243;} body.steakhouse { border-top: 10px solid #d72022;} body.laboca { border-top: 10px solid #62bb47;} body.sevenseas { border-top: 10px solid #59417f;} body.venuecentre { border-top: 10px solid #286bbd;} /*--------------------------------------------------------------------------------------- Navigation ---------------------------------------------------------------------------------------*/ /* Top Nav */ ul#topNav { float: left; margin: 1px 0 0 0; padding: 0 0 0 50px; list-style: none;} ul#topNav li { float: left; display: inline; margin: 0; padding: 0;} ul#topNav li a { display: block; float: left; width: 151px; height: 61px; overflow: hidden; text-indent: -9999px; outline: 0;} ul#topNav li a.nav-VenueCentre { background: url('../images/nav-VenueCentre.jpg') no-repeat;} ul#topNav li a.nav-7Seas { background: url('../images/nav-7Seas.jpg') no-repeat;} ul#topNav li a.nav-LaBoca { background: url('../images/nav-LaBoca.jpg') no-repeat;} ul#topNav li a.nav-SteakHouse { background: url('../images/nav-SteakHouse.jpg') no-repeat;} ul#topNav li a:hover { background-position: bottom left;} ul#topNav li a.currentPage { background-position: bottom left !important;} /* Main Nav */ ul#mainNav { padding: 0 1px 0 6px; margin: 0; list-style: none; float: left; } ul#mainNav li { margin: 0 0 0 0; padding: 0 0 2px; float: left; background: url('../images/navDiv.png') no-repeat bottom left;} ul#mainNav li.last { padding: 0; background: none;} ul#mainNav li a { float: left; width: 202px; padding: 11px 0 10px 46px; margin: 0; font-size: 1.2em; color: #fff; text-decoration: none; background: url('../images/mainNavBg.png') no-repeat;} ul#mainNav li.last a { padding-bottom: 13px;} ul#mainNav li a:hover { background-position: -248px 0;} ul#mainNav li a.currentPage { background-position: -496px 0 !important; padding-left: 70px; width: 178px;} /* For the rounded corner background on the last list item */ ul#mainNav li.first a { background: url('../images/mainNavFirst.jpg') no-repeat;} ul#mainNav li.first a:hover { background-position: -248px 0;} ul#mainNav li.first a.currentPage { background-position: -496px 0; padding-left: 70px; width: 178px;} /* Minor Nav */ ul#minorNav { float: right; margin: 0; padding: 0; list-style: none;} ul#minorNav li { float: left; display: inline; margin: 0; padding: 0; background: url('../images/minorNavDivider.jpg') no-repeat center right;} ul#minorNav li.last { background: none;} ul#minorNav li a { float: left; padding: 0 5px; text-decoration: none;} ul#minorNav li a:hover { color: #c24552;} ul#minorNav li a.currentPage { color: #c24552; font-weight: bold;} /*--------------------------------------------------------------------------------------- Layout ---------------------------------------------------------------------------------------*/ /* Container */ #pageWrapper { background: url('../images/containerBg.jpg') repeat-x -128px 0 #fff;} #pageContainer { margin: 0 auto;} #pageLayout { width: 943px; padding: 0 0; margin: 0 auto; position: relative;} #pageHeader { height: 128px; overflow: hidden;} /* Columns */ #pageColumnsContainer { width: 927px; padding: 0 8px 9px 4px; background: url('../images/pageColumnsContainerBg.png') no-repeat bottom left;} body.steakhouse #pageColumnsContainer { background: url('../images/pageColumnsContainerBg-steakhouse.png') no-repeat bottom left; } body.laboca #pageColumnsContainer { background: url('../images/pageColumnsContainerBg-laboca.png') no-repeat bottom left; } body.sevenseas #pageColumnsContainer { background: url('../images/pageColumnsContainerBg-7seas.png') no-repeat bottom left; } body.venuecentre #pageColumnsContainer { background: url('../images/pageColumnsContainerBg-venue.png') no-repeat bottom left; } #pageColumns { width: 932px; background: url('../images/pageColumnsBg.png') no-repeat; padding: 6px 0 0 0;} body.steakhouse #pageColumns { background: url('../images/pageColumnsBg-steakhouse.png') no-repeat; } body.laboca #pageColumns { background: url('../images/pageColumnsBg-laboca.png') no-repeat; } body.sevenseas #pageColumns { background: url('../images/pageColumnsBg-7seas.png') no-repeat; } body.venuecentre #pageColumns { background: url('../images/pageColumnsBg-venue.png') no-repeat; } #sideColumnContainer { float: left; width: 260px;} #sideColumn { background: url('../images/sideColumn.png') repeat-x;} #mainColumn { float: right; width: 665px; margin: 0 0 0 0px; padding: 0 0 0 0;} .innerWideContentContainer { width: 658px; padding-top: 10px; margin: 0 0 0 2px;} body.steakhouse .innerWideContentContainer { background: url('../images/steakhouse-innerContentWideTop.png') no-repeat;} body.laboca .innerWideContentContainer { background: url('../images/laboca-innerContentWideTop.png') no-repeat;} body.sevenseas .innerWideContentContainer { background: url('../images/sevenseas-innerContentWideTop.png') no-repeat;} body.venuecentre .innerWideContentContainer { background: url('../images/venuecentre-innerContentWideTop.png') no-repeat;} .innerWideContent { width: 638px; color: #fff; padding: 0 10px 10px 10px; overflow: hidden;} body.steakhouse .innerWideContent { background: url('../images/steakhouse-innerContentWideBottom.png') no-repeat bottom left;} body.laboca .innerWideContent { background: url('../images/laboca-innerContentWideBottom.png') no-repeat bottom left;} body.sevenseas .innerWideContent { background: url('../images/sevenseas-innerContentWideBottom.png') no-repeat bottom left;} body.venuecentre .innerWideContent { background: url('../images/venuecentre-innerContentWideBottom.png') no-repeat bottom left;} .innerWideContent h1 { border-bottom: 1px solid #fff; padding: 15px 0 10px 0!important; margin: 0 15px 0.7em;} .innerWideContent p { padding:0 15px !important;} .innerContentFeaturesContainer { width: 658px; padding-top: 10px; margin: 0 0 0 2px;} body.steakhouse .innerContentFeaturesContainer { background: url('../images/steakhouse-innerContentFeaturesTop.png') no-repeat;} body.laboca .innerContentFeaturesContainer { background: url('../images/laboca-innerContentFeaturesTop.png') no-repeat;} body.sevenseas .innerContentFeaturesContainer { background: url('../images/sevenseas-innerContentFeaturesTop.png') no-repeat;} body.venuecentre .innerContentFeaturesContainer { background: url('../images/venuecentre-innerContentFeaturesTop.png') no-repeat;} .innerContentFeatures { width: 638px; overflow: hidden; color: #fff; padding: 0 10px 10px 10px;} body.steakhouse .innerContentFeatures { background: url('../images/steakhouse-innerContentFeaturesBottom.png') no-repeat bottom left;} body.laboca .innerContentFeatures { background: url('../images/laboca-innerContentFeaturesBottom.png') no-repeat bottom left;} body.sevenseas .innerContentFeatures { background: url('../images/sevenseas-innerContentFeaturesBottom.png') no-repeat bottom left;} body.venuecentre .innerContentFeatures { background: url('../images/venuecentre-innerContentFeaturesBottom.png') no-repeat bottom left;} .innerContentFeatures h3 { font-size: 1.6em; padding: 5px 0 5px; margin: 0 10px 10px 0; border-bottom: 1px solid #fff;} .feature1 { float: left; width: 284px; margin: 5px 0 0 5px; padding: 0 10px 10px;} * html .feature1 { display: inline;} .feature1Side { float: left; width: 130px;} .feature1Text { float: right; width: 150px; padding: 0;} .feature1Text p { margin: 0 !important; padding: 0 0 0 5px !important; line-height: 1.4em !important;} body.steakhouse .feature1Side img { border: 2px solid #ed565a;} body.laboca .feature1Side img { border: 2px solid #8fd978;} body.sevenseas .feature1Side img { border: 2px solid #c1a8ec;} body.venuecentre .feature1Side img { border: 2px solid #6fa4f0;} .feature1Text a { padding: 0 0 0 15px; margin: 0 0 0 5px; color: #fff !important;} body.steakhouse .feature1Text a {background: url('../images/steakhouse-whiteArrow.png') no-repeat center left;} body.laboca .feature1Text a {background: url('../images/laboca-whiteArrow.png') no-repeat center left;} body.sevenseas .feature1Text a {background: url('../images/sevenseas-whiteArrow.png') no-repeat center left;} body.venuecentre .feature1Text a {background: url('../images/venuecentre-whiteArrow.png') no-repeat center left;} .feature2 { float: left; width: 286px; margin: 5px 0 0 22px; padding: 0 10px;} .feature2 p { margin: 0 !important; padding: 0 0 0 5px !important; line-height: 1.4em !important;} /* Footer */ #footerContainer { padding-bottom: 61px; width: 100%; height: auto; background: url('../images/pageContainerBg.jpg') repeat-x bottom left #fff;} #footer { width: 927px; padding: 10px 8px; margin: 0 auto;} /*--------------------------------------------------------------------------------------- Content ---------------------------------------------------------------------------------------*/ /* Header */ img#logo { float: left;} #contact { float: left; padding: 8px 0 0 50px;} #contact img { vertical-align: middle;} #townhouses { position: absolute; top: 68px; right: 23px; display: block; width: 124px; height: 43px; text-indent: -9999px; overflow: hidden; background: url('../images/townhouses.png') no-repeat;} #townhouses:hover { background-position: bottom left;} /* Main Image */ #mainImageContainer { background: #091242;} #mainImageCenteringContainer {width:100%;text-align:center;} img#mainImage { margin-left:auto; margin-right:auto; padding:0; border:1px solid #0a1243;} #mainImageCenteringContainer img { margin-left:auto; margin-right:auto; padding:0; border:1px solid #0a1243;} #mainImageInfo { float: left; padding: 5px 0 5px 10px;} #mainImageNext { float: right; padding: 5px 10px 0 5px;} /* features */ #featuresContainer { width: 664px; margin: 5px 0 0 0; padding-bottom: 8px; background: url('../images/paper.jpg'); border-top: 1px solid #082258;} #features { width: 100%;} body.columbiaSteakHouse #features { color: #C24552;} body.columbiaSteakHouse #features a:link, body.columbiaSteakHouse #features a:visited { color: #c24552; } body.columbiaSteakHouse #features a:hover { color: #091243;} body.laBoca #features a:link, body.laBoca #features a:visited { color: #5FA95E; } body.laBoca #features a:hover { color: #091243;} body.sevenSeas #features a:link, body.laBoca #features a:visited { color: #6077c3; } body.sevenSeas #features a:hover { color: #091243;} body.venueCentre #features a:link, body.venueCentre #features a:visited { color: #4695c2; } body.venueCentre #features a:hover { color: #091243;} #featureBox { float: left; width: 320px; padding: 25px 15px 25px 20px;} #featureSide { float: left; } #featureSide img { border:1px solid #002967; } #featureText { float: right; width: 160px;} /* Features bg change for sections */ body.venueCentre #featuresContainer { background: url('../images/venueCentre-featuresBottom.jpg') no-repeat bottom left;} body.sevenSeas #featuresContainer { background: url('../images/sevenSeas-featuresBottom.jpg') no-repeat bottom left;} body.laBoca #featuresContainer { background: url('../images/laBoca-featuresBottom.jpg') no-repeat bottom left;} body.columbiaSteakHouse #featuresContainer { background: url('../images/steakHouse-featuresBottom.jpg') no-repeat bottom left;} body.venueCentre #features { background: url('../images/venueCentre-features.jpg') no-repeat;} body.sevenSeas #features { background: url('../images/sevenSeas-features.jpg') no-repeat;} body.laBoca #features { background: url('../images/laBoca-features.jpg') no-repeat;} body.columbiaSteakHouse #features { background: url('../images/steakHouse-features.jpg') no-repeat;} /* Gallery Page */ img#galleryLogo { float: right;} #galleryHeader { float: left; font-size: 1.8em !important; padding: 12px 0 0 15px !important; margin: 0 !important; border-bottom: 0;} img.galleryLogo { float: right;} .innerWideContent h1.galleryHeader { float: left; font-size: 1.8em !important; padding: 12px 0 0 15px !important; margin: 0 !important; border-bottom: 0 !important;} #image360 { float: left; width: 434px; padding: 15px 0 15px 15px;} #image360 img { border: 2px solid #002967;} #text360 { float: left; width: 185px;} #text360 h3 { border-bottom: 1px solid #fff; margin: 14px 15px 10px; padding: 0 0 5px;} .quicktimeNotice {font-size: 75%;} img#quicktimeLogo { float: left; margin: 4px 10px 0 0;} .innerContentGalleryContainer { width: 658px; padding-top: 10px; margin: 0 0 0 2px;} body.steakhouse .innerContentGalleryContainer { background: url('../images/steakhouse-innerContentGalleryTop.png') no-repeat;} body.laboca .innerContentGalleryContainer { background: url('../images/laboca-innerContentGalleryTop.png') no-repeat;} body.sevenseas .innerContentGalleryContainer { background: url('../images/sevenseas-innerContentGalleryTop.png') no-repeat;} body.venuecentre .innerContentGalleryContainer { background: url('../images/venuecentre-innerContentGalleryTop.png') no-repeat;} .innerContentGallery { width: 638px; overflow: hidden; color: #fff; padding: 0 10px 10px 10px;} body.steakhouse .innerContentGallery { background: url('../images/steakhouse-innerContentGalleryBottom.png') no-repeat bottom left;} body.laboca .innerContentGallery { background: url('../images/laboca-innerContentGalleryBottom.png') no-repeat bottom left;} body.sevenseas .innerContentGallery { background: url('../images/sevenseas-innerContentGalleryBottom.png') no-repeat bottom left;} body.venuecentre .innerContentGallery { background: url('../images/venuecentre-innerContentGalleryBottom.png') no-repeat bottom left;} /* Past gallery goes full width */ body.steakhouse #innerContentPastGalleryContainer { width: 658px; padding-top: 10px; margin: 0 0 0 2px; background: url('../images/steakhouse-innerContentWideTop.png') no-repeat;} body.steakhouse #innerContentPastGalleryContainer .innerContentGallery { width: 638px; color: #fff; padding: 0 10px 10px 10px; overflow: hidden; background: url('../images/steakhouse-innerContentWideBottom.png') no-repeat bottom left;} body.laboca #innerContentPastGalleryContainer { width: 658px; padding-top: 10px; margin: 0 0 0 2px; background: url('../images/laboca-innerContentWideTop.png') no-repeat;} body.laboca #innerContentPastGalleryContainer .innerContentGallery { width: 638px; color: #fff; padding: 0 10px 10px 10px; overflow: hidden; background: url('../images/laboca-innerContentWideBottom.png') no-repeat bottom left;} body.sevenseas #innerContentPastGalleryContainer { width: 658px; padding-top: 10px; margin: 0 0 0 2px; background: url('../images/sevenseas-innerContentWideTop.png') no-repeat;} body.sevenseas #innerContentPastGalleryContainer .innerContentGallery { width: 638px; color: #fff; padding: 0 10px 10px 10px; overflow: hidden; background: url('../images/sevenseas-innerContentWideBottom.png') no-repeat bottom left;} body.venuecentre #innerContentPastGalleryContainer { width: 658px; padding-top: 10px; margin: 0 0 0 2px; background: url('../images/venuecentre-innerContentWideTop.png') no-repeat;} body.venuecentre #innerContentPastGalleryContainer .innerContentGallery { width: 638px; color: #fff; padding: 0 10px 10px 10px; overflow: hidden; background: url('../images/venuecentre-innerContentWideBottom.png') no-repeat bottom left;} /* These pages no longer have a Video link, so the Gallery goes full width */ body.steakhouse #innerContentGalleryContainer { width: 658px; padding-top: 10px; margin: 0 0 0 2px; background: url('../images/steakhouse-innerContentWideTop.png') no-repeat;} body.steakhouse #innerContentGalleryContainer .innerContentGallery { width: 638px; color: #fff; padding: 0 10px 10px 10px; overflow: hidden; background: url('../images/steakhouse-innerContentWideBottom.png') no-repeat bottom left;} body.laboca #innerContentGalleryContainer { width: 658px; padding-top: 10px; margin: 0 0 0 2px; background: url('../images/laboca-innerContentWideTop.png') no-repeat;} body.laboca #innerContentGalleryContainer .innerContentGallery { width: 638px; color: #fff; padding: 0 10px 10px 10px; overflow: hidden; background: url('../images/laboca-innerContentWideBottom.png') no-repeat bottom left;} body.venuecentre #innerContentGalleryContainer { width: 658px; padding-top: 10px; margin: 0 0 0 2px; background: url('../images/venuecentre-innerContentWideTop.png') no-repeat;} body.venuecentre #innerContentGalleryContainer .innerContentGallery { width: 638px; color: #fff; padding: 0 10px 10px 10px; overflow: hidden; background: url('../images/venuecentre-innerContentWideBottom.png') no-repeat bottom left;} .innerContentGallery h3 { font-size: 1.6em; padding: 5px 0 5px; margin: 0 10px 10px 0; border-bottom: 1px solid #fff;} .imageGallery {float: left; width: 429px; padding: 0 5px 15px 15px; min-height: 225px; height: auto;} * html .imageGallery { height: 225px;} /* Past gallery goes full width */ #innerContentPastGalleryContainer .imageGallery { width: 599px;} /* These pages no longer have a Video link, so the Gallery goes full width */ body.venuecentre #innerContentGalleryContainer .imageGallery { width: 599px;} body.steakhouse #innerContentGalleryContainer .imageGallery { width: 599px;} body.laboca #innerContentGalleryContainer .imageGallery { width: 599px;} .videoGallery { float: right; width: 149px; padding: 0 10px;} .videoGallery img.video { margin-top: 10px;} body.steakhouse .videoGallery img.video { margin-top: 10px; border: 2px solid #f86f69; } body.laboca .videoGallery img.video { margin-top: 10px; border: 2px solid #9edf89; } body.sevenseas .videoGallery img.video { margin-top: 10px; border: 2px solid #c0a7eb; } body.venuecentre .videoGallery img.video { margin-top: 10px; border: 2px solid #6fa4f0; } .videoGallery p.flashText { padding: 10px 0 0 0!important;} .videoGallery .flashLogo { float: left; margin: 3px 10px 10px 0;} .videoGallery h3 { border-bottom: 0; padding: 15px 0 0 0;} .imageGallery h3 { float: left; border-bottom: 0; padding: 15px 0 0 0;} .imageGallery div { float: left; } .imageGallery div img { margin: 0 8px 7px 0;} body.steakhouse .imageGallery div img { border: 2px solid #f9726b; } body.laboca .imageGallery div img { border: 2px solid #9edf89; } body.sevenseas .imageGallery div img { border: 2px solid #c0a7eb; } body.venuecentre .imageGallery div img { border: 2px solid #6fa4f0; } .imageGallery div a:hover img { border: 2px solid #fff;} /* Section Links */ body.steakhouse #mainColumn a { color: #fff;} body.steakhouse #mainColumn a:hover { color: #091243;} body.laboca #mainColumn a { color: #fff;} body.laboca #mainColumn a:hover { color: #091243;} body.sevenseas #mainColumn a { color: #fff;} body.sevenseas #mainColumn a:hover { color: #091243;} body.venuecentre #mainColumn a { color: #fff;} body.venuecentre #mainColumn a:hover { color: #091243;} /* footer */ #valid { float: left; padding-left: 10px;} #valid img { vertical-align: top; margin-top: 3px;} #copyright { float: left; padding-left: 8px;} /* Social Page */ #havanaLoungeBar { position: relative; width: 640px; height: 247px; margin: 0 0 1.2em 11px; border: 1px solid #202854; background: url('../images/havanaLoungeBar.jpg') no-repeat; } /*#havanaLoungeBar a { position: absolute; bottom: 20px; right: 60px; display: block; width: 101px; height: 24px; background: url('../images/bookOnline-social.png') no-repeat; text-indent: -9999px; outline: 0;} #havanaLoungeBar a:hover { background-position:top right;} */ #havanaLoungeBar a {display:none;} #columbiaCinema { position: relative; width: 640px; height: 247px; margin: 3em 0 1.2em 11px; border: 1px solid #202854; background: url('../images/columbiaCinema.jpg') no-repeat; } #columbiaCinema a { position: absolute; bottom: 20px; right: 60px; display: block; width: 101px; height: 24px; background: url('../images/bookOnline-social.png') no-repeat; text-indent: -9999px; outline: 0;} #columbiaCinema a:hover { background-position:top right;} /*--------------------------------------------------------------------------------------- Page Groups ---------------------------------------------------------------------------------------*/ /* Features on Homepage */ #featuresPg { overflow: hidden; padding: 0 0 0 10px;} #featuresPg .featuresItem{ float: left; width: 309px; padding: 0 11px 10px 0;} #featuresPg .featuresItemImg{ float: left; width: 154px;} #featuresPg .featuresItemHeader { float: right; width: 155px; font-size: 1.5em; color: #00448a; line-height: 1em;} #featuresPg .featuresItemAbstract{ float: right; width: 155px; margin-top: 5px; line-height: 1.2em; color: #00448a;} #featuresPg .featuresItemLink{ float: right; width: 155px;} #featuresPg .featuresItemLink a { display: block; width: 62px; height: 18px; margin-top: 10px; background: url('../images/features-view.png') no-repeat; text-indent: -9999px; outline: 0;} #featuresPg .featuresItemLink a:hover { background-position: top right;} /* Featured Events PageGroup */ #featuredEventContainer { float: left; width: 100%; padding-bottom: 15px; margin-bottom: 10px; } #featuredEventContainer .last { border-bottom: 0;} .fe { width: 210px; padding: 0 4px 20px; margin: 15px auto 0; line-height: 1.3em; font-size: 1.1em;} .fe .feHeader { font-size: 1.2em; font-weight: bold; padding: 0 0 0 10px; background: url('../images/whiteDot.png') no-repeat 0 5px;} .fe .feHeader a {color: #fff; text-decoration:none;} .fe .feHeader a:hover { color: #c24552;} .fe .feDate { padding: 0 0 0 10px;} .fe .feAbstract { margin-top: 10px;} .fe .feLink a { display: block; width: 82px; height: 18px; background: url('../images/readmore.png') no-repeat; text-indent: -9999px; margin-top: 10px;} .fe .feLink a:hover { background-position: top right;} /* Past Events PageGroup */ #pastEventContainer { float: left; width: 100%; padding-bottom: 15px; margin-bottom: 10px;} #pastEventContainer .last { border-bottom: 0;} /* Featured Gallery PageGroup */ #featuredGalleryContainer { float: left; width: 247px; margin: 0 6px; padding: 5px 0 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} * html #featuredGalleryContainer { display: inline;} #sideColumn #featuredGalleryContainer h3 { background: url('../images/cameraIcon.png') no-repeat top left; padding: 13px 0 13px 50px; margin: 0 0 0 13px; font-size: 1.4em; font-weight: bold; width: 184px; text-align: left;} .fg { width: 210px; padding: 0 4px 5px; margin: 8px auto 0; line-height: 1.3em; font-size: 1.1em; overflow: hidden;} .fg .fgHeader { font-size: 1.2em; font-weight: bold;} .fg .fgAbstract { margin-top: 10px; padding: 0 0 0 3px; float: left; width: 92px;} .fg .fgImage { float:left; margin-right: 10px;} .fg .fgImage img { border: 1px solid #fff;} .fg .fgLink { margin-top: 10px; float: left; width: 89px; } .fg .fgLink a { display: block; width: 89px; height: 18px; background: url('../images/viewgallery.png') no-repeat; text-indent: -9999px; outline: 0;} .fg .fgLink a:hover { background-position: top right;} body.laboca #featuredGalleryContainer { background: #549c3d;} body.laboca .fg .fgImage img { border: 2px solid #7fd363;} body.steakhouse #featuredGalleryContainer { background: #d51f21;} body.steakhouse .fg .fgImage img { border: 2px solid #ff7e75;} body.venuecentre #featuredGalleryContainer { background: #266bbc;} body.venuecentre .fg .fgImage img { border: 2px solid #6fa4f0;} body.sevenseas #featuredGalleryContainer { background: #6c5792;} body.sevenseas .fg .fgImage img { border: 2px solid #c0a7eb;} /* News Listing on Main Page */ #newsPg { float: left; width: 262px; padding: 20px;} #newsPg ul { margin: 0; list-style: none;} #newsPg ul li { padding: 0;} .newsHeader { margin-top: 10px; font-size: 1.2em; font-weight: bold;} .newsAbstract { line-height: 1.3em; margin-bottom: .5em;} .newsLink a { padding: 0 0 0 15px; font-weight: bold; font-style: italic; background: url('../images/blueArrow.gif') no-repeat center left;} body.columbiaSteakHouse .newsLink a { background: url('../images/redArrow.gif') no-repeat center left;} body.laBoca .newsLink a { background: url('../images/greenArrow.gif') no-repeat center left;} body.venueCentre .newsLink a { background: url('../images/lightBlueArrow.gif') no-repeat center left;} /* About Page PageGroup */ body.aboutPage #pageColumns { background: url('../images/pageColumnsBg-about.png') no-repeat;} body.aboutPage h1 { color: #fff;} #aboutUsHeader { color: #fff !important;} .about { width: 652px; height: 270px; padding-top: 8px; margin-left: 5px; overflow: hidden; color: #fff;} #about-venue { background: url('../images/about-venue.png') no-repeat;} #about-steakhouse { background: url('../images/about-steakhouse.png') no-repeat;} #about-7seas { background: url('../images/about-7seas.png') no-repeat;} #about-laboca { background: url('../images/about-laboca.png') no-repeat;} #mainColumn .about h2 { margin: 10px 15px 5px 15px; padding:15px 25px 0.7em 3px; border-bottom: 1px solid #fff; font-size: 1.7em; color: #fff;} #mainColumn .about p { padding: 0 15px;} .aboutImg { float: left; padding: 0 0 0 8px; width: 169px; height: 254px;} .aboutAbstract { float: left; width: 297px; height: 254px; padding: 0 0 0 17px;} .aboutLogo { float: right; width: 138px; height: 60px; padding: 0 8px 0 0;} .aboutNav { float: right; width: 138px; height: 179px; padding: 15px 8px 0 0;} .aboutNav ul { margin: 0; padding: 0; list-style: none; } .aboutNav ul li { margin: 0; padding: 0;} .aboutNav ul li a {display: block; width: 100px; color: #fff; text-decoration: none; padding: 10px 0 12px 38px;} .aboutNav ul li a:visited { color: #fff;} #about-venue .aboutNav ul li a { background: url('../images/aboutnav-venue.png') no-repeat; } #about-venue .aboutNav ul li a:hover { background-position: top right;} #about-steakhouse .aboutNav ul li a { background: url('../images/aboutnav-steakhouse.png') no-repeat; } #about-steakhouse .aboutNav ul li a:hover { background-position: top right;} #about-7seas .aboutNav ul li a { background: url('../images/aboutnav-7seas.png') no-repeat; } #about-7seas .aboutNav ul li a:hover { background-position: top right;} #about-laboca .aboutNav ul li a { background: url('../images/aboutnav-laboca.png') no-repeat;} #about-laboca .aboutNav ul li a:hover { background-position: top right;} /* Our People */ #obPg { margin: 0 0 0 18px; overflow: hidden;} .ob { float: left; margin: 20px 0; overflow: hidden; } /*.obImg { float: left; width: 326px; margin-right: 20px;} */ .obImg { float: left; width: 175px; margin-right: 20px;} .obImg img { border: 1px solid #091545;} /*.obLogo { float: left; width: 286px;} */ .obLogo { float: left; width: 286px;} /*.obAbstract { float: left; width: 286px; margin-top: 10px;}*/ .obAbstract { float: left; width: 437px; margin-top: 10px;} #mainColumn .obAbstract p { margin: 0 0 1.2em; padding: 0;} /* Do not display the Menu Link?? */ .aboutNav li.NO {display:none;} /*#aboutPageGroup { padding-left: 18px; background-color:#0a1243; color:#fff;} .about { overflow: hidden; margin-bottom: 50px;} .aboutImage { float: left; width: 166px;} .aboutImage img { border: 1px solid #7280fa;} .aboutImage a:hover img { border: 1px solid #0d1141;} .aboutAbstract { float: left; width: 300px; height:251px; margin-left:15px; border: 1px solid #7280fa; background-color:#152475;} .aboutAbstract p { padding: 0 !important; margin: 1.25em 0 0 0 !important;} .aboutGallery { float: left; width: 130px; margin-left:15px; border: 1px solid #7280fa; background-color:#152475;} .aboutGallery p { padding: 0 !important; margin: 1.25em 0 0 0 !important;} .aboutInfo { float: left; width: 130px; margin-left:15px; margin-top:10px; height:200px; border: 1px solid #7280fa; background-color:#152475;} .aboutInfo p { padding: 0 !important; margin: 1.25em 0 0 0 !important;} */ /* Accomodation (on location page) */ #accPg { margin: 25px 0 0 25px; overflow: hidden;} .acc, .acc-last { float: left; width:184px; margin-right: 30px; padding-bottom: 10px;} .acc-last { margin-right: 0;} .accHead { background: url('../images/headerbg-hotel.png') repeat-x #182b6f; color: #fff; font-size: 1.4em; padding: 4px 10px; border: 1px solid #7f8fdd;} .accImg { margin-top: 5px;} .accImg img { border: 1px solid #0f1343;} .accAbstract { margin-top: 5px;} #mainColumn .accAbstract p { padding: 0 0 1em 0; line-height: 1.4em; margin: 0;} .accLink {} .accLink a { display: block; width: 138px; height: 22px; border: 1px solid #96a2ea; background: url('../images/moreInfo.png') no-repeat; text-indent: -9999px; outline: 0;} .accLink a:hover { background-position: top right;} /* Testimonials */ #pgTestim {margin-left:25px; margin-right:25px;} .testimonialHeader {font-weight:bold; font-size:130%;} .testimonialAbstract { } .testimonialLink {margin-bottom:1em;} /*--------------------------------------------------------------------------------------- Typography ---------------------------------------------------------------------------------------*/ /* Links */ a:link, a:visited { color: #091243;} a:hover { color: #c24552;} /* Base Type */ body { font: 62.5% arial, tahoma, arial, helvetica;} #pageContainer { font-size: 1.2em; line-height: 1.8em; text-align: left;} #sideColumn { color: #fff; background: transparent;} #mainColumn p { margin-bottom: 1.2em; padding: 0 25px; line-height: 1.5em;} /* Main Image */ #mainImageInfo, #mainImageNext { font-size: 1.2em; color: #8da6d2; } #features { color: #0a1243;} /* PageHeader */ #contact { color: #091242; line-height: 1.4em; font-size: 1.2em; background: transparent;} #contact strong { font-size: .9em; word-spacing:-1px;} #contact a { color: #091242; text-decoration: none; background: transparent;} #contact a:hover { color: #fff; background: transparent;} /* Features */ #featureText p { padding: 0; line-height: 1.3em; margin-bottom: .9em;} #featureText a { padding: 0 0 0 15px; font-weight: bold; font-style: italic; background: url('../images/blueArrow.gif') no-repeat center left;} body.columbiaSteakHouse #featureText a { background: url('../images/redArrow.gif') no-repeat center left;} body.laBoca #featureText a { background: url('../images/greenArrow.gif') no-repeat center left;} body.venueCentre #featureText a { background: url('../images/lightBlueArrow.gif') no-repeat center left;} /* Venue Features Text Color Changes */ body.venueCentre #newsPg, body.venueCentre #features {color:#4695c2;} body.sevenSeas #newsPg, body.sevenSeas #features {color:#6077c3;} body.laBoca #newsPg, body.laBoca #features {color:#5fa95e;} body.colombiaSteakHouse #newsPg, body.colombiaSteakHouse #features {color:#c24651;} /* footer */ #footer { font-size: 1.1em; line-height: 1.8em; text-align: left;} /* Headers */ #sideColumn h3 { width: 100%; font-size: 1.8em; color: #fff; text-align: center; background: transparent;} #sideColumn #featuredEventContainer h3, #sideColumn #pastEventContainer h3 { margin: 0 0 0 6px; padding: 8px 0 12px 60px; width: 188px; text-align: left; line-height: 20px; font-size: 1.4em; font-weight: bold; background: url('../images/sideColHead.png') no-repeat bottom left; border-top: 1px solid #96aeca;} #mainColumn h1 { font-size: 1.8em; padding: 30px 25px .7em; color:#303974;} #mainColumn h2 { font-size: 1.8em; padding: 15px 25px .7em; color:#303974;} #features h3 { font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 1.7em;} #featureText h3 { margin-bottom: 5px; font-size: 1.5em; font-style: italic;} body.steakhouse h1, body.laboca h1, body.sevenseas h1, body.venuecentre h1 { color: #fff !important;} /* Google World Button */ a.googleWorld { display: block; width: 256px; height: 38px; background: url('../images/googleWorld.jpg') no-repeat; text-indent: -9999px; outline: 0; margin: 5px 0 0;} a.googleWorld:hover { background-position: top right;} /*--------------------------------------------------------------------------------------- Form Styles ---------------------------------------------------------------------------------------*/ /* Default Form Style */ #contactForm { width: 550px; padding: 0 0 0 25px;} .formRow { width: 100%; float: left; margin-bottom: 10px;} .formLeft { width: 150px; float: left;} .formRight { float: left;} input.input { border: 1px solid #9a9a9a; background: #eff0f6; color: #000;} textarea.textarea { border: 1px solid #9a9a9a; background: #eff0f6;} select.select { border: 1px solid #9a9a9a; background: #eff0f6; color: #000;} select.select option {background: #fff; color: #000;} input.submit { cursor: pointer; margin-left: 150px;} input.submit:hover { } #contactForm .submit { display: block; width: 107px; height: 27px; line-height: 27px !important; text-align: center; border: 0; background: url('../images/sendMessageButton.png') no-repeat;} #contactForm .submit:hover { background-position: top right;} /* Reserve Form */ #reserveForm { padding: 0 5px; margin-top: 20px;} #reserveForm .formLeft { width: 95px;} #reserveForm .select { margin-right: 5px;} #reserveForm .submit { margin: 0 95px 0 !important;} /* Event Booking Form */ #eventBookForm { padding: 0 5px 20px 15px; margin-top: 20px; } #eventBookForm .formLeft { width: 150px;} #eventBookForm .select { margin-right: 5px;} #eventBookForm .submit { margin: 0 150px 0 !important;} /* Book Online Form */ #bookOnlineForm { padding: 0 5px 20px 15px; margin-top: 20px; } #bookOnlineForm .formLeft { width: 150px;} #bookOnlineForm .select { margin-right: 5px;} #bookOnlineForm .submit { margin: 0 150px 0 !important;} /* Guestbook */ #pnlComments { margin: 0 25px; padding: 0 0 20px;} /*Comments form */ #commentInput { } .row { overflow: hidden; margin-bottom: 10px;} .commentInputTitleText, .commentInputCommentText { float: left; width: 100px;} #commentInput .input { width: 200px; padding: 2px 0;} #commentInput .textarea { width: 300px;} #commentInput .submit { display: block; width: 107px; height: 27px; margin: 0 0 0 100px; line-height: 27px !important; text-align: center; border: 0; background: url('../images/sendMessageButton.png') no-repeat; text-decoration: none;} #commentInput .submit:hover { background-position: top right;} /*Comments Display */ #comments { margin: 40px 0 0;} .commentOutput { overflow: hidden; width: 600px; background: #e2e2e3; border: 1px solid #c2c2c4; margin-top: 10px; padding: 10px;} .commentOutputText { float: left; width: 100%;} .commentOutputTitle { float: left; width: auto; font-weight: bold;} .commentOutputName { float: right; width: auto;} /*--------------------------------------------------------------------------------------- Misc. ---------------------------------------------------------------------------------------*/ /* Error Page */ body.errorPage {} body.errorPage p#errorMessage { padding: 100px 0; text-align: center;} /* Buttons */ /*#sectionNav { overflow: auto; padding: 0 0 1.4em 15px;} */ /* Take a Look Around */ /*a.takeLook { display: block; width: 194px; height: 34px; background: url('../images/takeLook-venue.png') no-repeat; text-indent: -9999px; outline: 0; float: left; margin: 2px 50px 0 0;} body.steakhouse a.takeLook { background: url('../images/takeLook-steakhouse.png') no-repeat;} body.laboca a.takeLook { background: url('../images/takeLook-laboca.png') no-repeat;} body.sevenseas a.takeLook { background: url('../images/takeLook-7seas.png') no-repeat;} body.venuecenter a.takeLook { background: url('../images/takeLook-venue.png') no-repeat;} a.takeLook:hover { background-position: bottom left !important;;} a.bookOnline { display: block; width: 145px; height: 37px; background: url('../images/bookOnline-venue.png') no-repeat; text-indent: -9999px; outline: 0; float: left; margin-right: 50px;} body.steakhouse a.bookOnline { background: url('../images/bookOnline-steakhouse.png') no-repeat;} body.laboca a.bookOnline { background: url('../images/bookOnline-laboca.png') no-repeat;} body.sevenseas a.bookOnline { background: url('../images/bookOnline-7seas.png') no-repeat;} body.venuecenter a.bookOnline { background: url('../images/bookOnline-venue.png') no-repeat;} a.bookOnline:hover { background-position: bottom left !important;;} a.locationMap { display: block; width: 158px; height: 35px; background: url('../images/locationMap-venue.png') no-repeat; text-indent: -9999px; outline: 0; float: left; margin: 1px 0 0 0;} body.steakhouse a.locationMap { background: url('../images/locationMap-steakhouse.png') no-repeat;} body.laboca a.locationMap { background: url('../images/locationMap-laboca.png') no-repeat;} body.sevenseas a.locationMap { background: url('../images/locationMap-7seas.png') no-repeat;} body.venuecenter a.locationMap { background: url('../images/locationMap-venue.png') no-repeat;} a.locationMap:hover { background-position: bottom left !important;;} a.viewMenu { display: block; width: 156px; height: 37px; background: url('../images/viewMenu-venue.png') no-repeat; text-indent: -9999px; outline: 0; float: right; margin: 0 25px 0 0;} body.steakhouse a.viewMenu { background: url('../images/viewMenu-steakhouse.png') no-repeat;} body.laboca a.viewMenu { background: url('../images/viewMenu-laboca.png') no-repeat;} body.sevenseas a.viewMenu { background: url('../images/viewMenu-7seas.png') no-repeat;} body.venuecenter a.viewMenu { background: url('../images/viewMenu-venue.png') no-repeat;} a.viewMenu:hover { background-position: bottom left !important;} */ #sectionNav { overflow: auto; padding: 0 0 1.4em 15px;} /* Take a Look Around NEED HOVER STYLES FOR THESE */ a.takeLook { display: block; width: 156px; height: 37px; background: url('../images/ColumbiaButtons360.png') no-repeat; text-indent: -9999px; outline: 0; float: left; margin: 2px 20px 0 0;} a.takeLook:hover { background-position: bottom left !important;} a.bookOnline { display: block; width: 132px; height: 37px; background: url('../images/ColumbiaButtonsBook.png') no-repeat; text-indent: -9999px; outline: 0; float: left; margin-right: 20px;} a.bookOnline:hover { background-position: bottom left !important;} a.locationMap { display: block; width: 135px; height: 37px; background: url('../images/ColumbiaButtonsMap.png') no-repeat; text-indent: -9999px; outline: 0; float: left; margin-right: 20px;} a.locationMap:hover { background-position: bottom left !important;} a.viewMenu { display: block; width: 124px; height: 37px; background: url('../images/ColumbiaButtonsMenu.png') no-repeat; text-indent: -9999px; outline: 0; float: left; margin-right: 1px;} a.viewMenu:hover { background-position: bottom left !important;} div.locationMapSurround {width:100%; margin-left:25px;} a.takeLookVenue { display: block; width: 194px; height: 34px; background: url('../images/takeLook-blue.png') no-repeat; text-indent: -9999px; outline: 0;} a.takeLookVenue:hover { background-position: bottom left;} a.takeLookSteak { display: block; width: 194px; height: 34px; background: url('../images/takeLook.png') no-repeat; text-indent: -9999px; outline: 0;} a.takeLookSteak:hover { background-position: bottom left;} a.takeLookLaBoca { display: block; width: 194px; height: 34px; background: url('../images/takeLook-green.png') no-repeat; text-indent: -9999px; outline: 0;} a.takeLookLaBoca:hover { background-position: bottom left;} a.takeLook7Seas { display: block; width: 194px; height: 34px; background: url('../images/takeLook-purple.png') no-repeat; text-indent: -9999px; outline: 0;} a.takeLook7Seas:hover { background-position: bottom left;} /* Backlinks */ .backLink { background: url('../images/backArrow.gif') no-repeat center left; padding: 0 0 0 17px; margin: 0 0 5px 25px;} .backLink a { text-decoration: none; color: #00448a !important;} .backLink a:hover { border-bottom: 1px solid;} /* Documents */ #documents {margin-left:15px;margin-bottom:15px;} /* Inline span stylin */ .largeBold {font-weight:bold;font-size:130%;} /* Home Pages images - Being floated right */ .floatRight {margin-left:15px; margin-right:15px; margin-bottom:15px; float:right; border:2px solid white;} #homePagesImage {margin-left:15px; margin-right:15px; margin-bottom:15px;margin-top:3.4em; float:right; border:2px solid white;}