/*
 Project: Wanpoo.com
Author: Ayuleo Chan
UpDate: 2006-11-18
 */
*{ 
	padding: 0; margin: 0; 
	font-family: "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; 
	outline: none; 
}
body { behavior: url(csshover.htc); }
body{ 
	background: #fff; 
	text-align: center;
	font-size:  75%;
	line-height: 1.5;
	color: #444;
}
a{
	color: #f30;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img, a img{
	border: none;
}
p, ol, ul{
	margin: 0;
	padding: 0 0 15px 0;
}
ul li, ol li{
	margin-left: 35px;
}
h1, h2, h3, h4, h5, h6{
	margin:  5px 0 10px 0; 
	color: #930;
}
h1{
	font-size: 1em;
	color: #ddd;
	font-weight:  normal;
}
h2{font-size: 1.5em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5, h6{font-size: 1em;}
blockquote{
	width: 501px;
	background: #ffffef url(../images/quote-bg.gif) no-repeat;
	font-style: normal;
	padding: 8px 0 0 0;
	font-size: small;
	margin: 0 0 5px 0;
}
blockquote p{
	background: #ffffef url(../images/quote-bottom.gif) no-repeat 0 100%;
	padding: 0 10px 20px 10px;
	margin: 0;
}
textarea{
	width: 80% !important;
	font-size: small;
}
/* Layout */
#wrapper{
	width: 775px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	font-size: 1.1em;
}
#header{
	margin: 10px 0;
}
#step{
	margin: 5px 0 10px 0;
}
#content{
	clear: both;
}
	.colLeft{
		float: left;
		width: 540px;
	}
	.colRight{
		display: block;
		width: 224px;
		min-height: 315px;
		float: right;
		background: #fff url(../images/side-bg.gif) no-repeat 0 100%;
		height: auto !important;
		height: 315px;
	}
	.side{
		padding: 0 10px 10px 10px;
	}
#footer{
	margin: 10px 0;
	border-top: 2px solid #f93;
	padding:  8px 0;
	font-size: 12px;
	background: #fff url(../images/semiga-logo2.gif) no-repeat 100% 10px;
}
/* Design */
h1.logoTxt{
	display: none;
}
.logo{
	padding-left: 20px;
	margin-bottom: 5px;
}
.toptxt{
	float:right;
	display:block-inline;
	margin-right: 10px;
}
#menu{
	display: block;
	width: 775px;
	height: 45px;
	overflow: hidden;
	background: transparent url(../images/menu.gif) no-repeat; 
}
	#menu ul{
		list-style-type: none;
	}
		#menu ul li{
			margin: 0;
			padding: 0;
			display: inline;
			float: left;
			background-image: url(../images/menu.gif);
		}
			#menu li a{
				text-decoration: none !important;
				display: block;
				background-image:  url(../images/menu.gif);
				height: 45px;
				overflow: hidden;
				font-size: 1px;
			}
			#menu li a span{
				visibility: hidden;
			}    
			.menuHome, .menuHome a{
				background-position: 0 0;
				width: 94px;
			}
			.menuHome a:hover, .menuHome a.mSelected{
				background-position:  0 45px;
			}
			.menuAbout, .menuAbout a{
				background-position:  -94px 0;
				width: 79px;
			}
			.menuAbout a:hover, .menuAbout a.mSelected{
				background-position:  -94px 45px;
			}
			li.menuPorjectIntro, .menuPorjectIntro a{
				background-position:  -173px 0;
				width: 83px ;
			}
			.menuPorjectIntro a:hover, .menuPorjectIntro a.mSelected{
				background-position:  -173px 45px;
			}
			.menuSubmitPorject, .menuSubmitPorject a{
				background-position:  -256px 0;
				width: 81px;
			}
			.menuSubmitPorject a:hover, .menuSubmitPorject a.mSelected{
				background-position:  -256px 45px;
			}
			.menuOurTeam, .menuOurTeam a{
				background-position: -337px 0;
				width: 82px;
			}
			.menuOurTeam a:hover, .menuOurTeam a.mSelected{
				background-position: -337px 45px;
			}
			.menuBlog, .menuBlog a{
				background-position: -419px 0;
				width: 82px;
			}
			.menuBlog a:hover, .menuBlog a.mSelected{
				background-position:  -419px 45px;
			}
			.menuGuestbook, .menuGuestbook a{
				background-position: -501px 0;
				width: 82px;
			}
			.menuGuestbook a:hover, .menuGuestbook a.mSelected{
				background-position:  -501px 45px;
			}
.stepbystep{
	display: block;
	width: 234px;
	height: 155px;
	background: transparent url(../images/box.gif) no-repeat 0 0;
	float: left;
	margin: 0 12px;
	position: relative;
	cursor:  default;
	z-index: 10;
}
	.stepbystep:hover{
		background-position: 0 -155px;
	}
	.stepbystep a{
		color: #930;
		text-decoration: underline;
		font-weight: bolder;
	}
	.stepbystep a:hover{
		color: #252525;
		text-decoration: none;
	}
	.stepNumber{
		font-size: 36px;
		font-weight: bolder;
		font-style: italic;
		position: absolute;
		left: -10px;
		top: -20px;
		z-index: 15;
		color: #f93;
	}
	.stepbystep p{
		padding: 8px 10px 0 10px !important;
		margin: 0 !important;
	}			
.porjectItem{
	display: block;
	margin: 0 0 10px;
	clear: both;
}
#allPorject .porjectItem{
	margin-bottom: 20px;
}	
	.porjectItemLogo{
		display: block;
		float: left;
		width: 90px;
		height: auto;
	}
	dl.porjectItemInfo{
		padding-left: 90px; 
		display: block;
	}
	
	dl.porjectItemInfo dt{
		font-weight: bolder;
		color: #930;
	}
.colPorjectList{
	display: block;
	clear: both;
}
	.colPorjectList  .porjectItem{
		display: block;
		width: 45% !important;
		height: auto;
		float: left !important;
		clear: none !important;
		margin-right: 10px;
	}
	.colPorjectList  dl.porjectItemInfo dd{
		font-size: 12px;
		color: #999;
	}
	.colPorjectList  dl.porjectItemInfo dd:hover{
		color: #444;
	}
ul.newsList{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
ul.newsList li{
	margin: 0 0 10px 0;
	padding: 0;
}
ul.newsList li strong{
	color: #f30;
}
.stepList{
	list-style: none;
	margin: 0;
	padding: 0;
}
.stepList li{
	margin-left: 0px;
	display: block;
	position: relative;
	width: 204px;
	height: 28px;
	background: transparent url(../images/panel.gif) no-repeat 0 0;
	margin-bottom: 10px;
}
.stepList li.current{
	background: transparent url(../images/panel.gif) no-repeat 0 -28px;
}
.stepList li img{
	padding: 5px 0 5px 15px;
}

.leftImg{
	float: left;
	margin: 0 8px 5px 0;
}
.supply{
	font-size: 12px;
	color: #999;
	line-height: 1.3;
}
#footer p{
	margin: 0 0 5px 0;
	padding: 0;
}
.panel{
	font-size: 14px;
	font-weight: bolder;
	background: transparent url(../images/panel.gif) no-repeat 0 -28px;
	height: 28px;
	margin: 5px 0 8px 0;
	padding: 0 0 0 10px;
	line-height: 2;
}
.dotList{
	list-style: none;
}
	.dotList li{
		margin-left: 0;
		background: transparent url(../images/arrow.gif) no-repeat 0 2px;
		padding-left: 16px;
		height: 16px;
		margin-bottom: 3px;
	}
	.dotList li:hover{
		background-position: 0 -14px;
	}
.memberItem{
	clear: both;
	display: block;
	margin-bottom: 10px;
}
.memberPic{
	display: block;
	width: 200px;
	height: 197px;
	float: right;
	background: transparent url(../images/album-bg.gif) no-repeat;
	font-size: 12px;
	text-align: center;
}
	.memberPic img{
		padding: 28px 28px 0 28px;	
  	}
.pages{
	font-size: 1em;
	font-weight: bolder;
}
.commentItem{
	position: relative;
	margin-bottom: 20px;
	clear: both;
	display: block;
	width: 501px;
}
	.commentItem .editPanel{
		text-align: right;
	}
	.comUser{
		position: absolute;
		bottom: -8px;
		left: 65px;
	}
.memberNum{
	color: #999;
	background: transparent url(../images/member.gif) no-repeat 0 50%;
	padding-left: 18px; 
	height: 16px;
	line-height: 16px;
}
#projectList .porjectItem{
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.itemInfoList{
	list-style: none;
	margin: 0;
	padding: 0;
}
	.itemInfoList li{
		margin: 0 0 5px 0; 
		display: block;
		clear: both;
	}
	.itemName{
		display:block;
		width: 90px;
		float: left;
	}
	.itemInfo{
		padding-left: 90px;
		display: block;
		color: #666;
	}
/* Form */
select[class='select'] option{
	padding: 0 5px;
}
.wForm{
	margin: 0;
	padding: 0 0 8px 0;
	line-height: 1.2;
}
	.wForm label{
		font-weight: bolder;
	}
	.wForm:hover .inputHelp{
		color: #f30;
	}
.input{
	border: 1px solid;
	border-color: #b0b0b0 #ddd #ddd #b0b0b0;
	padding: 2px;
}
	.input:hover{
		border: 1px solid #930;
		background-color: #ffffef;
	}
.inputHelp{
	font-size: 12px;
	color: #B0B0B0;
}
.button{
	line-height: 1.2;
	height: 26px;
	padding-left: 10px;
	padding-right: 10px; 
}
.imgButton{
	width: 100px;
	height: 25px;
	background: transparent url(../images/submit.gif) no-repeat;
	overflow: hidden;	
	border: none !important;
	cursor: pointer;
	line-height: 1.2 ;
	color: #666;
	font-weight: bolder;
	font-size: 13px;
}
.imgButton:hover{
	background-position: 0 -25px;
	color: #930;
}
.label{
	font-weight: bolder;
	display: block;
	margin-top:3px;
}
.adminResponses{
	display: block !important;
	margin: 5px 0;
	background: #fff;
	padding: 5px;
	border:  1px dotted #f93;
}
/*Login*/
#login{
	display: block;
	width: 540px;
	background: transparent url(../images/msg-bottom.gif) no-repeat 0 100%;
	padding-bottom: 10px;
	margin: 40px auto;
	text-align: center;
}
#login h3{
	display: block;
	background: #f93 url(../images/msg-header.gif) no-repeat;
	height: 32px;
	width: 540px;
	line-height: 2;
	text-align: center;
	margin: 0 !important;
	padding: 0;
}
#login  form{
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}
#login  form label{
	width: 80px;
	float: left;
}
#login .loginForm{
	background: #ffffef url(../images/msg-bg.gif) repeat-y 0 0;
	padding: 0;
	margin: 0;
}
#login  form br{
	line-height: 10px;
}
/* Other */
.clear{
	clear: both;
	height: 0;
}
.clear hr{
	height: 0;
	margin: 0; padding: 0;
	display: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.fix{
	clear: both;
}
blockquote,
.colLeft,
.colRight,
.porjectItem{
	word-break: break-all;
	word-wrap:break-word;
}