@charset "UTF-8"

/*
About Us
Castro-tech web site project
styles sheet - css file
Powered by I-Ting Peng
Date: 2008-3-31
*/
body {
	margin:10px;	
	background:#FFFFFF;
}

#container {
	background:#FFFFFF;
	width: 980px;
	height:740px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#aboutuscontent{	/* where our castro logo should be */
	width:30%;
	height:100px;
	float:left;
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(../../../Images/theme/sample2-1.gif);
	background-repeat: no-repeat;
	margin-bottom: 1px;	
}
#aboutuscontent.hovered, #aboutuscontent:hover{	/* where our castro logo should be */
	background-image: url(../../../Images/theme/sample3-1.gif);
}
#topcontent{
	background:#FFF;
	width:70%;
	height:100px;
	float:right;
}
#pathcontent{
	width:100%;
	height:35px;
	clear: both;
	background: #000000;
}
#pathcontent1{
	width:30%;
	height:35px;
	background:#000000;
	float: right;
}
#maincontent{
	width:100%;
	height:520px;
	clear:both;
	background-image: url(../../../Images/theme/icbackgroud.png);
	margin-bottom: 5px;

}


#footer {
	width:100%;
	height:80px;
	background:#000066;
	clear:both;
	text-align:center;
	color: #FFFFFF;
	font-size: medium;
	vertical-align: baseline;
	padding-top:10px;
}
#footer a{
	color:#CCCCCC;
	text-decoration:none;
}
#footer a:link{
	color:#CCCCCC;
	text-decoration:none;
}
#footer a:hover{
	color:#666666;
	text-decoration:underline;
}

#menubartable {
	width:100%;
	height:40px;

}

#logopostertable {
	width:100%;
	height:60px;
	font-size: 16px;
	text-align: right;
}
#postertable {
	width:100px;
	height:100px;
}
#subitemtable {
	width:200px;
	height:520px;
	float: left;

}
#topsubitempath {
	width:180px;
	height:40px;
	margin-top: 70px;
	padding-top: 10px;
	padding-left: 5px;
	background-image: url(../../img/theme/topmenuhighlight.gif);
	background-repeat: no-repeat;
	color: #FF9933;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#topsubitempath a {
	color: #ff9933;
	text-decoration: none;

}
#subitempath {
	width:180px;
	height:25px;
	padding-top: 10px;
	padding-left: 5px;
	background-image: url(../../img/theme/menuhighlight1.gif);
	background-repeat: no-repeat;
	color: #FF9933;
	font-size: 14px;
	font-weight: bold;
}
#subitempath.hovered, #subitempath:hover {
	background-image: url(../../img/theme/menuhighlight2.gif);
	background-repeat: no-repeat;
}
#subitempath a {
	text-decoration: none;
	color: #FF9933;
}

#commentable{
	background-color:#FFFFFF;
	width:780px;
	height:520px;
	float:right;
	color: #FFFFFF;
}
#commenupboard{
	background-image:url(../../img/theme/blackboard.gif);

	background-i
	width:780px;
	height:40px;
	color:#FF6633;
	background-repeat: repeat;
}
#productimage{
	width:125px;
	height:120px;
	float:left;
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 2px;
}
#commenproductbox{
	background-color:#FFFFFF;
	width:240px;
	height:180px;
	float: left;
	margin-top: 20px;
	font-size: 10px;
}
	
#pathfontstyle{
	color:#CCCCCC;
	font-family: "Times New Roman", Times, serif;
	top: 10px;
	margin-top: 10px;
	font-size: 10px;
}
#mainpathfontstyle{
	color:#FF3300;
	font-size:xx-large;
	margin-top: 40px;
}
.img-wrapper img {
	border: 1px solid #a9a9a9;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
.style2{
	font-size: 18px;
}
.style3{
	clear:left;
}
.style4{
    font-size:12px;
	color:#000000;
}

.boxbackgroundcolors1{
	background-color:#0000FF;

}
.boxbackgroundcolors{

}
