*{
	margin:0;
	padding:0;
}
body{
	font-family:Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	background-color:#000;
	overflow:hidden;
}
h1{
	margin:20px;
	font-size:40px;
}
h3{
	margin:5px;
	color:#ffb60f; font-size:20px; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight:normal;
}
#header{
	position:absolute;
}

.st_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	/*background:transparent url(../images/pattern.png) repeat-x bottom left;*/
	background:url(../images/grid.png) repeat-x bottom left;
	opacity:0.5;
}
.st_main img.st_preview{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}
ul.st_navigation{
	position:absolute;
	width:100%;
	top:330px;
	left:-300px;
	list-style:none;
	opacity:.8;
	filter:alpha(opacity=80);
}
ul.st_navigation li {
	float:left;
	clear:both;
	margin-bottom:8px;
	position:relative;
	width:100%;
}
ul.st_navigation li span.st_link{
	background-color:#000;
	color:#FFB60F;
	float:left;
	position:relative;
	line-height:45px;
	padding:0px 21px;
	/*-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;*/
	font-family:"Trebuchet MS";
	font-size:13px;
	cursor:pointer;
}
.st_link_opened{
	background-color:#000;
	color:#FFB60F;
	float:left;
	position:relative;
	line-height:45px;
	padding:0px 21px;
	/*-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;*/
	font-family:"Trebuchet MS";
	font-size:13px;
	cursor:pointer;
}
ul.st_navigation li span.st_arrow_down,
ul.st_navigation li span.st_arrow_up{
	position:absolute;
	margin-left:21px;
	width:30px;
	height:45px;
	cursor:pointer;
	-moz-border-radius: 0px 5px 2px 0px;
	-webkit-border-radius: 0px 5px 2px 0px;
	border-radius: 0px 5px 2px 0px;
	background-color:#000;
	
}
ul.st_navigation li span.st_arrow_down{
	background:#000 url(../images/icons/down.png) no-repeat center center;
}
ul.st_navigation li span.st_arrow_up{
	background:#000 url(../images/icons/up.png) no-repeat center center;
}
.st_wrapper{
	display:none;
	position: absolute;
    width:100%;
    height:140px;
    overflow-y:hidden;
	top:50px;
    left:0px;
}
.st_thumbs{
    height:126px;
    margin: 0;
}
.st_thumbs img{
    float:left;
    margin:5px;
	padding:0px;
    cursor:pointer;
	-moz-box-shadow:1px 1px 3px 2px #1F1F1F;
	-webkit-box-shadow:1px 1px 3px 2px #1F1F1F;
	box-shadow:1px 1px 3px 2px #1F1F1F;
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	border:0;
}
.st_loading{
	position:fixed;
	top:10px;
	right:0px;
	background:#000 url(../images/icons/loader.gif) no-repeat 10px 50%;
	padding:15px 40px 15px 60px;
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.st_about{
	display:none;
	position:absolute;
	top:50px;
    left:0px;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.st_subcontent{
	background:#000;
	padding:30px;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow:0px 0px 10px #000;
}
#st_details{
	position:absolute;
	float:right;
	width:320px;
	height:220px;
	z-index:100;
	right:200px;
	top:400px;
}
#product{
	position:absolute;
	float:left;
	height:550px;
	width:510px;
	background-color:#1F1F1F;
	overflow:hidden;
	z-index:50;
	top:10px;
	left:370px;
	padding:20px;
	opacity:.8;
	filter:alpha(opacity=80);
}
#product a,#product a:visited{
	color:#666;}
	
#product h1,h2{

    padding:8px 0 0 0;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	color:#31b8da;
}
#product h1{
	font-size:22px;
	margin:0px 0 15px 0;	
}
#product h2{
	font-size:18px;
}
#product p{
	font-size:11px;
	padding-top:5px;
	color:#CCC;
}
#product table td{
	font-size:11px;
	padding:5px;
	color:#CCC;
	border:1px solid #333;
}
#product table{ border:3px solid #24252D;}

#product ul li{
	font-size:11px;
	color:#CCC;
	padding-top:5px;
	margin:5px 0 0 0;
	
}
#product ul {
 margin-left:25px;	
}

#shoppingCart{
	position:relative;
	float:right;
	top:0;
	right:-400px;
	width:400px;
	z-index:300;
	

}
#shopBtn{width:30px; height:30px; position:absolute; left:-50px; background-color:#ffb60f; padding-left:20px;}
#shoppingCartContainer{position:absolute; width:400px; height:100%; opacity:0.5; filter:alpha(opacity=50); background-color:#000000;}
#shoppingCartContent{width:100%; height:100%;   z-index:20; position:relative; top:0px;}
.navigatorCon{
	float:right;
	background-color:#000;
	height:140px;
	width:520px;
	opacity:.50;
	filter:alpha(opacity=50);
	filter: "alpha(opacity=50)";
	position:absolute;
	-moz-border-radius:5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	/*
		-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	behavior: url(border-radius.htc);
	*/
}
.navigator{
	float:right;
	height:120px;
	width:500px;
	margin-top:10px;
	margin-left:10px;
	opacity:.95;
	filter:alpha(opacity=95);
	filter: "alpha(opacity=95)";
	position:absolute;
	-moz-border-radius: 0.5em 1em 0.5em 1em;
	border-radius: 0.5em 1em 0.5em 1em;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


#shoppingCart ul,.navigator ul
{
margin-top:5px;
padding:0;
width:100%;
color:#F00;
}
#shoppingCart ul li , .navigator ul li
{
list-style:none;
padding:5px 10px;
margin:2px;
width:100%;
}
#shoppingCart ul li ul,.navigator ul li ul
{
margin:0;
padding:0;
width:100%;
color:#FFF;
}
#shoppingCart ul li ul li , .navigator ul li ul li
{
float:left;
list-style:none;
padding:5px 10px;
margin:2px;
width:40%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
width:30%;
height:20px;
vertical-align:text-bottom;

}
.navigator ul li ul li:first-child{width:35%;}
#shoppingCart ul li ul li:nth-child(3),#shoppingCart ul li ul li:nth-child(1) { width:15px;}
#shoppingCart .title li   { border-bottom:1px solid #324047; color:#CCC}
span.reference{
	font-family:Arial;
	position:fixed;
	left:10px;
	bottom:10px;
	font-size:11px;
}
span.reference a{
	color:#aaa;
	text-decoration:none;
	margin-right:20px;
}
span.reference a:hover{
	color:#ddd;
}
////BUTTONS

.button, .button:visited,
.medium.button, .medium.button:visited 		{ font-size: 15px; 
											  font-weight: bold; 
											  line-height: 1; 
											  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
											  }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }

.button, .button:visited {
	background: #222 url(overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 4px 8px; 
	color:#333; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }

//////////////MENU
#sidenav{
	margin-top:0;
	top:0;}
#sidebar {
height:300px;
overflow:visible;
position:relative;
padding-right:50px;
left:0;
top:17px;
}	

#menu {
width:100%;
list-style:none;
padding:0;
left:55px;
top:0;
position:relative;
height:100%;
width:300px;
}

#menu li {
padding:8px 0;
text-align:right;
display:block;
cursor:hand;
cursor:pointer;
}

#menu li a {
background:url() repeat #1f1f1f;
color:#ddd;
font-family:helvetica, arial, verdana;
font-size:10px;
font-weight:900;
display:inline;
padding:20px 8px 5px 20px;
text-decoration:none;
}

#menu li span {
font-family:georgia, arial;
font-size:12px;
color:#464646;
}