body { font-family: Arial, Helvetica, sans-serif, Tahoma; margin: 0; padding: 0; background: #252525; color: #fff; }

h1
{
padding: 0;
margin: 16px 16px 8px 16px;
color: #fff;
font-weight: normal;
font-size: 40px;
letter-spacing: -3px;
}

h2
{
padding: 0;
margin: 0 0 16px 0;
color: #fff;
font-weight: bold;
font-size: 25px;
letter-spacing: -2px;
clear: both;
}

h3 { padding: 0; margin: 0 0 16px 0; color: #fff; font-weight: bold; font-size: 14px; }

a { color:#f15e22; text-decoration: underline; }
a:hover { color:#f15e22; text-decoration: none; }

p
{
font-size: 12px;
margin: 0 0 16px 0;
color: #fff;
}

img
{
border: none;
}

img.contentImage { border: 4px solid #fff; float: left; margin-bottom: 16px; }
img.fullWidthImage { border: 4px solid #fff; float: left; margin: 0 16px 8px 16px; }

.boldText { font-weight: bold; }

#Container
{
width: 960px;
margin: 0 auto 0 auto;
padding:0;
position: relative;
}



#Header { float: left; width: 924px; padding: 0 18px 18px 18px; background:#4a4a4a; margin: 0 0 16px 0; }
#Header .innerBorder { float: left; width: 922px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #000; }
#Header a#Logo, #Header a#Logo img { float: left; }
#Header ul { font-size: 14px; list-style-type: none; margin: 48px 0 0 0; padding: 0; font-weight: bold; float: right; display: inline; }
#Header ul li {margin: 0 16px 0 0; padding: 0; float: left; display: inline; }
#Header ul li a { float: left; padding-top: 6px; }
#Header ul li.Selected a {float: left; border: 1px solid #fff; background: #4a4a4a; padding: 6px 8px; margin: 0; color: #fff; text-decoration: none; }

.Content { float: left; width: 924px; padding: 18px; background:#4a4a4a; margin: 0 0 16px 0; }
.Content .innerBorder { float: left; width: 922px; border: 1px solid #fff; }
.Content .WeatherInformation { float: left; display: inline; margin: 0 16px 16px 16px; padding: 16px; width: 856px; border: 1px solid #fff; background:#4a4a4a; }
.Content .OneColumn { float: left; display: inline; width: 882px; margin: 16px 0 0 16px; }
.Content .TwoColumns { float: left; display: inline; width: 437px; margin: 16px 0 0 16px; }
.Content ul.SubOptions { font-size: 14px; list-style-type: none; margin: 0; padding: 0; font-weight: bold; float: left; display: inline; }
.Content ul.SubOptions li {margin: 0 0 0 16px; padding: 0; float: left; display: inline; }
.Content ul.SubOptions li a { float: left; padding-top: 6px; }
.Content ul.SubOptions li.Selected a {float: left; border: 1px solid #fff; background: #4a4a4a; padding: 6px 8px; margin: 0; color: #fff; text-decoration: none; }
.Content #InteractiveMap { border-top: 1px solid #fff; float: left; width: 922px; margin-top: 16px; }
.Content ul.noBullets { list-style-type: none; margin: 0; padding: 0; }
.Content ul.noBullets li { font-size: 12px; margin-bottom: 16px; }
.Content ul.noBullets h3 { margin-bottom: 4px; }
.Content .numberLabel { background: #f15e22; color: #fff; padding: 2px 4px; font-weight: bold;  }
.Content .topBorder { border-top: 1px solid #fff; padding-top: 16px !important; }
.Content table { font-size: 12px; width: 890px; background:#000; border-top: 4px solid #fff; border-right: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 4px solid #fff; margin: 16px; }
.Content table td { border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 8px; width: 88px; text-align: center; }
.Content table td.fillCell { background: #4f4f4f; }
.Content ul.withBullets { list-style-type: disc; margin: 0 0 16px 16px; padding: 0; }
.Content ul.withBullets li { font-size: 12px; }
.Content h3.minMargin { margin-bottom: 4px; }
.Content ul.noListMargin { margin-bottom: 16px; }
.Content ul.noListMargin li { margin-bottom: 0 !important; } 

.Content #ContactForm { float: left; width: 822px; font-size: 12px; }
.Content #ContactForm input, .Content #ContactForm textarea { float: left; width: 350px; font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif, Tahoma; border: 1px solid #f15e22; margin-bottom: 4px; }
.Content #ContactForm label { float: left; width: 300px; margin-bottom: 4px; }

.Content #ContactForm .imageVerification { width: 360px; margin: 8px 0 0 300px; }

.Content #ContactForm .SubmitButton { background: #f15e22; font-size: 16px; color: #000; font-weight: bold; float: left; border: none !important; margin: 16px 0 16px 300px; padding: 8px; }

#Footer { float: left; width: 924px; padding: 18px 18px 0 18px; background:#4a4a4a; margin: 0; }
#Footer .innerBorder { float: left; width: 890px; padding: 16px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #000; }
#Footer ul { font-size: 11px; list-style-type: none; margin: 0; padding: 0; }
#Footer ul li {margin: 0; padding: 0; float: left; }
#Footer .downloadPDF { clear: both; padding: 0; margin-top: 0; float: right; width:300px;}
#Footer .downloadPDF a { font-size: 11px; clear: both; margin-top: 4px; background: url('../media/misc/pdf.gif') no-repeat center left; float: right; padding: 2px 0 2px 22px;}
#Footer .footerColOne { float: left; }
#Footer .footerColTwo { float: right; }

.miscLogo { float: right; margin: 16px 16px 16px 0; }

/* -- PANORAMIC POPUP -- */
#PopUpContent { position: absolute; top: 0; z-index: 1000; text-align: center !important; left: 50%; background: #4a4a4a url('../media/misc/panoramic_loading.gif') no-repeat top left; display: none; padding: 18px; }
#PopUpContent p { text-align: center; margin: 8px 0 4px 0; }
#PopUpContent a.closePanoramic { font-size: 11px; margin: 0; }
a.viewPanoramic { border: 1px solid #fff; padding: 8px 8px 8px 56px; float: right; font-size: 14px; font-weight: bold; width: 202px; background: #4a4a4a url('../media/misc/camera.gif') no-repeat center left; }
/* -- MARGINS -- */

.m0-16-16-16 { margin: 0 16px 16px 16px !important; }
.m0-16-16-0 { margin: 0 16px 16px 0 !important; }
.m0-16-0-16 { margin: 0 16px; }
.m16-16-8-16 { margin: 16px 16px 8px 16px; }

/* -- BACKGROUND IMAGES -- */

.blackBackground { background: #000; }
.homeBackground { background: #000 url('../media/backgrounds/home.jpg') no-repeat top left; padding-top: 360px; }
.tollBackground { background: #000 url('../media/backgrounds/road1.jpg') no-repeat top left; padding-top: 280px; }
.almeriaBackground { background: #000 url('../media/backgrounds/almeria.jpg') no-repeat top left; padding-top: 360px; }
.alicanteBackground { background: #000 url('../media/backgrounds/alicante.jpg') no-repeat top left; padding-top: 340px; }
.beachesBackground { background: #000 url('../media/backgrounds/beaches1.jpg') no-repeat top left; padding-top: 330px; }
.roadBackground { background: #000 url('../media/backgrounds/road.jpg') no-repeat top left; padding-top: 360px; }
.countryclubBackground { background: #000 url('../media/backgrounds/country-club.jpg') no-repeat top left; padding-top: 360px; }
.placestogoBackground { background: #000 url('../media/backgrounds/PlacesToGo.jpg') no-repeat top left; padding-top: 380px; }
.mazarronsbiggunsBackground { background: #000 url('../media/backgrounds/MazarronsBigGuns.jpg') no-repeat top left; padding-top: 350px; }
.cartagenaBackground { background: #000 url('../media/backgrounds/Cartagena.jpg') no-repeat top left; padding-top: 380px; }
.sierraespunaBackground { background: #000 url('../media/backgrounds/SierraEspuna.jpg') no-repeat top left; padding-top: 380px; }
.bowlingBackground { background: #000 url('../media/backgrounds/bowling.jpg') no-repeat top left; padding-top: 380px; }
.shoppingBackground { background: #000 url('../media/backgrounds/shopping.jpg') no-repeat top left; padding-top: 380px; }
.golfBackground { background: #000 url('../media/backgrounds/golf.jpg') no-repeat top left; padding-top: 380px; }
.restaurantsBackground { background: #000 url('../media/backgrounds/Restaurants.jpg') no-repeat top left; padding-top: 280px; }
.lorcaBackground { background: #000 url('../media/backgrounds/Lorca.jpg') no-repeat top left; padding-top: 330px; }