body{
	background-color:#000;
}
*{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	
}
img{
	border:none;
}
.s-line{background:url(../pictures/d4.jpg) repeat-x; margin:5px; height:2px; width:218px; }
.wrapper,.footer,.header{
	width:960px;
	margin: 0 auto;
}
.wrapper,.footer{
	overflow:hidden;	
}
p{
/* 防止撐開 */ 
table-layout: fixed; 
/* 英文單字自動換行 */ 
word-wrap: break-word; 
/* 正常避頭尾 */ 
word-break: normal; 
/* 文字左右對齊 */ 
text-align:justify; 
text-justify:inter-ideograph; 
}


/* Header */
.header .logo,.header .secondary{
	float:left;	
}
.header .secondary{
	background: url(../pictures/header.jpg);
	height:85px;
	width:755px;
}
.sitesearch{
height:26px;
width:200px;
padding-left:25px;
display:inline-block;
}
.textinput{
background:url(../pictures/search1.jpg) top left no-repeat;
height:26px;
width:150px;
border: none;
float:left;
line-height:24px;
	padding-top:3px;
    padding-bottom:3px;
    padding-left:3px;

}

.submit{
background:url(../pictures/search2.jpg) top left no-repeat;
height:26px;
width:42px;
border: none;
float:left;
display:inline-block;
margin-left:-3px;
cursor:pointer;
}

.header .secondary ul{
	list-style-type:none;
float:right;
	display:inline-block;
	
}
.header .secondary li{
	display:inline-block;
	float:left;
    line-height:30px;
}

.header .secondary li a{
	font-size:12px;
	text-decoration:none;
		color:#ffffff;
	margin:0px;
	padding:0 0 0 25px;
}

.header .languages{
float:right;
color:#FFFFFF;
}

.languages img{
margin:5px;
}
.languages span{ float:left;margin:5px;}
.languages a{
	margin:0px;
	padding:0px;
		text-decoration:none;
	color:#FFFFFF;
}
.header .secondary a:hover{color:#d9a600;}

#menu {
	float: right;
}

#menu ul {
list-style: none;
border:none;
margin: 0;
padding: 0;
float: left;

}
#menu ul.item{
	margin-left:2px;
	width: 120px;
}

#menu div.products,#menu div.demo,#menu div.support,#menu div.solution,#menu div.training,#menu div.news,#menu div.account{
	width: 120px;
	height:40px;
	/*cursor:pointer;*/
	
}
#menu ul.item ul li{
	padding-bottom:4px;	
}

#menu ul.item ul li:hover{
	/*background: url(../pictures/menu-active.png) repeat-y;*/
	background:#F5C15C;
	font-weight:bold;

	
	
}

#menu ul.item ul li.none{
	height:5px;	
	_height:0px;
	_margin-top:-10px;
	
}

#menu ul.item ul li,#menu ul.item ul li.none:hover{
	background:transparent  url(../pictures/menu-bg.png) left top repeat-y;
	width:160px;
}
#menu .item ul{
	padding:0 0 15px 0;
	background:transparent url(../pictures/menu-bg2.png) left bottom no-repeat;	
	width:160px;
}

#menu div.products{
	background: url(../pictures/Brickcom_products.jpg) no-repeat;	
}
#menu div.products:hover{
	background: url(../pictures/Brickcom_products_current.jpg) no-repeat;	
}
#menu div.demo{
	background: url(../pictures/Brickcom_demo.jpg) no-repeat;	
}
#menu div.demo:hover{
	background: url(../pictures/Brickcom_demo_current.jpg) no-repeat;
}
#menu div.support{
	background: url(../pictures/Brickcom_support.jpg) no-repeat;
}
#menu div.support:hover{
	background: url(../pictures/Brickcom_support_current.jpg) no-repeat;
}
#menu div.solution{
	background: url(../pictures/Brickcom_solution.jpg) no-repeat;
}
#menu div.solution:hover{
	background: url(../pictures/Brickcom_solution_current.jpg) no-repeat;
}
#menu div.training{
	background: url(../pictures/Brickcom_training.jpg) no-repeat;
}
#menu div.training:hover{
	background: url(../pictures/Brickcom_training_current.jpg) no-repeat;
}
#menu div.news{
	background: url(../pictures/Brickcom_news.jpg) no-repeat;
}
#menu div.news:hover{
	background: url(../pictures/Brickcom_news_current.jpg) no-repeat;
}

#menu div.account{
	background: url(../pictures/Brickcom_account.jpg) no-repeat;
}
#menu div.account:hover{
	background: url(../pictures/Brickcom_account_current.jpg) no-repeat;
}

#menu div.products h2,#menu div.demo h2,#menu div.support h2,#menu div.solution h2,#menu div.training h2,#menu div.news h2,#menu div.account h2
{
	padding:10px 0 0 42px;
	color:#fff;
	font-size:15px;
}


/*
#menu div.demo a,#menu div.training a{
	padding:0;
	margin:0;
	border:none;
	background:none;
	height:40px;
}
*/

#menu li a {
/*font: bold 11px/16px arial, helvetica, sans-serif;*/
display: block;
margin: 0;
padding: 6px 0 0 15px;
color: #000;
text-decoration: none;
font-size:12px;
}

#menu ul ul {
position: absolute;
z-index: 500;
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


#menu div.products:hover h2,
#menu div.demo:hover h2,
#menu div.support:hover h2,
#menu div.solution:hover h2,
#menu div.training:hover h2,
#menu div.news:hover h2,
#menu div.account:hover h2{
	color:#000;
}
#menu div.demo:hover h2 {color:#000;}

/* menu active */

#menu div.products-active,#menu div.demo-active,#menu div.support-active,#menu div.news-active,#menu div.solution-active,#menu div.training-active,#menu div.account-active{
	width: 120px;
	height:40px;
	
}
#menu div.products-active h2,#menu div.demo-active h2,#menu div.support-active h2,#menu div.news-active h2,#menu div.solution-active h2,#menu div.training-active h2,#menu div.account-active h2{
	padding:10px 0 0 42px;
	color:#000;
	font-size:15px;
}


/* 
#menu div.training-active h2{
	padding:5px 0 0 21px;
	color:#000;
	font-size:15px;
}
*/
#menu div.products-active{
	background: url(../pictures/Brickcom_products_current.jpg) no-repeat;	
	
}
#menu div.demo-active{
	background: url(../pictures/Brickcom_demo_current.jpg) no-repeat;	
}
#menu div.support-active{
	background: url(../pictures/Brickcom_support_current.jpg) no-repeat;
}
#menu div.news-active{
	background: url(../pictures/Brickcom_news_current.jpg) no-repeat;
}
#menu div.training-active{
	background: url(../pictures/Brickcom_training_current.jpg) no-repeat;
}
#menu div.solution-active{
	background: url(../pictures/Brickcom_solution_current.jpg) no-repeat;
}
#menu div.account-active{
	background: url(../pictures/Brickcom_account_current.jpg) no-repeat;
}




#menu div.products-active:hover,#menu div.products-active:hover h2{color:#000;}


/* content */
.std_link { color:#000000; text-decoration:none; }
.std_link:hover{ color:#d9a600; text-decoration:none; }
.content{
	padding:3px 10px 0 10px;
	background-color:#FFF;
}
.content{
	overflow:hidden;	
}

/* footer */

.footer{
	background-color:#FFF;
	padding:0;
}

.footer p{
	padding:5px 15px 0 20px;
	color:#787878;
}

.footer h2{
	/*background-color:#000;*/
	margin:0 10px;
	color:#787878;
	padding:5px 0 5px 10px;
	font-weight:normal;	
	
}
.sidebar .footer h2 { background: url(../pictures/product_220.jpg) repeat-y right top; }
/* breadcrumb */
div.breadcrumb{
	font-weight:normal;	
	padding:5px 0 5px 0;
	font-size:12px;
	color:#787878;
}

div.breadcrumb a{
	color:#787878;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
}
div.breadcrumb a.home{
	font-weight:bold;	
}
div.breadcurmb span{
	font-size:12px;	
}
/*
.ad-products{
	float:left;
	width:720px;
	height:244px;
	background: url(../pictures/ad-products.jpg);
	
}
*/

.hiddenPic{display:none;}
#news a:link { color:#000000; text-decoration:none;}

#news a:visited { color:#000000;text-decoration:none;}
#news a:hover{ color:#000000;text-decoration:none;}
.events a:link { color:#FF0000; text-decoration:none;}

.events a:visited { color:#FF0000;text-decoration:none;}
.events a:hover{ color:#FF0000;text-decoration:none;}
.sub-menu .ad {
	/*float:left;*/
	height:244px;
	width:940px;
}
.sub-menu .ad h2{
	color:white;
	font-size:35px;	
	padding-top:20px;
	padding-left:30px;
}
.sub-menu .ad h3{
	color:white;
	font-size:16px;	
	padding-top:10px;
	padding-left:30px;
}

.sub-menu img.ad-shadow{
	margin-top:6px;	
}