@charset "utf-8";
/* ---- work ----- */
			
	#container dl {
	
		position: relative;
		margin-top: 28px;
		color: #8C8C8C;
		background: #fff url(../images/bg_work.gif) repeat-y top left;
	}
		#container dl dt {
			position: relative;
			height: 46px;
			line-height: 46px;
			background: #8C8C8C url(../images/title_bar.jpg) no-repeat top left;
		}
			#container dl dt span {
				padding-left: 43px;
				font-size: 140%;
				color: #4F4F4F;
			}
			#container dl dt a {
				position: absolute;
				top: 0;
				right: 16px;
				padding-right: 16px;				
				color: #0099CC;
				
				background: transparent url(../images/arrow_up.gif) no-repeat center right;
			}
			#container dl dt a:hover {
				color: #8C8C8C;
			}

		#container dl dd {
			position: relative;
			width: 100%;
			float: left;
		}
		#container dl dd ul {
			padding: 10px 0 13px 15px;
			float: left;
			width: 204px;
		}
			#container dl dd ul li {
				padding: 11px 0 5px 0;
				border-bottom: 1px solid #a8c3ce;
			}
			#container dl dd ul li.viewBtn {
				padding: 0;
				border: none;
			}
				#container dl dd li strong {
					color: #4F4F4F;
				}
				#container dl dd li a {
					margin-top: 13px;
					display: block;
					padding-left: 23px;
					width: 113px;
					line-height: 50px;
					font-size: 95%;
					color: #0099CC;
					background: transparent url(../images/btn_off.gif) no-repeat center left;
				}
				#container dl dd li a:hover {
					/*  color: #4F4F4F; */
					color:#8C8C8C;
					background-image: url(../images/btn_on.gif);
				}	
		#container dl dd a.thumb { 
			margin: 10px 11px 11px 0;
			float: right;
		}
		
		#container dl dd.desc {		
			margin: 0;
			float: none;
			clear: both;
			background: #fff url(../images/descBG.gif) repeat-y top center;
		}
			#container dl dd.desc div {
				margin-left:1px;
				width: 554px;
				background: transparent url(../images/descLine.gif) repeat-x top left;
			}
			#container dl dd.desc div p {
				margin: 0px;
				padding: 20px 18px 25px 18px;				
				background: transparent url(../images/descLine.gif) repeat-x bottom left;
			}
			/* 
			Hack for IE 6 and below 
			-> get rid of padding and put margin.
			-> get rid of the thin bottom border 
			*/
			* html #container dl dd.desc div p {
				padding: 0;
				margin: 20px 18px 25px 18px;
				background: none;
			}
				#container dl dd.desc div p a {
					display: inline;
					margin: 0;
					padding: 0;
					line-height: normal;
					background: none;
				}
				#container dl dd.desc div p a:hover {
					background: none;
				}
		#container dl dd.desc a {
			cursor: pointer;
			/* cursor: hand; */
			display: block;
			padding-left: 80px;
			line-height: 30px;
			color: #0099CC;
			background: #fff url(../images/btn_view_more.gif) no-repeat top left;
		}
		
		#container dl dd.desc a:hover {
			color: #8C8C8C;
			background: #fff url(../images/btn_view_more.gif) no-repeat bottom left;
		}