﻿/*========================================================*
 * Orlando Health - Block Party                           *
 * Design, XHtml and Css by Brandon Kidd                  *
 *========================================================*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
:focus{ outline: 0; }
ins{ text-decoration: none; }
del{ text-decoration: line-through; }
table{ border-collapse: collapse; border-spacing: 0; }

/* Styles */
body{ background: transparent url(/ClientResources/BlockParty/Images/bg.jpg) repeat-x fixed center top; color: #fff; font-family: Georgia, Times New Roman, Serif; font-size: 63%; }
#wrap{ width: 100%; background: transparent url(/ClientResources/BlockParty/Images/bg-wrap.png) no-repeat center top; }
#main{ width: 960px; height: 3700px; position: relative; margin: 0 auto; }
#main .ht{ position: absolute; background-color: Transparent; background-position: center top; background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -999999em; }
#main h1{ width: 273px; height: 229px; left: 202px; top: 49px; background-image: url(/ClientResources/BlockParty/Images/h1-20yearcelebration.gif); }
#main .btn-backhome{ position: absolute; left: 520px; top: 20px; color: #de2516; font-family: Verdana, Arial, Sans-Serif; font-size: 14px; font-weight: bold; line-height: 18px; text-decoration: none; }
#main .btn-backhome:hover{ color: #651a6d; }
#main .btn-backhome span{ color: #651a6d; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-size: 12px; font-weight: normal; }
#main .btn-backhome:hover span{ color: #fff; text-decoration: underline; }
#main .tagline{ width: 256px; height: 90px; left: 629px; top: 148px; background-image: url(/ClientResources/BlockParty/Images/p-tagline.gif); }
#main #blockparty-sponsors{ width: 180px; height: 90px; position: absolute; left: 14px; top: 366px; overflow: hidden; }
#main #blockparty-sponsors img{ width: 180px; height: 90px; }
#main .cloud .info{ width: 515px; height: 260px; position: absolute; font-size: 1.3em; overflow: auto; padding: 0 15px 0 0; }
#main #cloud-schedule h2.ht{ width: 171px; height: 72px; left: 462px; top: 369px; background-image: url(/ClientResources/BlockParty/Images/h2-schedule.gif); }
#main #cloud-schedule .info{ left: 287px; top: 473px; }
#main #cloud-refreshments h2.ht{ width: 255px; height: 31px; left: 170px; top: 840px; background-image: url(/ClientResources/BlockParty/Images/h2-refreshments.gif); }
#main #cloud-refreshments .info{ left: 39px; top: 905px; }
#main #cloud-entertainment h2.ht{ width: 270px; height: 71px; left: 514px; top: 1250px; background-image: url(/ClientResources/BlockParty/Images/h2-entertainment.gif); }
#main #cloud-entertainment .info{ left: 387px; top: 1353px; }
#main .nigels11{ width: 268px; height: 248px; left: 785px; top: 1099px; background-image: url(/ClientResources/BlockParty/Images/nigels11.png); }
#main .markandjames{ width: 216px; height: 177px; left: 56px; top: 1257px; background-image: url(/ClientResources/BlockParty/Images/markandjames.png); }
#main .onecall{ width: 217px; height: 162px; left: 69px; top: 1515px; background-image: url(/ClientResources/BlockParty/Images/onecall.png); }
#main #cloud-parking h2.ht{ width: 186px; height: 79px; left: 186px; top: 1710px; background-image: url(/ClientResources/BlockParty/Images/h2-parking.gif); }
#main #cloud-parking .info{ left: 17px; top: 1813px; }
#main #cloud-activities h2.ht{ width: 186px; height: 79px; left: 510px; top: 2150px; background-image: url(/ClientResources/BlockParty/Images/h2-activities.gif); }
#main #cloud-activities .info{ left: 337px; top: 2253px; }
#main #cloud-dreamcapsule h2.ht{ width: 147px; height: 78px; left: 305px; top: 2610px; background-image: url(/ClientResources/BlockParty/Images/h2-dreamcapsule.gif); }
#main #cloud-dreamcapsule .info{ width: 406px; height: 229px; left: 179px; top: 2723px; background: transparent url(/ClientResources/BlockParty/Images/info-dreamcapsule.gif) no-repeat center top; cursor: pointer; padding: 0; }
#main #cloud-contact h2.ht{ width: 219px; height: 71px; left: 438px; top: 3100px; background-image: url(/ClientResources/BlockParty/Images/h2-contact.gif); }
#main #cloud-contact .info{ left: 287px; top: 3203px; }
#main #refreshments-sponsors{ width: 150px; height: 100px; position: absolute; left: 765px; top: 873px; overflow: hidden; }
#main #refreshments-sponsors img{ width: 150px; height: 100px; }
#main .logo-aph{ width: 183px; height: 64px; left: 201px; top: 3625px; background-image: url(/ClientResources/BlockParty/Images/logo-aph.gif); }
#main .logo-caring20years{ width: 70px; height: 51px; left: 444px; top: 3632px; background-image: url(/ClientResources/BlockParty/Images/logo-caring20years.gif); }
#main .logo-wph{ width: 177px; height: 69px; left: 582px; top: 3620px; background-image: url(/ClientResources/BlockParty/Images/logo-wph.gif); }

#main .cloud .info h2{ border-bottom: dotted 1px #eee; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-size: 2.8em; font-weight: normal; line-height: 1.25em; margin: 0 0 0.25em; }
#main .cloud .info h3{ font-family: Arial, Verdana, Sans-Serif; font-size: 2.4em; font-style: italic; font-weight: normal; line-height: 1.25em; margin: 0 0 0.25em; }
#main .cloud .info h4{ font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-size: 2em; font-variant: small-caps; font-weight: normal; line-height: 1.25em; margin: 0 0 0.25em; }
#main .cloud .info h5{ font-family: Verdana, Arial, Sans-Serif; font-size: 1.8em; font-weight: normal; line-height: 1.25em; margin: 0 0 0.25em; }
#main .cloud .info h6{ font-size: 1.6em; font-style: italic; line-height: 1.25em; margin: 0 0 0.25em; text-transform: lowercase; }
#main .cloud .info p{ margin: 0 0 1.25em; line-height: 1.25em; text-align: justify; }
#main .cloud .info a:hover{ text-decoration: none; }
#main .cloud-blue .info h2{ border-color: #c0f0f7; }
#main .cloud-blue .info h3{ color: #c0f0f7; }
#main .cloud-blue .info h4{ color: #c0f7c8; }
#main .cloud-blue .info h5{ color: #f7e5c0; }
#main .cloud-blue .info a{ color: #f4a23b; }
#main .cloud-yellow .info{ color: #000; }
#main .cloud-yellow .info h2{ border-color: #bc6b04; }
#main .cloud-yellow .info h3{ color: #bc6b04; }
#main .cloud-yellow .info h4{ color: #454545; }
#main .cloud-yellow .info h5{ color: #934323; }
#main .cloud-yellow .info a{ color: #0063a6; }
#main .cloud-purple .info h2{ border-color: #bc6b04; }
#main .cloud-purple .info h3{ color: #c881d0; }
#main .cloud-purple .info h4{ color: #87e05b; }
#main .cloud-purple .info h5{ color: #f7b869; }
#main .cloud-purple .info a{ color: #f4a23b; }
#main .cloud-green .info h2{ border-color: #8fed62; }
#main .cloud-green .info h3{ color: #8fed62; }
#main .cloud-green .info h4{ color: #eeb5f3; }
#main .cloud-green .info h5{ color: #f7b869; }
#main .cloud-green .info a{ color: #f4a23b; }
#main .cloud-red .info h2{ border-color: #961005; }
#main .cloud-red .info h3{ color: #f8e6af; }
#main .cloud-red .info h4{ color: #961005; }
#main .cloud-red .info h5{ color: #f7b869; }
#main .cloud-red .info a{ color: #f4a23b; }
