body {
	margin:0; padding:0; background-color: #000 ; color:#fff; font-family: 'Roboto', Arial, Helvetica,sans-serif;  font-weight:300; font-size:16px;
	
	position: relative;
	
	background-image: url(i/bg4.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-attachment: fixed;

 }
 
  body.home {
	/*
 	background-image: url(i/test-bg.jpg);
	background-repeat: no-repeat;
	background-position: center -50px;*/
	/*background-size: cover;*/
	/*background-attachment: fixed;*/
	/*background-size: 200%;*/

}
 
 html {height: 100%;}



h1,h2,h3,h4 { margin:0; padding:0;  font-weight:300;  }

.clear {clear:both; font-size:1px; height:1px; visibility: hidden;}



a.linkmenu {}

a.linkmenu:link    { color: #F00; text-decoration:none;   }
a.linkmenu:visited { color: #F00; text-decoration:none; } 
a.linkmenu:hover, a.linkmenu:active   { color: #0CF; text-decoration: none; }

a.linkmenu.cart { font-weight: bold;}

a.linkmenu.cart:link    { color: #FC0; text-decoration:none;   }
a.linkmenu.cart:visited { color: #FC0; text-decoration:none; } 
a.linkmenu.cart:hover, a.linkmenu.cart:active   { color: #0CF; text-decoration: none; }


a.linkblue { display:block; padding:10px;  }

a:link    { color: #E20000; text-decoration:none;  }
a:visited { color: #E20000; text-decoration:none; } 
a:hover, a:active   { color: #FC0; text-decoration: none;  }


#logo-hwu { display:inline-block; max-width:200px; margin:10px; /*background-color: rgba(255, 255, 255,0.80); */}

	#logo-hwu img { max-width:150px;}

#partner { display:inline-block; max-width:100px; text-align: center; /*background-color: rgba(255, 255, 255,0.80); padding:10px 10px 15px 10px;*/ position: absolute; right:10px;}

	#partner span { font-size:8pt; color: #888}
	#partner img { max-width:100%;}
	
	#partner span.product-name {margin-top:20px; font-size:1.2em; display:inline-block; font-weight:bold; color:#000;}
	
	#partner span.more { color: #000;  font-weight: bold;}

#wrapper { /*padding-top:50px;*/}

#header { max-width: 960px; margin: 0px auto 50px auto; position:relative; /*padding: 20px; */ /* background-color:#FFF; background-color: rgba(255, 255, 255,0.95); */ } 

#main {  max-width: 730px; margin: 0 auto;  }

#footer{  max-width: 730px; margin: 100px auto 10px auto; color: #bbb; font-size:0.8em; }

/*-------------------------------*/



#home-container ul { list-style:none; margin:0 0 0 30px; padding:0; border-left: 1px dashed #484848; }

#home-container ul .home-item { border:1px solid #4a4a4a; margin: 0 0 30px 100px; background-color:rgba(37, 37, 37, 0.8); position:relative; padding:15px;  }

	#home-container ul .home-item .thumb { position: absolute; top:-50px; left: -150px; width:100px; height:100px; border:2px solid #373737; }
	#home-container ul .home-item h4 { font-weight:400; margin-bottom:10px;}

#home-container .social { text-align:center; margin:100px 0 100px 0; }
	#home-container .social img { height:40px; margin:3px;}
	
#more-container {position:relative; }	
	#more-container .more-left { position:absolute; left: 285px;    top: -45px;    color: #b10000;}
	#more-container .more-right { position:absolute; right:-170px;  color:#999;}


@media only screen and (max-width: 768px) {		}
@media only screen and (max-width: 600px) {		}	
@media only screen and (max-width: 480px) {		}