/* CSS Document */

/* IE6 css fixer v0.4: Sat, 29 Aug 2009 20:15:13 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html #social,
* html .home,
* html .s3sliderImage,
* html #left,
* html #right,
* html .buttons,
* html .link-space,
* html .mail,
* html #right-nav,
* html .box,
* html .box2,
* html .box3,
* html .contactbox {display:inline;}

/* add zoom:1 to overflow:hidden */
* html #social,
* html .home,
* html .s3sliderImage,
* html #left,
* html #right,
* html .buttons,
* html .link-space,
* html .mail,
* html #right-nav,
* html .box,
* html .box2,
* html .box3,
* html .contactbox {zoom:1;}

/* fix negative margins */
* html #s3sliderContent li {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
* html #s3slider,
* html .s3sliderImage {zoom:1;}



body {
background: #242424;
font: 12px Verdana, Helvetica, sans-serif;	color:#FFF;
}

p {line-height: 1.5em; margin-top: 1.0em; margin-bottom: 1.0em; }

h1{
font-size:18px;
color:#FFF;
font-stretch:expanded;
font-weight:bold;
text-transform:uppercase;
}

h2 {
font-size:18px;
color:#FFF;
font-stretch:expanded;
font-weight:bold;
}



h3 {
font-size:1.3em;
line-height: 1.3em;
margin-top: .2em;
margin-bottom: .2em;
color:#FFF;
}

h4{
font-size:1.5em;
line-height: 1.5em;
margin-top: .2em;
margin-bottom: .2em;
color:#FFF;
}

A:link {text-decoration: underline; color:#00bff3;}
A:visited {text-decoration: underline; color:#FFF;}
A:active {text-decoration: none; color:#00bff3;}
A:hover {text-decoration: underline; color:#959595;}

#wrapper {
width:1050px;
height:auto;
margin:0px auto;
background:url(images/bg.jpg) repeat-y;
}

#header{
width:1050px;
height:232px;
margin:0px auto;
background:url(images/header.jpg) no-repeat;
}

#navigation{
width:960px;
height:41px;
background:#464646;
margin:0px auto;
}

#social {
	background: #585858;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 205px;
	height:41px;
	}
	
	
.home{
float:left;
width:75px;
height:38px;
}



#inner-wrapper{
width:950px;
margin:0px auto;
}

#rotate{
width:960px;
height:400px;
margin:0px auto;
padding-bottom:15px;
}

#slide{
width:960px;
height:auto;
margin:0px auto;
padding-bottom:15px;
}


#s3slider { 
   width: 960px; /* important to be same as image width */ 
   height: 400px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
	width: 960px; /* important to be same as image width or wider */
	position: absolute;
	bottom: 0px;
	margin-left: 0;
	left: -1px;
}

.s3sliderImage {
    float: left;
    position: relative;
	display: none;
	border:none;
}

#s3slider img
{
border:none}

#s3sliderContent { list-style-type: none}

#s3sliderContent li {
list-style-type:none;
margin-left:-40px;



}


.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 16px Arial, Helvetica, sans-serif;
   padding: 20px;
   width: 950px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
   

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}








#full{
width:940px;
background:#585858;
border:solid 1px;
border-color:#464646;
padding:5px;
text-align:justify;
margin-bottom:10px;
}

.450 {
width:450px;
float:left;
}

.450-right {
width:450px;
float:right;
}

#left{
width:700px;
float:left;
}

#left-content{
background:#585858;
border:solid 1px;
border-color:#464646;
padding:0 10px 0 20px;
text-align:justify;
}

.content-border{
background:#585858;
border:solid 1px;
border-color:#464646;
padding:0;
margin-left:-10px;
}

#right{
width:220px;
float:right;
}

#cart{
width:100%;
height:auto;
float:right;
}


.featured{
background:#585858;
border:solid 1px;
border-color:#464646;
padding:0 5px 0 5px;
text-align:justify;
height:90px;
width:327px;
margin-bottom:5px;
}

.icon{
border:solid 1px;
border-color:#464646;
margin:0 10px 0 0;
text-align:left;
height:60px;
width:60px;
}

.featured-title{
font-size:20px;
}

.featured-description{
font-size:10px;
}



.buttons{
float:left;
width:180px;
height:156px;
margin-right:20px;
margin-top:10px;
}


#links{
background:#585858;
border:solid 1px;
border-color:#464646;
padding:5px 10px 5px 10px;
text-align:justify;
width:88%;
margin:0px auto;
}

.link-space{
width:120px;
padding-right:15px;
padding-top:5px;
float:left;
font-size:9px;
}

.mail{
margin-top:5px;
width:240px;
height:75px;
padding-right:30px;
float:right;
}

#footer{
width:1050px;
height:41px;
margin:0px auto;
background:url(images/footer.jpg) no-repeat;
}





.shop-item{
background:#333333;
border:solid 1px;
border-color:#FFF;
}

.shop-item2{
background:#333e45;
border:solid 1px;
border-color:#FFF;
}

.shop-item3{
background:#495861;
border:solid 1px;
border-color:#FFF;
}


.shop-nav{
background:#333333;
border:solid 1px;
border-color:#464646;
padding:10px;
}

.cart-nav{
background:#333333;
border:solid 1px;
border-color:#464646;
padding:10px;
float:left;
}


.ie-warning{
background:#9d0a0e;
border:solid 1px;
border-color:#FFF;
color:#FFF;
padding:5px;
}

.catalog{
border:solid 4px;
border-color:#FFF;
}

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:200px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c; font-size:10px;}

.catalog-title{
font-size:18px;
text-transform:uppercase;
}

.design-title{
font-size:16px;
text-transform:uppercase;
font-weight:bold;
}

.item-description{
font-size:14px;
line-height:1.4em;
text-align:justify;
}

.thumb{
border:solid 4px;
border-color:#464646;
margin:5px;
}

li {line-height: 1.5em;}

#sidebar li{
text-decoration:none;
list-style:none;
margin:0;}


#sidebar ul{
margin:0;}

.small{
font-size:9px;
font-style:italic;
}