@import url("fonts.css");

* { margin:0px;padding:0px; }

body { height: 100%; }


/* Logo & Header */
.header { margin:0 auto; width: 960px; }
.header .logo { margin: 15px 0 0 20px; }
.header .logo h1 { padding: 10px; }
.header .logo p { position: relative; top: -27px; }

/* Navigation */
.menu { margin: 20px auto; width: 960px; }
.menu ul { list-style: none;}
.menu ul li { float: left; width: 152px; height: 45px; margin: 0 0 0 25px; padding: 20px 25px; border: 1px solid #c7c7c7; text-align: center;vertical-align: middle; background-color: #f4f4f4; }


/* Home content */
.homeWrapper { clear:both; margin:0 auto; width: 925px; padding: 25px 0 0 25px; }
.homeWrapper img { margin: 10px 20px 0 0; vertical-align: top;  }
.alterImg1 { margin-top: -30px !important; }
.alterImg2 { margin-top: -180px !important; }
.alterImg3 { margin-top: -85px !important; }
.alterImg4 { margin-top: 60px !important; }
.alterImg5 { margin: 40px 0 10px 0 !important; }
.alterImg6 { margin-top: -35px !important; }

/* About content */
.aboutWrapper { clear:both; margin:0 auto; width: 825px; padding: 50px 100px 0 100px; }

/* Fragrance page content */
.fragranceWrapper { width: 960px; overflow: auto; }

.fragranceImageWrapper { width: 675px; float: left; overflow: hidden; padding-top: 10px;}
.fragranceImageWrapperWrapper { width: 500px; overflow: hidden; float: left; }
.fragranceImage1 { position: relative; top: 250px; left: 150px; }
.fragranceImage2 { position: relative; top: 0px; left: -340px; }
.fragranceImage3 { position: relative; top: -290px; left: 200px; }
.fragranceImage4 { position: relative; top: -170px; left: -300px; }

.fragranceTextWrapper { float: left; width: 350px; margin: 40px 0 0 0; }
.fragranceTextWrapper p { margin-top: 15px;}
.fragranceTextWrapper img { margin: 30px 0 0 45px; }
.fragranceTextWrapper .price { margin-bottom: 0px; }
.fragranceTextWrapper .info { margin: 0px; }


/* banners */
.banner { float: left; width:891px; height: 107px; display:block; overflow:hidden; margin: 25px 0 0 25px; }

.homeBanner { width:891px; height: 107px; background-image: url(../images/home/banner-home.jpg) }
.homeBanner p { text-align: right; padding: 30px 20px 0 0; }

.newYorkBanner { width:891px; height: 107px; background-image: url(../images/fragrance-ny/banner-new-york.jpg) }
.newYorkBanner p { text-align: right; padding: 30px 20px 0 0; }

.maldivesBanner { width:891px; height: 107px; background-image: url(../images/fragrance-m/banner-maldives.jpg) }
.maldivesBanner p { text-align: left; padding: 30px 0 0 20px; }

.ibizaBanner { width:891px; height: 107px; background-image: url(../images/fragrance-i/banner-ibiza.jpg) }
.ibizaBanner p { text-align: left; padding: 30px 0 0 20px; color: #ffffff; }

.romeBanner { width:891px; height: 107px; background-image: url(../images/fragrance-r/banner-rome.jpg) }
.romeBanner p { text-align: left; padding: 30px 0 0 20px; }


/* Footer */
.footer { height: 400px; width: 100%; background-color: #c7c7c7; margin: 0 0 -50px 0; padding: 0px; }
.footerWrapper { clear:both; margin:0 auto; width: 950px; }
.footerWrapper a { color: #000000; text-decoration: none; }
.footerWrapper a:hover { text-decoration: underline; }

.footer span { height: 20px; width: 100%; background-color: #e6e6e6; padding: 0px; display: block; }
.footerPadding { height: 80px; display: block; }

.footerWrapperRight { float:right; width: 200px; margin: 40px 20px 0 0; }
.footerWrapperLeft { float:left; width: 300px; margin: 40px 0 0 20px;}