/* Tag Selectors */

* { padding: 0; margin: 0; border: none; }

body { background: #fff url(../assets/images/cloudsHeader.jpg) repeat-x scroll center top; text-align: center; color: #454545; font: bold 13px Helvitica, Arial, Georgia; line-height: 1.4em; }

h1, h2, h3, h4, p, ul, li { margin: 0; padding: 0; list-style: none; }

h1, h2, h3 { font-family: Trebuchet, 'Trebuchet MS', Verdana; font-weight: bold; text-align: center; color: #000; }

h1 { color: #d91200; font-size: 20px; }

h1, h2, h3, h4, p { margin: 10px 0; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

a, a:visited { text-decoration: none; color: #4078cf; }

a:hover { color: #46bf0a !important; }

img { border: none; }


/* Id Selectors */

#indexPage { background-color: #fff; background-image: none; }

#indexPage .menu a { background-image: url(../assets/images/menuIndex.png); margin-bottom: 20px; }
#indexPage #moving { clear: both; font-size: 10px; font-weight: normal; margin-top: 10px; }
#indexPage #moving a { display: block; width: 130px; height: 34px; background-image: url(../assets/images/menuMoving.gif); margin: 0 auto; }
#indexPage #moving a:hover { background-image: url(../assets/images/menuMovingHover.gif) }
#indexPage #moving a span {display: none; }

#indexPage .copyright { clear: both; font-size: 10px; font-weight: normal; margin-top: 10px; }

#content { margin: -18px 0 0 5px; width: 696px; height: 445px; overflow: auto; text-align: justify; }

#headerImg { width: 810px; text-align: left; }

#headerRow { height: 80px; }

#headerWrap, #page { width: 810px; margin: 0 auto; }

#headerWrap a { background: transparent url(../assets/images/logo.jpg) no-repeat; height: 80px; text-align: right; display: block; }

#headerWrap a:hover { background-position: 0 -90px; }

#headerWrap img { margin-right: 45px; }

#nav { margin: 50px 0 0 0;  float: left; width: 97px; height: 140px; }

#nav li a { background-image: url(../assets/images/vMenu.png); }

#logoMatrix { background: transparent url(../assets/images/logoMatrix.jpg) no-repeat; height: 325px; padding-top: 5px; }

#module { width: 710px; height: 493px; margin-left: 93px; background: transparent url(../assets/images/pageBg3.png) no-repeat; }

#shapesImage { height: 300px; background: transparent url(../assets/images/curvedHorizon.jpg) no-repeat scroll center top; }

#testimonials { margin: 80px 0 0 185px; width: 390px; height: 158px; }

#walkAroundLogo { margin-bottom: 15px; }

#rotator { margin: 5px auto 0 auto; text-align: center; }

#contactForm { width: 480px; height: 400px; font-size: 13px; color: #454545; line-height: 1.2em; background: transparent url(../assets/images/contact.jpg) no-repeat; text-align: center; border: 1px solid black; }

#contactForm table { width: 440px; text-align: right; margin: 50px auto 0 auto; }

#contactHeader { height: 100px; }

#newsletter { float: left; margin-top: 20px; }

#contactForm p { margin-left: 25px; }

#contactSubmit { width: 100px; }

#phoneImg, #mailImg { display: inline; float: left; }

#phoneImg a, #mailImg a { width: 90px !important; height: 75px !important; margin: 22px 7px 0 0; }

#phoneImg a { background: transparent url(../assets/images/mail.jpg) no-repeat !important; }

#mailImg a { background: transparent url(../assets/images/phone.jpg) no-repeat !important; }

#phoneImg a:hover, #mailImg a:hover { background-position: 0 -75px !important; }

#windmill { margin-top: 25px; width: 46px; height: 70px; }

#borderSelect { margin: 47px 0pt 0pt 85px; position: absolute; }

/*
#headerShapes { visibility: hidden; }

.ideasPage #headerShapes { visibility: visible; }
*/

.contactInput { width: 250px; color: #333; border: 2px solid #a1a1a1; padding: 3px; }

.lCol { width: 180px; }

.cCol { width: 160px; }

.rCol { width: 100px; }

textarea.contactInput { height: 65px; font-size: 13px; font-weight: bold; }

input.contactInput { font-size: 20px; height: 25px; }


/* Class Selectors */

.largePlay { float: left; margin: 5px 0 0 15px; }

.header img { margin-top: 5px; }

.footer { font-size: 11px; font-weight: normal; color: #f99; margin-top: 10px; height: 20px; background: transparent url(/assets/images/footerBg.png) repeat-x; }

.footer a, .footer a:visited { color: #fff; text-decoration: underline; }

.footer a:hover { color: #46bf0a; }


.wrapper { margin: 0 auto; vertical-align: middle; width: 100%; }

.wrapper thead { vertical-align: top; }

.wrapper tfoot { vertical-align: bottom;  }

.wrapper tfoot td { padding: 5px 0; }


.menu { margin: 5px auto; width: 400px; }

.menu ul { display: block; margin: 0 auto; }

.menu li { float: left; }

.menu span, #logoImg span { display: none; }

.menu a { display: block; cursor: pointer; overflow: hidden; width: 100px; height: 35px; background: transparent url(../assets/images/menu2.png) no-repeat; }

.menu .gallery a { background-position: -100px 0; }

.menu .getOne a { background-position: -200px 0; }

.menu .ideas a { background-position: -300px 0; }

.menu .about a:hover, .mascotsPage .menu .about a { background-position: 0 -35px;}

.menu .gallery a:hover, .costumesPage .menu .gallery a  { background-position: -100px -35px; }

.menu .getOne a:hover, .buyRentPage .menu .getOne a  { background-position: -200px -35px; }

.menu .ideas a:hover, .ideasPage .menu .ideas a  { background-position: -300px -35px; }


#nav a { display: block; cursor: pointer; overflow: hidden; width: 85px; height: 41px; background: transparent url(../assets/images/menu2.png) no-repeat; }

#nav .gallery a { background-position: 0 -41px; }

#nav .getOne a { background-position: 0 -82px; }

#nav .ideas a { background-position: 0 -123px; }

#nav .about a:hover, .mascotsPage #nav .about a { background-position: -85px 0px;}

#nav .gallery a:hover, .costumesPage #nav .gallery a  { background-position: -85px -41px; }

#nav .getOne a:hover, .buyRentPage #nav .getOne a  { background-position: -85px -82px; }

#nav .ideas a:hover, .ideasPage #nav .ideas a  { background-position: -85px -123px; }


.mascotsPage .submenu li a { background-image: url(../assets/images/aboutHorizontal3.png); }

.costumesPage .submenu li a { background-image: url(../assets/images/galleryHorizontal3.png); }

.buyRentPage .submenu li a { background-image: url(../assets/images/getOneHorizontal3.png); }

.ideasPage .submenu li a { background-image: url(../assets/images/ideasHorizontal3.png); }


.costumesPage #borderSelect { margin-top: 87px; }

.buyRentPage #borderSelect { margin-top: 127px; }

.ideasPage #borderSelect { margin-top: 167px; }


.submenu { text-align: left; width: 704px; height: 35px; margin: -5px 0 0 0; }

.submenu li a { width: 175px; }

.mascotsPage .submenu li a { width: 117px; }

.submenu .company a, .submenu .material a { width: 116px !important; }

.submenu li a { height: 35px; background-repeat: no-repeat; }

.submenu .company a { background-position: -117px 0; }

.submenu .video a, .submenu .rent a, .submenu .entertain a { background-position: -175px 0; }

.submenu .clients a { background-position: -233px 0; }

.submenu .material a, .submenu .custom a, .submenu .sponsorship a, .submenu .education a { background-position: -350px 0; }

.submenu .rentals a, .submenu .management a, .submenu .whywalkarounds a { background-position: -525px 0; }

.submenu .others a { background-position: -466px 0; }

.submenu .faq a { background-position: -583px 0; }

.submenu .walkarounds a:hover, .submenu .photos a:hover, .submenu .build a:hover, .submenu .promotion a:hover { background-position: 0 -35px; }

.companySubpage .company a, .submenu .company a:hover { background-position: -117px -35px; }

.submenu .video a:hover, .submenu .rent a:hover, .submenu .entertain a:hover { background-position: -175px -35px; }

.clientsSubpage .clients a, .submenu .clients a:hover { background-position: -233px -35px; }

.submenu .custom a:hover, .submenu .sponsorship a:hover, .submenu .education a:hover { background-position: -350px -35px; }

.materialSubpage .material a, .submenu .material a:hover { background-position: -350px -35px; }

.submenu .rentals a:hover, .submenu .management a:hover, .submenu .whywalkarounds a:hover  { background-position: -525px -35px; }

.othersSubpage .others a, .submenu .others a:hover { background-position: -466px -35px; }

.faqSubpage .faq a, .submenu .faq a:hover { background-position: -583px -35px; }


.walkAroundsSubpage .walkarounds a, .photosSubpage .photos a, .buildSubpage .build a, .promotionSubpage .promotion a { background-position: 0 -35px !important; }

.videoSubpage .video a, .rentSubpage .rent a, .entertainSubpage .entertain a { background-position: -175px -35px !important; }

.customSubpage .custom a, .sponsorshipSubpage .sponsorship a, .educationSubpage .education a { background-position: -350px -35px !important; }

.rentalsSubpage .rentals a, .managementSubpage .management a, .whywalkaroundsSubpage .whywalkarounds a  { background-position: -525px -35px !important; }


.walkAroundsSubpage .copy p { margin-bottom: 0; }

.companySubpage .copy { margin: 5px 15px; }

.faqSubpage p { margin: 5px 15px; }

.videoSubpage #content { text-align: center; }

.videoSubpage #videoWrap { margin: 3px auto; width: 670px; height: 395px; }

#videoWarning { color: #888; }

.videoSubpage { font-weight: normal; }

.videoSubpage h1 { margin: 15px 0 0 0; }

.faqSubpage h3 { text-align: left; }

/* .materialSubpage #content { margin-left: 10px; width: 775px; } */

.faqSubpage #content { margin-left: 15px; width: 680px; }

.legalSubpage #content { text-align: center; margin: 0 auto; width: 620px; height: 390px;}

.legalSubpage #content p { text-align: justify; }

.materialSubpage h1 { margin-top: 12px; }

.polaroid { float: left; width: 310px; margin-left: 26px; background: transparent url(../assets/images/brShadedCorner.jpg) no-repeat; }

.polaroid .media { margin: 15px 0 0 15px; height: 225px; line-height: 1.0em; }

#videoWrap { padding: 15px 0 0 0; }

.imgLeft { height: 125px; }

.imgLeft img { float: left; }

.imgLeft p { margin-left: 125px; }

.caption { font-size: 18px; text-align: center; vertical-align: middle; }

.caption a { margin: 0 15px; }

.copy { margin: 20px; }