html, body, #wrapper {
height:100%;
margin: 0;
padding: 0;
border: none;
text-align: center;
background: none;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}
.cufon-active h3 { /* for Cufon.replace('h1') */
outline: none;
}
#wrapper {
background: none;
margin: 0 auto;
text-align: left;
vertical-align: middle;
width: 993px;
padding-top: 20px;
}
#main {
position:relative;
width: 933px;
height:700px;
margin: 0 auto;
margin-top: 0px;
text-align: left;
border: solid 1px black;
list-style:none;
font-size:36px;
overflow:hidden;
z-index: 10;
}
#main_cat {
position:relative;
width: 933px;
height:700px;
margin: 0 auto;
margin-top: 0px;
text-align: left;
border: solid 1px black;
list-style:none;
font-size:36px;
overflow:visible;
z-index: 10;
}
#nav {
position:absolute;
right:80px;
top:150px;
width: auto;
list-style:none;
font-size:36px;
}
#logo {
position:absolute;
right:20px;
top:-100px;
width: 180px;
height: 99px;
background-image: url(assets/logo.jpg);
}
#accordion {
position:relative;
margin: 0 auto;
text-align: left;
list-style:none;
font-size:20px;
list-style: none;
}
#accordion ul{
list-style: none;
text-indent: 0px;
text-align:left;
padding:0px 0px 10px 10px;
margin: 0px;
}
#accordion li{
list-style: none;
text-indent: 0px;
text-align:left;
padding:0px;
margin: 0px;
}
#accordion h3{
font-size:22px;
margin: 0 auto;
font-weight:normal;
}
#accordion h3 a:hover{color:#F00}
#container_contact {
position: absolute;
width: 933px;
height:700px;
list-style:none;
font-size:36px;
background-image:url(assets/stockists_bg.jpg);
}
#contact {
position: absolute;
top: 275px;
left: 70px;
width: auto;
height:auto;
list-style:none;
font-size:36px;
color:#000;
font-size:20px;
padding: 20px 10px 20px 10px;
text-align: justify;
line-height:17px;
letter-spacing:normal;
}
#credit {
position: absolute;
bottom: 10px;
left: 80px;
width: auto;
height:auto;
list-style:none;
font-size:18px;
color:#000;
font-size:16px;
padding: 0px;
text-align: left;
line-height:17px;
letter-spacing:normal;
text-transform:uppercase;
}
#container_stock {
position: absolute;
width: 933px;
height:700px;
list-style:none;
font-size:36px;
background-image:url(assets/stockists_bg.jpg);
}
#stock_1 {
position: absolute;
top: 175px;
left: 70px;
width: auto;
height:auto;
list-style:none;
font-size:36px;
color:#000;
font-size:20px;
padding: 20px 10px 20px 20px;
text-align: justify;
line-height:17px;
letter-spacing:normal;
}
#stock_2 {
position: absolute;
top: 250px;
left: 370px;
width: auto;
height:auto;
list-style:none;
font-size:36px;
color:#000;
font-size:20px;
padding: 20px 10px 20px 20px;
text-align: justify;
line-height:17px;
letter-spacing:normal;
}
#stock_3 {
position: absolute;
top: 250px;
left: 630px;
width:auto;
height:auto;
list-style:none;
font-size:36px;
color:#000;
font-size:20px;
padding: 20px 10px 20px 20px;
text-align: justify;
line-height:17px;
letter-spacing:normal;
}
#container_bio {
position: absolute;
width: 933px;
height:700px;
list-style:none;
font-size:36px;
background-image:url(assets/bio_bg.jpg);
}
#bio p{
position: absolute;
top: 180px;
left: 50px;
width: 800px;
height:auto;
list-style:none;
font-size:36px;
background-color:#000;
color:#FFF;
font-size:20px;
padding: 20px 10px 20px 20px;
text-align: justify;
line-height:20px;
letter-spacing:normal;
opacity: 0.8;
}
#container {
position: absolute;
width: 933px;
height:700px;
list-style:none;
font-size:36px;
}
#container2 {
position:relative;
width: 5598px;
height:700px;
list-style:none;
font-size:36px;
background-image: url(assets/main_bg.jpg);
}
#container_home {
position:relative;
width: 933px;
height:700px;
list-style:none;
font-size:36px;
background-image: url(assets/home_bg.jpg);
}
.test {
position: absolute;
left:228px;
top:20px;
text-transform:uppercase;
}
.cougar_earrings {
position: absolute;
left:68px;
bottom:120px;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.cougar_studs {
position: absolute;
left:78px;
bottom:50px;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.cougar_pave {
position: absolute;
left:430px;
bottom:330px;
text-transform:uppercase;
font-size:18px;
color: #FFF;
line-height:20px;
letter-spacing:normal;
}
.cougar_pave_ring {
position: absolute;
left:600px;
bottom:70px;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.cougar_bracelet {
position: absolute;
left:470px;
bottom:230px;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.cougar_choke {
position: absolute;
left:470px;
bottom:430px;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.cougar_devil {
position: absolute;
left:390px;
bottom:610px;
width:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.cougar_necklace {
position: absolute;
left:560px;
top:80px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.cougar_rose {
position: absolute;
left:120px;
bottom:30px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.cougar_white {
position: absolute;
right:120px;
bottom:30px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.spikes_studs {
position: absolute;
right:120px;
bottom:30px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.spikes_bracelets {
position: absolute;
right:160px;
bottom:25px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:19px;
line-height:20px;
letter-spacing:normal;
line-height:20px;
letter-spacing:normal;
}
.spikes_yellow {
position: absolute;
right:220px;
bottom:130px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.spikes_chand {
position: absolute;
right:30px;
top:300px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:18px;
line-height:20px;
letter-spacing:normal;
}
.spikes_white {
position: absolute;
right:220px;
bottom:60px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.spikes_stack {
position: absolute;
right:120px;
bottom:60px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.spikes_pave {
position: absolute;
right:230px;
bottom:250px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.spikes_neck {
position: absolute;
left:120px;
bottom:60px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.wings_neck_1 {
position: absolute;
left:30px;
bottom:160px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:18px;
line-height:20px;
letter-spacing:normal;
}
.wings_neck_2 {
position: absolute;
left:50px;
bottom:130px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
}
.wings_neck_3 {
position: absolute;
left:530px;
bottom:30px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
}
.wings_ear_1 {
position: absolute;
left:530px;
bottom:30px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
}
.gve {
position: absolute;
left:300px;
bottom:20px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:18px;
}
.wings_stache_1 {
position: absolute;
right:200px;
bottom:300px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
}
.wings_stache_2 {
position: absolute;
left:130px;
bottom:80px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
}
.wings_fan_1 {
position: absolute;
right:80px;
bottom:80px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
}
.sea_horse {
position: absolute;
right:330px;
bottom:20px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:19px;
line-height:20px;
letter-spacing:normal;
}
.pave_fat {
position: absolute;
right:180px;
bottom:480px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
}
.pave_flower {
position: absolute;
left:30px;
bottom:20px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
}
.pave_brace {
position: absolute;
right:40px;
bottom:420px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
}
.rose_leaf {
position: absolute;
right:120px;
bottom:480px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
}
.black_pave {
position: absolute;
right:250px;
bottom:460px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:16px;
line-height:20px;
letter-spacing:normal;
}
.huggies {
position: absolute;
right:250px;
bottom:580px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.black_onyx {
position: absolute;
right:50px;
bottom:620px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:21px;
line-height:20px;
letter-spacing:normal;
color:#FFF;
}
.twisted_ring {
position: absolute;
right:70px;
bottom:320px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.leaves_frame {
position: absolute;
left:30px;
top:-5px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:18px;
line-height:20px;
letter-spacing:normal;
}
.leaf_neck{
position: absolute;
left:430px;
top:550px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:18px;
line-height:20px;
letter-spacing:normal;
}
.heart{
position: absolute;
left:490px;
top:340px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:20px;
line-height:20px;
letter-spacing:normal;
}
.sting_ray{
position: absolute;
left:470px;
top:250px;
width:auto;
height:auto;
text-transform:uppercase;
font-size:18px;
line-height:20px;
letter-spacing:normal;
}
#logo_main h3{
position:absolute;
width:auto;
height:auto;
top:-45px;
left: -0px;
background: none;
z-index: 100;
font-size:20px;
}
#home h3{
position:absolute;
width:50px;
height:20px;
top:-45px;
right:-5px;
background:none;
z-index: 999;
padding: 0px;
font-size:20px;
}
#backward a{
position:absolute;
width:50px;
height:50px;
top:325px;
left:-60px;
background-image:url(assets/backward.jpg);
z-index: 999;
}
#backward a:hover {
background-position: 0 -50px;
}
#backward a:active {
background-position: 0 -50px;
}
#forward a{
position:absolute;
width:50px;
height:50px;
top:325px;
right:-60px;
background-image:url(assets/forward.jpg);
z-index: 999;
}
#forward a:hover {
background-position: 0 -50px;
}
#forward a:active {
background-position: 0 -50px;
}
#logo_arrow a{
position:absolute;
width:550px;
height:193px;
top:200px;
left: 200px;
background-image:url(assets/logo_arrow.jpg);
z-index: 999;
}
#logo_arrow a:hover {
background-position: 0 -193px;
}
#logo_arrow a:active {
background-position: 0 -193px;
}
.selected {
background-position: 0 -193px;
}
a
{
outline: none;
}
a:link {color: #000; text-decoration:none;}
a:visited {color: #000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none; outline:none}