/*html,body,#bg,#bg table,#bg td,#cont,#bg {width:100%;height:100%;overflow:hidden} */ html {background:#fff url(../img/bg_2balls.jpg) no-repeat; background-position: center top; background-attachment: fixed; width: 100%; height:100%;} body{font-family:"ITC Avant Garde","Century Gothic","Lucida Grande",Arial,sans-serif;font-size:12px; color:#000; margin-top:5%; } h1 { font-family:"ITC Avant Garde","Century Gothic","Lucida Grande",Arial,sans-serif;font-size:21px;color:#000; line-height:21px; } .opacity60 {opacity:0.6;filter:alpha(opacity=60); } a {text-decoration:none; color:#000; } a:hover{color:#eee809;} a.select{color:#eee809; } p {padding-bottom:10px; vertical-align: middle; } ul { list-style: none; } img, img a { border : none } /* animation for beauty & design home --------------------------------------------------------------------------------------------------------- */ #rotator {border: 0px; overflow: hidden; position: relative; width: 500px; height: 325px; } #rotator img {border: 0px; width: 500px; height: 325px; } /* contents --------------------------------------------------------------------------------------------------------- */ #cont{position:absolute; top:0; left:0; z-index:100; } #contInside {position:relative; z-index:100; margin: 0 auto; width:800px; } .box{position:absolute;top:50px;left:50px;width:500px;padding-bottom:100px; } .boxInside {position:relative;float:left; width:250px; position:fixed;} .boxRight{position:absolute;top:50%;left:750px;width:200px;padding-bottom:100px;} .boxRightInside{position:relative;float:right; width:500px; margin-left:50px; padding:0; } .boxRightInsideBG {position:relative; width:500px;} .boxRightPrice {position:relative; width:500px; overflow:auto;} .boxRightLook {position:relative; width:500px; margin-bottom:1px;} .boxRightWork {position:relative; width:500px; padding-bottom:10px; } .border1 {position:relative; margin:15px 0; border-top:thin dotted #000000; } .border2 {position:relative; margin:15px 0; background:url(../img/stripes.png); height:8px; } .border3 {position:relative; margin: 0 0 5px 0; border-top:thin dotted #000000; } .border4 {position:relative; margin: 0 0 15px 0; background:url(../img/stripes.png); height:8px; } .border5 {position:relative; margin: 0 0 5px 0; border-top:thin dotted #000000; width:245px; } .border6 {position:relative; margin: 0 0 5px 0; border-top:thin dotted #000000; width:245px; float:right; } .leftP {width:250px; float:left; line-height:15px; } .rightP {width:250px; float:right; line-height:15px; } .footer {position:relative; width:800px; margin-top:100PX; float:left; font-size:10px; } /* lookbook --------------------------------------------------------------------------------------------------------- */ .lookLeft {width:245px; height:175px; float:left; margin-right:10px; } .lookLeft img {margin-bottom:15px;} .lookRIght {width:245px; height:175px; float:right; } .lookRIght img {margin-bottom:15px;} /* slideshow --------------------------------------------------------------------------------------------------------- */ #picture-slides-frame{text-align: left; border: none; } #picture-slides-image-text {width:500px;} #picture-slides-container{/* Width HAS to be here for IE to render the filter */width: 100%;} #navigation2 {text-align:right;right:0;} #navigation2 div{float:left; text-align:left;} #navigation-controls{width: 500px; list-style: none;} #navigation-controls li{text-align:right; display:inline; margin-left:20px;} ul#navigation-controls a.disabled{opacity:0.3;filter:alpha(opacity=30);} /* nav_home --------------------------------------------------------------------------------------------------------- */ #nav_home {position:absolute; left: 0; width: 500px; list-style: none; margin: 0; padding: 0; background:none; float:left;} #nav_home ul {width:500px; float:left; } #nav_home li {display: block; margin-bottom:10px;} #nav_home li a {height: 80px;} #nav_home li a {background: url(../img/nav_home_a.png); opacity:0.6;filter:alpha(opacity=60)} #nav_home li a {cursor: pointer; display:block;} #nav_home li a:hover {background: url(../img/nav_home_h.png); opacity:0.6;filter:alpha(opacity=60)} /* nav_home_buttons --------------------------------------------------------------------------------------------------------- */ #nav_home li#house {width: 500px; height: 80px; margin: 0; padding: 0; display: block; overflow: hidden; cursor: default;} #nav_home li#house a {width: 500px; margin:0; padding: 80px 0 0 0; background-position: 0 0; cursor: default;} /*#nav_home li#house a:hover {background-position: 0 0; cursor: default;}*/ #nav_home li#monks {width: 500px; height: 80px; margin: 0; padding: 0; display: block; overflow: hidden; cursor: default;} #nav_home li#monks a {width: 500px; margin:0; padding: 80px 0 0 0; background-position: 0 -95px; cursor: default;} /*#nav_home li#monks a:hover {background-position: 0 -95px; cursor: default;}*/ #nav_home li#beauty {width: 500px; height: 80px; margin: 0; padding: 0; display: block; overflow: hidden;} #nav_home li#beauty a {width: 500px; margin:0; padding: 80px 0 0 0; background-position: 0 -190PX;} #nav_home li#beauty a:hover {background-position: 0 -190PX; } #nav_home li#design {width: 500px; height: 80px; margin: 0; padding: 0; display: block; overflow: hidden;} #nav_home li#design a {width: 500px; margin:0; padding: 80px 0 0 0; background-position: 0 -285PX;} #nav_home li#design a:hover {background-position: 0 -285PX; } #nav_home li#monkslogo {width: 500px; height: 80px; margin: 0; padding: 0; display: block; overflow: hidden; cursor: default;} #nav_home li#monkslogo a {width: 500px; margin:0; padding: 80px 0 0 0; background-position: 0 -380px; cursor: default;} /*#nav_home li#monkslogo a:hover {background-position: 0 -380px; cursor: default;}*/ /* nav_small --------------------------------------------------------------------------------------------------------- */ #nav_small {position:relative; width: 127px; overflow:auto; list-style: none; margin: 0; padding: 0; background:none; } #nav_small ul {width:127px; float:left; } #nav_small li {display: block; } #nav_small li a {height: 20px;} #nav_small li a {background: url(../img/nav_small_a.png); opacity:0.6;filter:alpha(opacity=60)} #nav_small li a {cursor: pointer; display:block;} #nav_small li a:hover {background: url(../img/nav_small_h.png); opacity:0.6;filter:alpha(opacity=60)} #nav_small li a.select {background: url(../img/nav_small_h.png); opacity:0.6;filter:alpha(opacity=60)} /* nav_small_buttons --------------------------------------------------------------------------------------------------------- */ #nav_small li#house {width: 127px; height: 20px; margin-bottom:5px; padding: 0; display: block; overflow: hidden; cursor: default;} #nav_small li#house a {width: 127px; margin:0; padding: 20px 0 0 0; background-position: 0 0; cursor: default;} /*#nav_home li#house a:hover {background-position: 0 0; cursor: default;}*/ #nav_small li#monks {width: 127px; height: 20px; margin-bottom:5px; padding: 0; display: block; overflow: hidden; cursor: default;} #nav_small li#monks a {width: 127px; margin:0; padding: 20px 0 0 0; background-position: 0 -24px; cursor: default;} /*#nav_home li#monks a:hover {background-position: 0 -95px; cursor: default;}*/ #nav_small li#beauty {width: 127px; height: 20px; margin-bottom:5px; padding: 0; display: block; overflow: hidden;} #nav_small li#beauty a {width: 127px; margin:0; padding: 20px 0 0 0; background-position: 0 -48px;} #nav_small li#beauty a:hover {background-position: 0 -48px; } #nav_small li#beauty a.select {background-position: 0 -48px; } #nav_small li#design {width: 127px; height: 20px; margin-bottom:5px; padding: 0; display: block; overflow: hidden;} #nav_small li#design a {width: 127px; margin:0; padding: 20px 0 0 0; background-position: 0 -73px;} #nav_small li#design a:hover {background-position: 0 -73px; } #nav_small li#design a.select {background-position: 0 -73px; }