/*BODY*/ body {background-color: #fff; font-family: Helvetica Neue, Myriad Pro, Arial; font-size: 13px; color: #555555; cursor: crosshair; margin: 0; padding: 0px;} a {color: #7e7e7e; text-decoration: none;} a:link {color: #7e7e7e; text-decoration: none;} a:visited {color: #7e7e7e; text-decoration: none;} a:hover {color: #85c7c5; text-decoration: none; } a:active {color: #7e7e7e;text-decoration: none;} html, body, #wrapper, #header {height: 100%;} body > #wrapper {height: auto; min-height: 100%;} /*WRAPPER*/ #wrapper {margin: 0px auto 0px auto; } /*HEADER*/ #header {background: url('images/header2.png') no-repeat; height: 250px;} /*CONTENT-WRAPPER*/ #contentwrapper {width: 900px; margin: 0px auto 0px auto;} /*MENU*/ #menu {height: 210px;} #nav {width: 265px; padding: 0px; float: left; margin: 0px;} #navprod ul, #navmain ul {list-style: none; padding: 0px;} #navprod li {padding-top: -5px; } #navmain {width: 88px; padding: 10 0 0 0; margin: 0px; float: left; overflow: auto;} #navmain a {display: block; float: left; background: url(images/menu.png) no-repeat; padding-bottom: 3px; } #navmain a.home {width: 87px; height: 11px; background-position: 0 -7px; } #navmain a.about {width: 87px; height: 11px; background-position: 0 -23px; } #navmain a.guide {width: 87px; height: 12px; background-position: 0 -38px; } #navmain a.cafe {width: 87px; height: 12px; background-position: 0 -69; } #navmain a.faq {width: 87px; height: 11px; background-position: 0 -85; } #navmain a.links { width: 87px; height: 12px; background-position: 0 -101; } #navmain a.candysky {width: 87px; height: 12px; background-position: 0 -132; } #navmain a.checkout {width: 87px; height: 12px; background-position: 0 -163; } #navmain a.schedule {width: 87px; height: 13px; background-position: 0 -178; } #navmain a.tracking {width: 87px; height: 12px; background-position: 0 -194; } #navmain a.bar {width: 87px; height: 12px; background-position: 0 -50px;} #navmain a:hover {display: list; background: url(images/menu-hover.png) no-repeat; padding-bottom: 3px; } #navmain a:hover.home {width: 87px; height: 11px; background-position: 0 -7px; } #navmain a:hover.about {width: 87px; height: 11px; background-position: 0 -23px; } #navmain a:hover.guide {width: 87px; height: 12px; background-position: 0 -38px; } #navmain a:hover.cafe {width: 87px; height: 12px; background-position: 0 -69; } #navmain a:hover.faq {width: 87px; height: 11px; background-position: 0 -85; } #navmain a:hover.links { width: 87px; height: 12px; background-position: 0 -101; } #navmain a:hover.candysky {width: 87px; height: 12px; background-position: 0 -132; } #navmain a:hover.checkout {width: 87px; height: 12px; background-position: 0 -163; } #navmain a:hover.schedule {width: 87px; height: 13px; background-position: 0 -178; } #navmain a:hover.tracking {width: 87px; height: 12px; background-position: 0 -194; } #navmain a:hover.bar {width: 87px; height: 12px; background-position: 0 -50px;} #navprod {width: 174px; margin: 0px; float: left; } #navprod a {display: block; float: left; width: 174px; background: url(images/menuprod.png) no-repeat; margin-bottom: -5px; overflow: auto;} #navprod a.clothing {height: 38px; background-position: 0 0; } #navprod a.accessories {height: 28px; background-position: 0 -38; } #navprod a.bags {height: 38px; background-position: 0 -66; } #navprod a.stationery {height: 33px; background-position: 0 -104; } #navprod a.fangoods {height: 34px; background-position: 0 -137; } #navprod a.sets {height: 30px; background-position: 0 -171; } #navprod a.etc {height: 39px; background-position: 0 -201; } #navprod a:hover {display: block; float: left; width: 174px; background: url(images/menuprodhover.png) no-repeat; margin-bottom: -5px; overflow: auto;} #navprod a:hover.clothing {height: 38px; background-position: 0 0; } #navprod a:hover.accessories {height: 28px; background-position: 0 -38; } #navprod a:hover.bags {height: 38px; background-position: 0 -66; } #navprod a:hover.stationery {height: 33px; background-position: 0 -104; } #navprod a:hover.fangoods {height: 34px; background-position: 0 -137; } #navprod a:hover.sets {height: 30px; background-position: 0 -171; } #navprod a:hover.etc {height: 39px; background-position: 0 -201; } #feat {width: 630px; position: relative; float: left; margin: 15px 0 0 0;} #feat h2 {color: #dad596; font-size: 16px; font-weight: bold; font-family: Helvetica, Myriad Pro, Arial;} #feat h3 {color: #a0e1d7; font-size: 16px; font-weight: bold; font-family: Helvetica, Myriad Pro, Arial;} #feat h4 {color: a99fc4; font-size: 14px; font-weight: bold; font-family: Helvetica, Myriad Pro, Arial; margin-bottom: -15px;} #feat h5 {color: cf8095; font-size: 16px; font-weight: bold; font-family: Helvetica, Myriad Pro, Arial; margin-bottom: -10px;} #feat h7 {color: f1b8d8; font-size: 16px; font-weight: bold; font-family: Helvetica, Myriad Pro, Arial; margin-bottom: -10px;} #feat ul {list-style: none;} #form {font-size: 14px;} #cafesubject {width: 515px; float: left; margin-left: 15px;} #cafedate {width: 100px; float: left; position: relative;} #featslides .top {margin-top: -20px; clear: both;} .bar {height: 50px; clear: both; position: relative;} /*CONTENT*/ #contentmain {clear: both; position: relative; margin: 0 auto 0 auto; width: 900px; padding-bottom: 198px;} #contentmain ul {list-style: none;} .indivitem {} #contentmain h2 {background-color: #42cfb4; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: normal; font-family: Helvetica, Myriad Pro, Arial; padding-left: 15px;} /*SIDEBAR*/ #side {width: 240px; margin-left: 0px; border-right: 1px solid #fff; float: left; top: 0; left: 0; overflow: auto;} #sidetext { margin: 25px 5px 0px 30px; padding: 0px; z-index: 1; width: 204px; position: absolute; font-family: Helvetica Neue, Myriad Pro, Arial; color: #5a5a5a; font-size: 11px; line-height: 110%; top: 1px;} #sidetext b {font-weight: bold; color: #7e7e7e;} #sidetext i {color: #45d4b9;} #sidetext a {color: #4aadb2; text-decoration: none;} #sidetext a:link {color: #4aadb2; text-decoration: none;} #sidetext a:visited {color: #4aadb2; text-decoration: none;} #sidetext a:hover {color: #85c7c5; text-decoration: none; border-top: 1px dashed #5a5a5a} #sidetext a:active {color: #4aadb2; text-decoration: none;} #sidetext ul {list-style: none; padding: 0px;} #sidetext li {float: left;} #sidetext li a {display: inline; float: left; background: url(images/mainimgs.png) no-repeat; width: 175px; } #sidetext li a.pdfResume {height: 51px; background-position: 0 0;} #sidetext li a.twitter {height:66px; background-position: 0 -51px;} #sidetext li a.pdfPortfolio {height: 58px; background-position: 0 -117px;} #sidetext li a:hover {text-decoration: none; border-top: none;} #sidetext .img {padding: 0px; margin-left: -10px;} #updates {width: 130px; float: left; margin: 0; padding: 0px;} #dates {width: 60px; float: left; margin: 0px; padding: 0px;} #contact {font-size: 13px; line-height: 95%;} #sidebg {z-index:-1; height: 520px;} /*THUMBS*/ #thumbnails {width: 650px; position: relative; top: 0; right: 0px; overflow: auto; } #thumbnails ul, #shopitems ul {list-style: none; padding-left: 20px; margin-bottom: 20px; } #thumbnails li, #shopitems li {float: left; padding-right: 10px; } #shopitems {width: 900px; position: relative; top: 0; right: 0px; margin-left: 20px; overflow: auto; } #newitems {padding-left: 0px; margin-left: 10px;} .items {width: 200px; height: 280px; margin: 0 10px 0 0; padding: 0px;} #thumbnails a, #shopitems a {border: 0; color: #777; text-decoration: none; font-family: Helvetica Neue, Myriad Pro, Arial;} #thumbnails a:link, #shopitems a:link {color: #777; text-decoration: none;} #thumbnails a:visited, #shopitems a:visited {color: #777; text-decoration: none;} #thumbnails a:hover, #shopitems a:hover {color: #9174a6; text-decoration: none; } #thumbnails a:active, #shopitems a:active {color: #777; text-decoration: none;} .thumb {width: 200px; height: 200px; border-bottom: 10px solid #7a7e7d; margin-bottom: 10px;} .thumb img:hover {border-bottom: 10px solid #42cfb4;} .thumb img {border: none; width: 200px; height: 200px;} .prodname { font-size: 14px; color: #7a7e7d; font-weight: bold; font-family: Helvetica Neue, Myriad Pro, Arial; text-align: center; margin: 0;} .price {height: 20px; font-size: 13px; color: #7ac8c9; font-weight: bold; font-family: Helvetica Neue, Myriad Pro, Arial; margin: 0 0 15 0; text-align: center;} /*FOOTER*/ #footer {margin-top: -198px; /* negative value of footer height */ height: 198px; width: 100%; clear:both; background: url('images/footer.png') no-repeat; text-align: center;} #footernav {position: relative; height: 90px; margin: 0 auto 0 auto; font-size: 12px; padding-top: 50px; z-index: 5; text-align: center;} #footernav ul {list-style: none;} #footernav li {float: none; padding-right: 10px;} #footernav li a {display: block; padding-right: 10px; color: #50b1b5; text-decoration: none; font-family: Helvetica Neue, Myriad Pro, Arial; font-weight: bold; text-align: center; } #footernav li a:link {color: #50b1b5; text-decoration: none;} #footernav li a:visited {color: #50b1b5; text-decoration: none;} #footernav li a:hover {color: #777777; text-decoration: none; } #footernav li a:active {color: #50b1b5; text-decoration: none;} /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ }