body{ background:#B4B3B3 url('../img/bg-body.jpg') scroll repeat-x left top; font-size:13px; }
.container{ border: 0px solid #999; background-color:#FFF; /*height:630px;*/ /*position:relative;*/ margin:10px auto; }

/* CSS3 Test */
.container{ -moz-box-shadow: 3px 3px 7px #666; -webkit-box-shadow: 3px 3px 7px #666; }

#header{ padding-top: 20px; }
#header h1{ width:214px; height:66px; padding:0; margin:0; float:left;}
#header h1 a{ display:block; width:214px; height:66px; background:transparent url('../img/logo.jpg') scroll no-repeat left top; text-indent:-9999px; position:relative; left: -11px; }

ul#nav-menu{ padding:14px 0 5px; margin:0; list-style-type:none; float:left; width:730px; font-size:16px; font-weight: bold; border-bottom:1px solid #000; position:relative; left: -11px; }
ul#nav-menu li{ display:inline; padding:0 10px; }
ul#nav-menu li a{ text-decoration:none; color:#000; }
ul#nav-menu li a:hover{ color:#FF8300; }

#mid{ height:509px; /*padding:5px 0;*/ /*background-color:#CCC;*/ }
	#index-left{ height:350px; }
	.div-left h2{ text-align:right; font-weight:bold; font-size:48px; margin:0; }
	.div-left p{ text-align:right; margin:0; color:#666; /*font-weight:bold;*/ }

	#index-right{ height:350px; padding-left: 20px; }
	#index-right p{ margin:0 0 5px; color:#666; }
	#index-right p strong{ color:#000; }
	#index-right p img{ border:1px solid #000; width:360px; }

	.new_release_tab{ display:none; }

#index-foot-nav{ background:#EFEFEF url('../img/bg-bottab.jpg') scroll repeat-x left top; height:159px; border-top:2px solid #666; text-align:center; }

#footer{ background-color:#231F20; padding:5px 0; /*position:absolute; bottom:0;*/ width:950px; }
#footer p{ text-align:center; margin:0; padding:0; font-size:12px;  font-family:Tahoma; color:#EEE; }



/* History.php */
	#history-left{ height:350px; }
	#history-right{ height:450px; padding:10px 15px; overflow-y:auto; }
	#history-right p{ /*font-size: 14px;*/ text-align:justify; }

/* Download.php */
	#download-left{  }
	#download-right{ height: 360px; background: transparent url('../img/bg-download.jpg') scroll no-repeat right bottom; position:relative; }
		a#link-contact{ display:block; position:absolute; top: 75px; left: 5px; width:110px;height:90px; /*background-color:rgba(200,200,100,0.5);*/ text-indent:-9999px; }
		a#link-portfolio{ display:block; position:absolute; top: 77px; left: 402px; width:104px;height:95px; /*background-color:rgba(200,200,100,0.5);*/ text-indent:-9999px; }
		
		a#link-contact:link,a#link-contact:visited{ background: transparent url('../img/dl1.jpg') scroll no-repeat center top; }
		a#link-contact:hover{ background: transparent url('../img/dl1.jpg') scroll no-repeat center bottom; }

		a#link-portfolio:link,a#link-portfolio:visited{ background: transparent url('../img/dl2.jpg') scroll no-repeat center top; }
		a#link-portfolio:hover{ background: transparent url('../img/dl2.jpg') scroll no-repeat center bottom; }

/* Service.php */
	#service-left{ height: 500px;  }
		#service-left p{ font-size:14px; color:#BBB; padding:0 0 3px; margin:0 0 3px 185px; border-bottom:1px dashed #666; width:190px; }
	#service-right{  }
		#services-txt{ border-bottom:1px dashed #666;margin-bottom: 10px; padding-bottom: 10px;  }
		#services-txt p{ margin:0; text-align:justify; }
		#services-bottom{  }
/*		#services-commentlist{ background-color:#ABC; } */
		#services-form{  }
		#services-form h3{ margin-bottom:10px; }
			.service-input{ color:#999; width:170px; }
			textarea#service-comment{ color:#999; width:160px; height:90px; }
		
		#services-commentlist{  }
		#services-commentlist ul{ padding: 0; margin: 0; list-style-type:none; height: 265px; overflow-y: auto; }
		#services-commentlist ul li{ padding: 3px 0; margin: 3px 0; display: block; border-bottom: 1px dashed #666; }
		#services-commentlist ul li span.txt-1{ display:block; float: left; width:80px; text-align: right; /*overflow:hidden;*/word-wrap: break-word; font-weight:bold; }
		#services-commentlist ul li span.txt-2{ overflow:hidden; display:block; margin-left: 85px; }

/* ContactUs.php */
	#contactus-left{  }
		p.download-link{ font-size:16px; font-weight:bold; }
		p.download-link a{ color:#666; text-decoration:none; }
		p.download-link a:hover{ color:#FF8300; }
	#contactus-right{  }
		.contact-input{ width:250px; color:#999; }
		textarea#contact-notes{ color:#999; width:240px; height:135px; }

/* Clients.php */
	#clients-left{ height: 500px; }
		#clients-left h3{ font-weight:bold; text-align:right; margin: 20px 0 5px; font-size:18px; }
	#clients-right{  }


#portfolio-left ul{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 250px;
	width: 180px;
}

#portfolio-left ul li{
	text-align: right;
	display: block;
	font-size: 14px;
	/*font-weight: bold;*/
}

#portfolio-left ul li a{
	text-decoration: none;
	color: #999;
	display: block;
	border-bottom: 1px dashed #999;
	padding: 3px;
	width: 174px;
}

#portfolio-left ul li a:hover, #portfolio-left ul li a.current{
	color: #000;
	border-bottom: 1px dashed #000;
	/* font-size: 18px; */
	/* background-color: #E3E3E0; */
	font-weight:bold;
}
#portfolio-left ul li.last-li { font-size:20px; font-weight:bold; }

#portfolio-right { height:500px;overflow:hidden; }

#job-title{ font-size:15px; font-weight:bold; margin:0; }
#job-detail{ font-size:13px; margin:0; }
#sharetab{ text-align:right; margin:10px 0; }


#fb-twitter{ width:950px; margin:0 auto; position:relative; }
#fb-twitter-btn{ position:absolute; width:28px; height:141px; background:transparent url('../img/fb-twitter.jpg') no-repeat scroll left top; right:-28px; top:-450px; }
#fb-twitter-btn a{ display:block; width:28px; text-indent:-9999px; }