header, nav, section, article, figure, figcaption, aside, footer { display:block; } /* FONTS */ @font-face { font-family: 'ExoThin'; src: url('fonts/exo/Exo-Thin-webfont.eot'); src: url('fonts/exo/Exo-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/exo/Exo-Thin-webfont.woff') format('woff'), url('fonts/exo/Exo-Thin-webfont.ttf') format('truetype'), url('fonts/exo/Exo-Thin-webfont.svg#ExoThin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ExoThinItalic'; src: url('fonts/exo/Exo-Thin-Italic-webfont.eot'); src: url('fonts/exo/Exo-Thin-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/exo/Exo-Thin-Italic-webfont.woff') format('woff'), url('fonts/exo/Exo-Thin-Italic-webfont.ttf') format('truetype'), url('fonts/exo/Exo-Thin-Italic-webfont.svg#ExoThinItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ExoRegular'; src: url('fonts/exo/Exo-Regular-webfont.eot'); src: url('fonts/exo/Exo-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/exo/Exo-Regular-webfont.woff') format('woff'), url('fonts/exo/Exo-Regular-webfont.ttf') format('truetype'), url('fonts/exo/Exo-Regular-webfont.svg#ExoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ExoMedium'; src: url('fonts/exo/Exo-Medium-webfont.eot'); src: url('fonts/exo/Exo-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/exo/Exo-Medium-webfont.woff') format('woff'), url('fonts/exo/Exo-Medium-webfont.ttf') format('truetype'), url('fonts/exo/Exo-Medium-webfont.svg#ExoMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ExoRegularItalic'; src: url('fonts/exo/Exo-Regular-Italic-webfont.eot'); src: url('fonts/exo/Exo-Regular-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/exo/Exo-Regular-Italic-webfont.woff') format('woff'), url('fonts/exo/Exo-Regular-Italic-webfont.ttf') format('truetype'), url('fonts/exo/Exo-Regular-Italic-webfont.svg#ExoRegularItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ExoBold'; src: url('fonts/exo/Exo-Bold-webfont.eot'); src: url('fonts/exo/Exo-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/exo/Exo-Bold-webfont.woff') format('woff'), url('fonts/exo/Exo-Bold-webfont.ttf') format('truetype'), url('fonts/exo/Exo-Bold-webfont.svg#ExoBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GladifilthefteGladifilthefte'; src: url('fonts/Glad/Gladifilthefte-webfont.eot'); src: url('fonts/Glad/Gladifilthefte-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Glad/Gladifilthefte-webfont.woff') format('woff'), url('fonts/Glad/Gladifilthefte-webfont.ttf') format('truetype'), url('fonts/Glad/Gladifilthefte-webfont.svg#GladifilthefteGladifilthefte') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GartonMedium'; src: url('fonts/carton/garto16-webfont.eot'); src: url('fonts/carton/garto16-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/carton/garto16-webfont.woff') format('woff'), url('fonts/carton/garto16-webfont.ttf') format('truetype'), url('fonts/carton/garto16-webfont.svg#GartonMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FreebooterScriptRegular'; src: url('fonts/freebooter/freebooterscript-webfont.eot'); src: url('fonts/freebooter/freebooterscript-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/freebooter/freebooterscript-webfont.woff') format('woff'), url('fonts/freebooter/freebooterscript-webfont.ttf') format('truetype'), url('fonts/freebooter/freebooterscript-webfont.svg#FreebooterScriptRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DavysRegular'; src: url('fonts/davys/DavysDingbats-webfont.eot'); src: url('fonts/davys/DavysDingbats-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/davys/DavysDingbats-webfont.woff') format('woff'), url('fonts/davys/DavysDingbats-webfont.ttf') format('truetype'), url('fonts/davys/DavysDingbats-webfont.svg#DavysRegular') format('svg'); font-weight: normal; font-style: normal; } /* END OF FONTS*/ #Ad {position:relative;top:0px;left:0px;} #restaurantAd {position:relative;z-index:1;} #palace { padding:3px 0px 0px 8px; } #buttonAd {position:relative;top:-60px;left:138px; z-index:2; background:#9E260A; width:87px; height:22px; border-radius:5px;} #buttonAd:hover { background:#E5C420; color: #9E260A;} #click { color:#E5C420; font-family: 'ExoRegular'; font-size:1em;} #click:hover {color: #9E260A;} #buttonAd:active { background: #073554; } #close:hover{color:red;} #prototype {position:relative;top:-510px;left:170px;} /* ADVER.... CSS*/ #wrapper { width:980px; height:auto; position:relative; margin-left:auto; margin-right:auto; margin-top:-10px; margin-bottom:0px;} body { background-image: url(images/farmer.png); width:980px; margin-left:auto; margin-right:auto;} .clear-float{clear:both;} .pageTitle {font-size:2em; margin:-79px 0px 0px 0px;} .symbolDoubleAngle {font-size:1.6em; color:white;} #pageexploreDC {color:#B7212C; font-family:ExoMedium;} p {font-family: 'ExoRegular'; color:#1F4C60;} #banner {position:relative; margin:21px; margin-bottom:32px; z-index:1; float:left;} header {height:auto; margin-left:auto; margin-right:auto; width:980px;} nav li {font-size: 14px; float: left; position: relative; padding: 10px; text-align:center; margin:10px 0px 0px 0px;} .separation {color:#B06A28;} a:link {color:#1F4C60; font-family:ExoMedium; text-decoration:none; } a:visited {color:#1F4C60;;} nav li:hover { background-image: url(images/arrow.png); background-repeat: no-repeat; } nav a:hover { color:#72041A; } nav { float:left; width: 600px; height: 40px; position:relative;left:130px;top:40px; z-index:7; } nav ul {list-style-type:none; } .horizontal-line {position:relative;top:-10px;} .edition-number {color:black; font-style:italic; font-family: 'GartonMedium'; font-size:1.2em; position:relative;top:-51px;left:666px;} /*SECTION CONCERT width:232px*/ #summerSection {width:232px; height:auto; border:solid; border-radius:0px 0px 30px 0px; border-width:1px; border-color:white; float:left; margin:0px 14px 0px 0px;} /* I might have to delete this section #summerTitle{margin:5px 0px 0px 0px;} */ #guitar: {float:right; } #summerEvents { color:black; font-size:.7em; float:right; margin:-40px 10px 0px 0px;} /*position:relative;top:-470px;left:140px;} **/ .hot {color:red; font-size:1em;} /*

HOT
Washington DC

#titleHOTDC {color:#1F4C60; font-family: 'ExoRegular'; font-size:1.2em; float:right;} position:relative;top:-480px;left:41px;} */ #enjoy {font-family:'GladifilthefteGladifilthefte'; font-size:1.2em; color:#2B7F9D;} #e{font-family: 'GladifilthefteGladifilthefte'; font-size:2em;} #symbol {font-family: 'ExoThinItalic'; font-size:1.2em;} .titleConcert {margin:-455px 0px 0px 0px; width:180px; height:auto; float:right; font-size:2.1em; color:#2B7F9D; font-family:'GladifilthefteGladifilthefte'; line-height:100%;} /*160*/ #textConcert{width:180px; height:auto; font-family:'ExoRegular'; float:right; margin:-320px 10px 0px 0px; line-height:140%; } #mic {float:right; margin:420px 0px 0px 0px; position:absolute;left:167px;} #sun {position:absolute;left:167px; float:right; margin:420px 0px 0px 0px;} img#sun {opacity:0;} img#sun:hover {opacity:1;} /*END FOR SUMMER CONCERTS */ /*BEGINING FOR MIDDLE SECTION*/ #whatLocalsDo {margin:-20px 14px 0px 0px; width:482px; height:auto; border:solid; border-radius:0px 0px 30px 0px; border-width:1px; border-color:white; float:left;} #happyPeople {margin:0px 0px 0px 5px;} q:before {color:#2B7F9D; margin:0px 5px 0px 3px; font-family: "Times New Roman", Times, serif; font-size:4.0em;} q:after {font-family: "Times New Roman", Times, serif; font-size:4.0em; color:#2B7F9D;} #refran {font-size:2.1em; font-family:'GartonMedium'; position:relative;top:-15px; color:#1F4C60;} #titleLocalsDo {font-size:1.9em; font-family:'ExoRegular'; color:#2B7F9D; margin: -20px 0px 0px 7px; padding: 0px 0px 0px 30px;} #discover {font-family:'ExoThin'; font-size:1.1em;} #threeIcons {background-color: rgba(214,217,218,0.51); width:440px; height:63px; margin: -95px 0px 0px 15px; position:relative;} #fork{margin-left:160px;} #fork, #partyicon, #heartIcon{padding: 5px 27px 0px 27px;} #LocalsDoText {width:470px; margin:20px 0px 0px 10px; line-height:140%; } /* RESTAURANT AD */ .rest-adv-one { width:234px; height:528px; margin: -28px 0px 0px 0px; } /* END OF RESTAURANT AD*/ /* CSS FOR LAST SECTION INDEX PAGE LEFT BOTTOM CORNER */ #xxx {width:232px; height:auto; border-style:solid; border-color:white; border-width:1px; float:left; margin-top:-7px;} #MiscellaneousE {font:1.3em ExoThin; text-align:center; margin-top:-15px;} #MiscellaneousEventText {padding:0px 15px 0px 15px; margin-top:-10px; line-height:140%;} .readMore {font:.8em ExoMedium; color:#72041A;} /* THE END FOR LAST SECTION LEFT BOTTOM CORNER */ /* HERE CSS FOR THREE MAIN LINK */ #link-explore { width:233px; height:255px; float:right; margin:-60px 0px 0px 0px; border-style:solid; border-color:white; border-width:1px; border-bottom-left-radius:30px; border-top-right-radius:30px;} #bgTitleLeft {background-color:#313135; width:213px; height:35px; margin:10px; margin-top:-9px; border-width:2px; border-bottom-left-radius:30px; border-top-right-radius:30px;} .titleBox {font-size:1.5em; text-align:center; padding-top:5px; color:#2B7F9D; font-family:'ExoRegular'; margin-bottom:10px;} .stuffExplore {margin:0px 0px 0px -20px; color:#313135;} .homePages { font:1.1em 'ExoMedium'; color:#1F4C60;} .homePagesDes{font:.9em 'ExoRegularItalic';} hr {border-style:dotted; border-bottom:0px; height:0px; border-color:#313135;} #hrLinkExplore {margin:10px 0px 10px -9px;} #link-news { width:233px; height:255px; margin:-60px 14px 0px 0px; float:right; border-color:white; border-style:solid; border-width:1px; border-top-right-radius:30px; border-top-left-radius:30px;} #bgTitleMiddle {background-color:#313135; width:213px; height:35px; margin:-9px 10px 10px 10px; border-width:2px; border-top-right-radius:30px; border-top-left-radius:30px;} .autoshow{border:1px solid #313135; border-style:dotted; padding:5px; border-radius:5px; background-color:white; margin:10px 0px 0px 0px;} #autoNews {margin:0px 0px 0px -20px; color:#313135;} #link-calendar { width:233px; height:255px; margin:-60px 14px 0px 0px; float:right; border-color:white; border-style:solid; border-width:1px; border-bottom-right-radius:30px; border-top-left-radius:30px;} #bgTitleRight {background-color:#313135; width:213px; height:35px; margin:10px; margin-top:-9px; border-width:2px; border-bottom-right-radius:30px; border-top-left-radius:30px;} .art{border:1px solid #313135; padding:5px; border-style:dotted; border-radius:5px; background-color:white; margin:10px 0px 0px 1px; border-bottom-right-radius:30px; } /* THE END CSS FOR THREE MAIN LINKS */ /* BEGINING OF EXPLORE HTML ------------------------------------------*/ /* SHOPPING AD */ .shop-adv-one {float:left; width:233px; height:497px;} #shopAd {margin-top:0px; } #shopAdPro {position:relative; top:-470px;left:-70px;} #shopAdPro,a{color:#EDBB25;} #shopAdPro:hover{color:white;} .shoppingPrototype {margin-top:-10px;} /* SHOPPING AD*/ #freeattraction {width:728px; height:597px; margin-right:14px; border:solid; border-width:1px; border-color:white; float:left; background-image: url(images/border.png); } #free {color:#B7212C; font-family:ExoBold;} .freetitle {font:2.5em ExoMedium; color:blue; color:#1F4C60; margin: 50px 0px 0px 60px; } .circleImage {display:inline; margin:15px; position:relative;left:50px;} .divCircleOne {float:left; width:190px; height:230px; margin-left:60px; border-style:solid; border-color:white; border-width:1px; border-bottom-right-radius:30px; border-top-left-radius:30px;} #mainTitleCircleLeft {background-color:#313135; width:171px; height:30px; margin:10px; margin-top:-9px; border-bottom-right-radius:30px; border-top-left-radius:30px;} .address {font-size:.6em; color:#333;} .divCircleMiddle {float:left; width:190px; height:230px; margin-left:20px; border-style:solid; border-color:white; border-width:1px; border-top-left-radius:30px; border-top-right-radius:30px;} #mainTitleCircleMiddle {background-color:#313135; width:171px; height:30px; margin:10px; margin-top:-9px; border-top-left-radius:30px; border-top-right-radius:30px;} .divCircle {float:left; width:190px; height:230px; margin-left:20px; border-style:solid; border-color:white; border-width:1px; border-bottom-left-radius:30px; border-top-right-radius:30px;} #mainTitleCircle {background-color:#313135; width:171px; height:30px; margin:10px; margin-top:-9px; border-bottom-left-radius:30px; border-top-right-radius:30px;} #titleCircle1 { text-align:center; padding-top:5px; color:#2B7F9D; font-size:1.3em; font-family:'ExoRegular'; margin-bottom:10px;} /* LAST THREE SECTIONS FOR EXPLORE.HTML */ #aroundTown {width:315px; height:auto; float:left; margin:-5px 14px 0px 0px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; border:solid; border-width:1px; border-color:white;} .aroundtownPicture {float:left; margin:0px 10px 0px 0px; } #aroundTownSubtitle {float:left; margin:-15px 10px 10px 10px; font:1em ExoRegular;} #WWI {font:2em ExoThin; line-height:90%; } #thingsDoGT {font:.9em ExoRegular; list-style-image: url('images/li3.png'); color:#1F4C60; width:260px;} #diningDC {width:290; margin-left:15px;} #dcSeason {width:398px; height:auto; float:left; margin:-5px 14px 0px 0px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; border:solid; border-width:1px; border-color:white;} #tulip {border-bottom-right-radius:30px; border-bottom-left-radius:30px;} #cherry {border:solid; margin-top:-13px; border-top-width:0px; border-left-width:0px; border-right-width:0px; border-bottom-width:10px; border-color:#497565;} #one {font-size:15em; position:relative;top:-35px;left:30px; color:#F4B0B0; font-family:ExoBold;} #zero {font-size:15em; position:relative;top:-35px;left:5px; color:#F4B0B0; font-family:ExoBold;} #zeroTwo {font-size:15em; position:relative;top:-35px;left:-18px; color:#F4B0B0; font-family:ExoBold;} #years {position:relative;top:-148px;left:238px; color:white; font-size:3em; font-family:'ExoMedium';} #lifetime {font-family:'Exoregular'; color:#2B7F9D; font-size:1.6em; position:relative;top:-140px;left:9px;} #photoCherry{float:left; padding-right:15px;} .SummerText {width:360px; height:auto; margin: -145px 0px 0px 15px; line-height:130%; } .SummerTextTwo {width:370px; height:auto; margin:-10px 0px 0px 15px; line-height:130%; } #funFact {width:232px; height:auto; float:left; margin-top:-110px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; border:solid; border-width:1px; border-color:white;} .titleExplorehtml {color:#2B7F9D; font:2em 'GladifilthefteGladifilthefte'; margin-top:0px; border:solid; border-right-width:0px; border-left-width:0px; border-top-width:0px; border-bottom-width:3px; border-top-width:1px; border-color:#497565; background-color:#EDBB2; padding:2px 0px 1px 20px; } .FactsDC {width:210px; margin-left:10px;} .numbers {font-size:3em; color:#EDBB25; float:left; padding:0px 10px 0px 0px; } #dcplate {margin-left:15px;} /* CSS FOR CALENDAR.HTML STARTING WITH AUTO AD!!! */ .autoAd {height:182px; width:980px;} #autoAdLink {position:relative;top:-40px;left:862px; color:white;} #autoAdLink:hover {color:#EDBB25;} #autoAdPro{position:relative;top:-170px;left:900px; color:#1D4C60;} #autoAdPro:hover {color:#EDBB25;} /* END FOR AUTO AD*/ #exhibitions { width:399px; height:auto; margin: 10px 14px 0px 0px; float:left; border:solid 1px white; } .exhibit {font-size:2em; font-family:ExoRegular; text-align:center; color:#1D4C60; margin:10px 0px 10px 0px; } .freeE {color:#72041A;} #loveArt {margin:0px 0px 0px 37px;} #exhibitions p{margin:15px;} .galleryName {font:.9em ExoBold;} .exhibits{font:.8em ExoMedium; color:#111;} .titleExhibition{font:.9em ExoRegular;} .dateExhi{font:.8em ExoThin;} .placeExhi{font: .7em ExoThinItalic; color:#2B7F9D;} #imagesCar {height:188px; width:398px;} #lineCar{margin:-5px 0px 0px 0px;} #lineCar2{position:relative;top:-192px;} img#lineCar2 {opacity:0;} img#lineCar2:hover {opacity:1;} #musicConcert {background-image: url(images/micBack.png); background-repeat: no-repeat; width:314px; height:auto; margin: 10px 14px 0px 0px; float:left; border:solid 1px white;} #musicConcert h1 {font-size:2em; font-family:ExoRegular; text-align:center; color:#1D4C60; margin:10px 0px 0px 0px;} .summerConcert {color:#2B7F9D; font:3em 'GladifilthefteGladifilthefte'; text-align:center; line-height:80%; margin: 5px 0px 0px 0px;} #musicConcert p {padding:0pc 15px 0px 15px; } #guitarCalendar {float:left; padding-right:15px;} #allFavorite {font:1.3em ExoThin;} #musicConcert ul {list-style-image:url(images/li.png); font: 1em ExoRegularItalic; color:#1D4C60; } #festivals { width:232px; height:auto; margin: 10px 0px 0px 0px; float:left; border:solid 1px white;} .CinemaText {padding: 0px 15px 0px 15px; line-height:140%; margin-top:-17px;} .movieTitle {font: 1.7em ExoThin;} .moviePlace {font-size:.8em; color:#72041A;} #movieIcon {margin-left:4px;} /* IT NEEDS MORE WORK #upcoming { width:560px; height:300px; margin: 15px 0px 0px 0px; float:left; border:solid 1px white;} */ /* CSS FOR NEWS */ #capitolNews {width:482px; height:auto; border:solid 1px; border-color:white; float:left; margin-right:14px; } #politicalIcon {margin: 10px 0px 10px 105px;} #backCapitol{width:482px; height:329px; background-image: url(images/borderCapitol.png); background-repeat: no-repeat; } img#capitolPhoto{opacity:0;} img#capitolPhoto:hover {opacity:1;} #ElectionsText {padding: 0px 15px 0px 15px; line-height:140%;} #AquariumSection{width:232px; height:auto; float:left; border:solid 1px; border-color:white; margin-right:14px; } #aquariumText {padding: 0px 15px 0px 15px; line-height:140%; background-image: url(images/oceanBack.png); background-repeat: no-repeat;} #openUrmind {font:2em ExoBold; color:white;} #oceans {font:2em ExoMedium; color:#2B7F9B;} #capitolNewsThree {width:232px; height:auto; float:left; border:solid 1px; border-color:white; } #titleNasa {font:2em ExoThin;} .SpaceText {padding: 0px 15px 0px 15px; line-height:120%;} /* END FOR CSDS NEWS*/ /* BEGINING OF CREDIT PAGE WITH LINK TO GETTY IMAGES */ #creditsPage {width:100%; background-image:url(images/creditsBack.png); height:800px; background-repeat: no-repeat; } .authorCredit {padding:0px 0px 0px 15px; font:.9em ExoMedium; color:white;} .externalLink {padding:0px 0px 0px 15px; font:.9em ExoMedium; color:white;} .authorName {padding:0px 0px 0px 15px; font:1em ExoMedium; color:#EAC426;} .imageNumber {padding:0px 0px 0px 15px; color:#EAC426;} .authorCredit126w {padding:0px 0px 0px 0px; font:.9em ExoMedium; color:white;} .externalLink126w {padding:0px 0px 0px 0px; font:.9em ExoMedium; color:white;} .authorName126w {padding:0px 0px 0px px; font:1em ExoMedium; color:#EAC426;} .imageNumber126w {padding:0px 0px 0px 0px; color:#EAC426;} .infoPhoto152w1 {width:149px; background-color: rgba(103, 96, 83, 0.6); color: rgba(103, 96, 83, 0.6); height:96px; margin:0px 0px 12px 15px; border:solid; border-color:transparent; float:left;} .infoPhoto152w2 {width:149px; background-color: rgba(103, 96, 83, 0.6); color: rgba(103, 96, 83, 0.6); height:96px; margin:0px 0px 12px 15px; border:solid; border-color:transparent; float:left;} .infoPhoto126w {opacity:0;} .infoPhoto126w:hover{opacity:1;} .infoPhoto152w1 {opacity:0;} .infoPhoto152w1:hover{opacity:1;} .infoPhoto152w2 {opacity:0;} .infoPhoto152w2:hover{opacity:1;} .infoPhoto126w {width:122px; background-color: rgba(103, 96, 83, 0.6); color: rgba(103, 96, 83, 0.6); height:96px; margin:0px 0px 12px 15px; border:solid; border-color:transparent; float:left;} .infoPhoto126Divider {width:122px; height:96px; margin:0px 0px 12px 15px; border:solid; border-color:transparent; float:left;} .separationCredits {width:25px; height:50px; float:left;} footer {width:100%; background-color:#14303A; height:420px; } label {color:#920707;} .us{color:#F4C225;} #footerImage {margin:8px 0px 0px .5px;} #contactUs{padding:20px 20px 0px 60px; color:white; font:1.5em ExoRegular;} #myForm {width:30%; padding:0px 0px 0px 20px; height:auto; color:#8ba7ad; -moz-border-radius:25px; border-radius:25px; float:left; } input , textarea , #textField { -moz-border-radius:5px; border-radius:5px;} .textField {background-color:#8ba7ad; margin-bottom:8px; border:#1e3f3b 1px solid; -moz-border-radius:5px; border-radius:5px;} #textFieldss { -moz-border-radius:5px; border-radius:5px;} .buttonFooter {border:none; background: #092a40; background: -webkit-linear-gradient(top, #062030, #092a40); background: -moz-linear-gradient(top, #062030, #092a40); background: -ms-linear-gradient(top, #062030, #092a40); background: -o-linear-gradient(top, #062030, #092a40); padding: 4px 8px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 13px; font-family:'ExoRegular'; text-decoration: none; vertical-align: middle; } .buttonFooter:hover { border-top-color: #b38719; background: #b38719; color: #04172e; } .buttonFooter:active { border-top-color: #073554; background: #073554; } #navFooter {float:left; margin:80px 0px 0px 150px; font:.9em ExoRegular; color:#F4C225;} #footerVisitor {margin: 0px 10px 0px -70px;} .separationNav {padding: 0px 10px 0px 10px;} #blueBack{width:100%; background-color:#14303A; height:440px; position:absolute;left:0px;right:0px; z-index:-2;} #footerImageTwo {margin-top:320px; position:absolute;left:0px;right:0px;} #footerImageThree {margin-top:320px; position:absolute;left:1060px;right:0px; }