/*****************************/
/*** Core html setup stuff ***/
/* Tran Thanh Sang */
/* sangtialia@gmail.com */
/*****************************/
/* 
red:
Orange:f7941d
 */
.articlecontent .detail, .productcontent .product-detail, .devicecontent .detail, .projectcontent .detail{
	 background:#fff0d1;
	 padding:10px;
}
a.more{
	float:left;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#FFF;
	background:#66cc33;
	padding:0 15px;
	font-style:normal;
	border-radius:5px;
	margin-left:40%;
}
#stl-top .logo{
	float:left;
	width:70%;
}
#stl-top .logo p, #stl-top .logo h1, #stl-top .logo h2{
	margin:0;
	padding:0;
}
#stl-top .logo img{
	margin-top:10px;
	max-width:100%;
}
	
#stl-top .main-menu{
	float:right;
	width:30%;
}
.searchbar{
	background:#65c23d;
	padding:5px 0;
}
.block-4{
	background:#fff0d1;
	font-size:larger;
	font-style:italic;
	padding:15px 0;
}
.l-panel{
}
.l-panel .title{
	background:#66cb33 url(../images/panel-bg.jpg) repeat-x top;
	color:#FFF;
	height:48px;
	padding:0 10px;
	border-radius:5px;
	margin-top:10px;
}
.l-panel .title a{
	float:left;
	width:100%;
	height:30px;
	margin:10px 0 0 0;
	color:#FFF;
	padding-top:3px;
	font-size:larger;
	background:url(../images/panel-a.png) no-repeat right;
}
.l-panel .current a{
	background:url(../images/panel-a-c.png) no-repeat right;
}
.l-panel .content{
	padding:10px 5px 10px 20px;
	background:#e0f4d6;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	display:none;
}
.l-panel .content ul{
	list-style:none;
	margin:0;
	padding:0;
}
.l-panel .content ul li{
	margin:20px 0;
	padding:0;
}
.blockproduct h3, .blockdevice h3, .blockproject h3, .blockvideo h3{
	color:#66cc33;
	text-align:center;
	text-transform:uppercase;
	background:url(../images/block-title.jpg) repeat-x center;
	margin:15px 0;
}
.blockproduct h3 span, .blockdevice h3 span, .blockproject h3 span, .blockvideo h3 span{
	background:#FFF;
	padding:0 15px;
}
.blockproduct .preview img, .blockdevice .preview img, .blockproject .preview img{
	width:100%;
	margin-bottom:10px;
}

.b-project .preview object, .b-project .preview iframe{
	width:100%;
	height:300px !important;
}
.block-5{
	background:url(../images/line-01.jpg) bottom repeat-x;
	padding-bottom:15px;
	clear:both;
	padding-top:15px;
}
.blockhomehtml{
	margin-top:10px;
	clear:both;
	
}
.blockhomehtml a img:hover, .social-network img:hover{
	opacity:0.8;
}
.blockhomehtml h1, .blockhomehtml h2{
	margin:0;
	margin-top:10px;
	margin-bottom:5px;
	line-height:1.4;
}
.blockhomehtml .title{
	color:#ff0000;
	font-weight:bold;
	font-size:15px;
}
.blockhomehtml p.txt{
	color:#64c33c;
	font-size:14px;
	margin:0;
}


/*
.blockhomeproject h3{
	background:url(../images/project.jpg) no-repeat center bottom;
	font-size:30px;
	font-family:"Myriad Pro", verdana;
	color:#53a92a;
	font-weight:normal;
	text-align:center;
	padding-bottom:8px;
	text-transform:uppercase;
	margin-top:35px;
}
#block-4 .block{
	float:left;
	width:23%;
	margin-left:1.5%;
}
#block-4 .block h3{
	background:#83cf63;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	color:#FFF;
	text-align:center;
	font-size:16px;
}
#block-4 .block .b-content{
	margin:0 10px;
}
#block-4 .block ul{
	list-style:none;
	margin:0;
	padding:0;
}
#block-4 .block ul li{
	padding:1px 0;
	margin:0;
}*/

/* bottom */
.bottom-1{
	background:#fafafa;
	padding:25px 0;
}
#stl-bottom .blocknews{
	margin-bottom:15px;
}
#stl-bottom .blocknews h3{
	color:#66cc33;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #66cc33;
	padding-bottom:5px;
}
#stl-bottom .blockcontactinfo{
	margin-bottom:15px;
	border-top:1px solid #66cc33;
	padding-top:10px;
}
#stl-bottom .blockcontactinfo h4{
	color:#83cf63;
	font-size:inherit;
	margin-top:0;
	font-weight:bold;
}
#stl-bottom .blockcontactinfo h4 span{
	color:#F00;
	white-space:nowrap;
}
#stl-bottom .blockcontactinfo .social-network{
	padding-left:28px;
	margin-top:5px;
}
#stl-bottom .blockcontactinfo .mst{
	font-size:16px;
	margin-top:5px;
}
#stl-bottom .blockcopyright{
	font-size:larger;
	border-top:1px solid #66cc33;
	padding-top:10px;
}
#stl-bottom .blockcopyright a{
	color:#ff0000;
	font-weight:bold;
}
/*
.blockprojectarticles{
	margin:0 30px;
	margin-top:30px;
	clear:both;
}
.blockprojectarticles h3{
	color:#53a92a;
	text-transform:uppercase;
}
.blockprojectarticles ul li{
	margin:2px 0 !important;
	width:45%;
	float:left;
	
}
.blockprojectarticles ul li a{
	background:url(../images/bullet_green3.png) no-repeat;
	padding-left:20px !important;
	font-style:italic;
	font-size:13px !important;
}
*/