/* Theme Name: Glossi Theme URI: www.glossieyewear.com Description: see the fun Version: version 2 Author: Buncreative Author URI: www.buncreative.com Tags: eyewear, fun, younng, spectacle, eyewear */ body {background:url(../images/bodyBg.jpg) no-repeat fixed; color:#555555; font:90%/190% Arial,Helvetica,Sans-Serif; text-align:center;} #pageWrap {text-align:left;} /*--Header--*/ #header {background:url(../images/headerBg.png) no-repeat 0 0; width:960px; float:left; position:relative;} #header h1 {background:url(../images/spriteObj.png) no-repeat -10px -360px; width:305px; height:75px; margin:50px 0 10px 560px; text-indent:-9999px;} #header .eventAnnounce {position:absolute; left:83px; top:31px;} #header #mainNav {background-color:#FFF; margin-left:17px; width:926px; height:90px;} #header #mainNav li {float:left; display:inline;} #header #mainNav li a {background:url(../images/spriteObj.png) no-repeat; display:block; position:relative; text-indent:-9999px;} #header #mainNav li a.home {width:181px; height:77px; background-position:-7px -6px;} #header #mainNav li a.spirit {width:188px; height:77px; background-position:-188px -6px;} #header #mainNav li a.collection {width:188px; height:77px; background-position:-376px -6px;} #header #mainNav li a.news {width:188px; height:77px; background-position:-564px -6px;} #header #mainNav li a.contact {width:181px; height:77px; background-position:-752px -6px;} /*--onPage--*/ #header #mainNav li.home {background:url(../images/spriteObj.png) no-repeat -7px -237px; display:block; width:181px; height:88px; text-indent:-9999px;} #header #mainNav li.spirit {background:url(../images/spriteObj.png) no-repeat -188px -237px; display:block; width:188px; height:88px; text-indent:-9999px;} #header #mainNav li.collection {background:url(../images/spriteObj.png) no-repeat -376px -237px; display:block; width:188px; height:88px; text-indent:-9999px;} #header #mainNav li.news {background:url(../images/spriteObj.png) no-repeat -564px -237px; display:block; width:188px; height:88px; text-indent:-9999px;} #header #mainNav li.contact {background:url(../images/spriteObj.png) no-repeat -752px -237px; display:block; width:181px; height:88px; text-indent:-9999px;} /*--Hover--*/ #header #mainNav li a.home:hover {background-position:-7px -83px; height:77px;} #header #mainNav li a.spirit:hover {background-position:-188px -83px; height:77px;} #header #mainNav li a.collection:hover {background-position:-376px -83px; height:77px;} #header #mainNav li a.news:hover {background-position:-564px -83px; height:77px;} #header #mainNav li a.contact:hover {background-position:-752px -83px; height:77px;} /*--Active--*/ #header #mainNav li a.home:active {background-position:-7px -160px; height:77px;} #header #mainNav li a.spirit:active {background-position:-188px -160px; height:77px;} #header #mainNav li a.collection:active {background-position:-376px -160px; height:77px;} #header #mainNav li a.news:active {background-position:-564px -160px; height:77px;} #header #mainNav li a.contact:active {background-position:-752px -160px; height:77px;} /*--Container--*/ #container {background:url(../images/contentBg.png) repeat-y; width:960px; float:left; position:relative;} /*--Home--*/ #container h2#home {background:url(../images/spriteObj.png) no-repeat -434px -366px; height:200px; margin-top:65px; text-indent:-9999px;} #container p {margin-top:40px;} #container img.hero {margin:-180px 40px 0 0; float:right;} /*--Spirit--*/ #positioning h2#spirit {background:url(../images/spriteObj.png) no-repeat -432px -622px; height:293px; margin-top:65px; text-indent:-9999px;} #positioning img.positioning {margin:50px 0 0 90px;} #intro {margin-top:50px;} /*--Collection--*/ #container h2#collection {background:url(../images/spriteObj.png) no-repeat -14px -467px; height:100px; margin-top:65px; text-indent:-9999px;} /* #gallery {margin-top:50px; -moz-box-shadow:0 0 8px #AAAAAA; -webkit-box-shadow:0 0 8px #AAAAAA; box-shadow:0 0 8px #AAAAAA; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; border:1px solid #CCC; background:url(../images/panel.jpg) repeat-x bottom center #ffffff; overflow:hidden;} #gallery #slides {width:460px; height:300px; overflow:hidden;} #gallery #slides .slide {float:left;} #gallery #menu {height:55px; border-top:1px solid #F1DBDF;} #gallery #menu ul {margin-left:20px;} #gallery #menu li {width:66px; height:50px; display:inline-block; overflow:hidden;} #gallery #menu li.inact:hover {background:url(../images/pic_bg.png) repeat;} #gallery #menu li.act, #gallery #menu li.act:hover {background:url(../images/active_bg.png) no-repeat;} #gallery #menu li.act a {cursor:default;} #gallery #menu li.fbar {width:2px; height:40px; background:url(../images/divider.png) no-repeat right;} #gallery #menu li a {display:block; background:url(../images/divider.png) no-repeat right; height:55px; padding-top:10px;} #container p.announcement {margin-top:20px;} #container p.announcement a {background:#FF9133 url(../images/spriteObj.png) no-repeat -207px -1164px; font-weight:normal; color:#FFF; text-decoration:none; padding:2px 5px 2px 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #container p.announcement a:hover {background-color:#FFAD66; -moz-box-shadow:0 0 8px #FF9133; -webkit-box-shadow:0 0 8px #FF9133;} */ #gallery {margin-top:50px; -moz-box-shadow:0 0 8px #AAAAAA; -webkit-box-shadow:0 0 8px #AAAAAA; box-shadow:0 0 8px #AAAAAA; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; border:1px solid #CCC; overflow:hidden;} #gallery ul {margin:20px 0 20px 70px; float:left;} #gallery li {float:left; text-indent:-9999px;} /* #gallery ul#original li {margin-right:80px;} #gallery ul#original li.last {margin-right:0;}*/ #gallery ul li.b7 a {background:url(../images/thumb/b7.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.b8 a {background:url(../images/thumb/b8.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.b9 a {background:url(../images/thumb/b9.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.b10 a {background:url(../images/thumb/b10.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.b11 a {background:url(../images/thumb/b11.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.b12 a {background:url(../images/thumb/b12.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.b13 a {background:url(../images/thumb/b13.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.b14 a {background:url(../images/thumb/b14.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.t1 a {background:url(../images/thumb/thumb1.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.t2 a {background:url(../images/thumb/thumb2.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.t3 a {background:url(../images/thumb/thumb3.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.t4 a {background:url(../images/thumb/thumb4.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.t5 a {background:url(../images/thumb/thumb5.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.t6 a {background:url(../images/thumb/thumb6.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.t7 a {background:url(../images/thumb/bl_thumb1.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.t8 a {background:url(../images/thumb/bl_thumb2.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.t9 a {background:url(../images/thumb/bl_thumb3.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.t10 a {background:url(../images/thumb/bl_thumb4.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs25 a {background:url(../images/thumb/gs25.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs28 a {background:url(../images/thumb/gs28.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs29g a {background:url(../images/thumb/gs29g.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs29 a {background:url(../images/thumb/gs29.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs30 a {background:url(../images/thumb/gs30.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs31 a {background:url(../images/thumb/gs31.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs32 a {background:url(../images/thumb/gs32.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs33 a {background:url(../images/thumb/gs33.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs34 a {background:url(../images/thumb/gs34.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs35 a {background:url(../images/thumb/gs35.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs36 a {background:url(../images/thumb/gs36.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.gs37 a {background:url(../images/thumb/gs37.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s11 a {background:url(../images/thumb/BS155-18_M6.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s12 a {background:url(../images/thumb/BS258-15_M3.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s13 a {background:url(../images/thumb/BS258-15_M6.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s14 a {background:url(../images/thumb/BS258-15_N6.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s15 a {background:url(../images/thumb/BS358-16_M3.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s16 a {background:url(../images/thumb/BS358-16_M4.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s17 a {background:url(../images/thumb/BS358-16_M6.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s18 a {background:url(../images/thumb/BS458-17_M7.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s19 a {background:url(../images/thumb/BS458-17_M8.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s20 a {background:url(../images/thumb/BS458-17_N6.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s21 a {background:url(../images/thumb/BS557-17_M6.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s22 a {background:url(../images/thumb/BS557-17_N6.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s23 a {background:url(../images/thumb/BS658-16_M3.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s24 a {background:url(../images/thumb/BS658-16_M7.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s25 a {background:url(../images/thumb/BS757-18_M6.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s26 a {background:url(../images/thumb/BS757-18_M7.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s27 a {background:url(../images/thumb/BS757-18_M8.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li.s28 a {background:url(../images/thumb/BS757-18_N6.jpg) no-repeat 0 0; width:160px; height:120px; display:block;} #gallery ul li a:hover {background-position:0 -120px;} /*--News--*/ #container h2#news {background:url(../images/spriteObj.png) no-repeat -16px -618px; height:418px; margin-top:65px; text-indent:-9999px;} #container #callforaction {margin-top:250px;} #container #callforaction p.befan {font-size:15px; font-weight:bold;} #container #callforaction p.befan a {background:#9B8F2E url(../images/spriteObj.png) no-repeat -207px -1164px; font-weight:normal; color:#FFF; text-decoration:none; padding:2px 5px 2px 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #container #callforaction p.befan a:hover {background-color:#B4AB62; -moz-box-shadow:0 0 8px #9B8F2E; -webkit-box-shadow:0 0 8px #9B8F2E;} /*--Contact--*/ #container h2#contact {background:url(../images/spriteObj.png) no-repeat -438px -956px; height:320px; margin-top:65px; text-indent:-9999px;} #container #contactInfo {margin-top:140px;} #container #contactInfo ul {float:left; margin-bottom:50px; margin-right:20px;} #container #contactInfo ul li span {font-weight:bold; color:#999;} #container #contactInfo ul a {text-decoration:none; color:#53284F; font-weight:bold; display:block;} #container #contactInfo ul a:hover {color:#876984;} /*--Footer--*/ #footer {border-top:1px solid #A30050; margin-top:120px; padding-bottom:51px;} #footer p.copyright {margin:0; font-size:10px; float:left;} #footer p.faceBook {float:right; margin:0;} #footer p.faceBook a {background:url(../images/spriteObj.png) no-repeat -121px -1123px; display:block; padding-right:25px; color:#A30050; font-size:12px; line-height:24px; text-decoration:none;} #footer p.faceBook a:hover {color:#D180A8;}