body{
	margin:0; background-color:#f8f8f8; font-family:Verdana, Geneva, sans-serif; font-size:13px;
	background-image:url('../images/homebg.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: top center; 
}
.left{ float:left;}
.right{ float:right;}
.clear{clear:both;}
.bodycontainer{
	width:986px;
	height:612px;
	margin: 0 auto;
	border:0px solid green;
}
.topbar{
	background:url("../images/hcl_topbar.png") no-repeat;
	height:14px;
	width:1002px;
	/*margin-top:5px;*/
}
.grayshadow{
	background:url("../images/hcl_grayshadow.png") repeat-y;
	width:1002px;
}
.midarea{
	margin: 0 auto;
    width: 970px;
}
.header{
	/*background:url("../images/hcl_flash.jpg") no-repeat;*/
	height:287px;
	width:970px;
	position:relative;	
}
.logo{
	background:url("../images/hcl_logo.png") no-repeat scroll 0 0 transparent;
	width:376px;
	height:148px;
	float:left;
	/*margin:35px 0 0 38px;*/
	position:absolute;
	top:35px;
	left:38px;
}
.rightdiv{
	/*float:right;
	margin-right: 19px;*/
	position:absolute;
	top:1px;
	right:19px;
}
ul.toplinks{
	list-style-type: none;
	padding: 0px;
	margin: 7px 0 0;
}
ul.toplinks li{    
	color: #ca1d1d;
    display: inline;
    float: left;
    font-size: 19px;
    font-weight: normal;
    height: 34px;
    padding-left: 35px;
    padding-top: 2px;
    text-decoration: none;
}
ul.toplinks li.phone{
	background:url("../images/hcl_phone.png") no-repeat scroll 0 0 transparent;
	padding-right:15px;
}
ul.toplinks li.fax{
	background:url("../images/hcl_fax.png") no-repeat scroll 0 0 transparent;
}
.topmenubg{
	background:url("../images/hcl_menubg.jpg") repeat-x scroll 0 0 transparent;
	width:970px;
	height:39px;
	margin-top: 1px;
	text-align:center;
}
.topmenubg ul.topmenus{
	list-style-type: none;
	padding: 10px 0 0 10px;
	margin: 0;
	font-size:13px;
}
.topmenubg ul li{    
    display: inline;
    /*float: left;*/
    font-weight: bold;
    height: 16px;
    padding-left: 5px;
    padding-right: 10px;
}
.topmenubg ul.inn-topmenus{
	list-style-type: none;
	padding: 0px 0 0 17px;
	margin: 0;
}
.topmenubg ul li.selected{
	background:url(../images/sel-menubar.jpg) repeat-x;
	height:24px;
	color:#FF0;
}
.topmenubg ul li.selected a{	
	color:#FF0;
	text-decoration:none;
}
.topmenubg ul li.lastmenu{    
    border-right: 0px solid #FFFFFF;
}
.topmenubg ul li a{
	text-decoration:none;
	color: #FFFFFF;	
}
.topmenubg ul li a:hover{
	text-decoration:none;
	color: #f9f10c;	
}
.topmenubg ul li a.select{
	text-decoration:none;
	color: #f9f10c;	
}
.container{
	margin:0;
	padding:0;
}
.left-container{
	float:left;
	width:271px;
	/*border-right:1px solid #990000;*/
}
.portpolio{
	/*background:url("../images/portpolio.jpg") no-repeat;*/
	height:35px;
	width:252px;
	margin:47px 0 20px 0;	
	padding-left: 19px;
    padding-top: 9px;
	background-color:#990100;
	
}
.portpolio a,
.portpolio a:hover{
	color:#FFFFFF;
	font-size:18px;
	color:#FFFFFF;
	text-shadow:1px 3px 2px #B9161A;
	text-decoration:none;
}
.video-div{
	background:url("../images/hcl_video.jpg") no-repeat;
	height:176px;
	width:233px;
	margin:25px auto;
}
ul.portpolio-list{
list-style-type: none;
	padding: 0px;
	margin: 11px 0 0 20px;
}
ul.portpolio-list li{
    background: url("../images/hcl_triangle.jpg") no-repeat scroll 0 0 transparent;
    font-size: 13px;
    font-weight: normal;
    height: 15px;
    margin-top: 12px;
    padding-left: 18px;

	}
ul.portpolio-list li a{
	color: #000000;
    text-decoration: none;
} 
ul.portpolio-list li a:hover{
	color: #990000;
    text-decoration:underline;
} 


.right-container{
	float:left;
	width:697px;
	border-left:1px solid #990000;
}
.home-content{
	width:600px;
	margin:40px 0 20px 57px;
	line-height:20px;
}
.welcome{
	/*background:url(../images/hcl_welcome.jpg) no-repeat;
	width: 215px;*/
	height:28px;
	font-size:20px;
	font-weight:normal;
	color:#990000;
	text-shadow: 0 1px 0 #FFFFFF, 1px 2px 4px #c6c6c6;
}
h1.subtitle{
	font-size:15px;
	font-weight:bold;
	color:#000;
	text-shadow: 0 1px 0 #FFFFFF, 1px 2px 4px #c6c6c6;
}
.grayline{
	border-bottom:1px solid #d9d9d9;
	width:600px;
	height:1px;
	margin-bottom: 20px;
}
.inner-grayline{
	border-bottom:1px solid #d9d9d9;
	width:600px;
	height:1px;
	margin-bottom: 5px;
}
.sidebar-grayline{
	border-bottom:1px solid #d9d9d9;
	width:271px;
	height:1px;
	margin-bottom: 5px;
}
.content{
  float:left;
  width:368px;
}
.inn-content{
  float:left;  
}

.home-img{
  float:left;
  width:232px;
}
.content1{
  width:590px;
}



.whiteline{
	height:1px; 
	width:790px; 
	background-color:#ffffff;
}
.animate{
	width:970px;
	height:262px;
	background-color:#ffffff;
}
.blocks-container{
	background-color:#FFFFFF;
	padding-top: 25px;
	padding-bottom:22px;
}
.img-align{
	float: right; 
	margin-left: 9px; 
	margin-bottom: 9px;
}
	
a.btn-readmore{
	background:url("../images/btn_readmore.png") no-repeat scroll 0 0 transparent;
	width:87px;
	height:26px;
	border:0;
	cursor:pointer;
}
.welcome-div{
    background: url("../images/wecome_bg.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 327px;
    margin-left: 12px;
    margin-right: 12px;
    width: 307px;
}
input.btn_submit{
	background:url("../images/btn_submit.jpg") no-repeat scroll 0 0 transparent;
	width:90px;
	height:36px;
	border:0;
	cursor:pointer;
}
input.btn_reset{
	background:url("../images/btn_reset.jpg") no-repeat scroll 0 0 transparent;
	width:90px;
	height:36px;
	border:0;
	cursor:pointer;
}
.welcome-div h3{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-left: 17px;
    margin-top: 27px;
}
.welcome-div .welcome-content {
	color: #FFFFFF;
	padding: 0 10px 0 17px;
}
.green-div{
    background: url("../images/green_bg.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 327px;
    margin-right: 12px;
    width: 307px;
}
.green-div h3{
    color: #392f08;
    font-size: 14px;
    font-weight: bold;
    margin-left: 17px;
    margin-top: 27px;
}
.green-div .green-content {
	color: #000000;
	padding: 0 10px 0 17px;
}
.orange-div{
	background:url("../images/orange_bg.jpg") no-repeat scroll 0 0 transparent;
	width:307px;
	height:327px;
	float:left;
}
.orange-div h3{
    color: #a72507;
    font-size: 14px;
    font-weight: bold;
    margin-left: 17px;
    margin-top: 27px;
}
.orange-div .orange-content {
	color: #000000;
	padding: 0 10px 0 17px;
}
.footer{
    background: url("../images/hcl_footerbg.png") no-repeat scroll 0 0 transparent;
    height: 62px;
    width: 1002px;
	border:0px solid white;
}
.footer div{
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
}
.footer div.copyright{
	margin-left:32px;
	float:left;
	margin-top:12px;
}
.footer div.terms-links{
	float: right;
    margin-right: 36px;
    margin-top: 12px;
}
.footer div.terms-links a{
	color:#ffffff;
	text-decoration:none;
}
.footer div.terms-links a:hover{
	text-decoration:none;
	color: #f9f10c;	
}
.right{
	float:right;
}
.contentarea{	
	background-color:#ffffff;
	background:url("../images/inn-content-bg.jpg") repeat-y scroll 0 0 transparent;
	width:970px;
}
.innerleft{
	width:200px; 
	float:left; 
	border-right:1px solid #e0e0df; 
	/*min-height:500px;*/
	margin-right: 35px;
	background-color:#f7f7f7;
}
.innerright{
	width:706px; 
	float:left; 
	border:0px solid green; 
	/*min-height:500px;*/
}

.innerright h2{
    border-bottom: 1px solid #F9BA5E;
    color: #668F06;
    font-size: 17px;
    font-weight: bold;
    margin-top: 35px;
    padding-bottom: 2px;
}
.sub-title{color:#e34827; font-weight:bold;}
.img-right{float:right; margin-left:10px; margin-bottom:10px;}
.hline{border-bottom:1px solid #f3f3f3; margin-bottom:15px;}
ul.cont-ul{
	margin: 0px; width: 390px; padding: 0px 0px 0px 15px;
}
ul.cont-ul li{
	padding: 0px 0px 5px 0px;
}
.redtext{
	color:#FF0000;
}
input.box{
	width:200px;
	background-color: window;
	border: 1px solid #DCDCDC;
	color: windowtext;
	display: inline-block;
	margin: 1px;
	overflow: hidden;
	padding: 1px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.ar_ {
    border: 1px solid #DCDCDC;
    margin: 1px;
}
input.box1{
	width:300px;
	background-color: window;
	border: 1px solid #DCDCDC;
	color: windowtext;
	display: inline-block;
	margin: 1px;
	overflow: hidden;
	padding: 1px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
input.box2{
	width:100px;
	background-color: window;
	border: 1px solid #DCDCDC;
	color: windowtext;
	display: inline-block;
	margin: 1px;
	overflow: hidden;
	padding: 1px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
textarea.box{
	width:425px;
	background-color: window;
	border: 1px solid #DCDCDC;
	color: windowtext;
	display: inline-block;
	margin: 1px;
	overflow: hidden;
	padding: 1px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
select.box{	
	background-color: window;
	border: 1px solid #DCDCDC;
	color: windowtext;
	display: inline-block;
	margin: 1px;
	overflow: hidden;
	padding: 1px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.prj_photo{
	height: 165px;
	width: 225px;
	margin-right: 20px;
}

.prj_photo img.imgborder {
    background: none repeat scroll 0 0 white;
    border: 1px solid #BBBBBB;    
    padding: 5px;
}
.prj_content{
 	width:350px;
}
.prj_line{
	border-bottom:1px solid #fcc3c3; 
	height:1px; 
	margin:25px 0 25px 0;
}
.prj_title{
	color:#990000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
a.prj_more{
	background:url(../images/btn_more.png) repeat scroll 0 0 transparent;
	width:54px;
	height:22px;
	display: block;
}
a.prj_more:hover{
	background:url(../images/btn_more.png) repeat scroll 0 22px transparent;
	width:54px;
	height:22px;
	display: block;
}

a.btn-more{
	background:url(../images/btn-more.png) repeat scroll 0 0 transparent;
	width:82px;
	height:34px;
	display: block;
}
a.btn-more:hover{
	background:url(../images/btn-more.png) repeat scroll 0 34px transparent;
	width:82px;
	height:34px;
	display: block;
}
a.btn{
  	background: url("../images/btn.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 19px;
    padding: 3px 0 0;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
a.btn:hover{
	background: url("../images/btn.png") repeat scroll 0 22px transparent;
	display: block;
	color: #ff0000;
}
.advantage-title{	
  	background-color: #990100;
    color: #FFFFFF;
    font-size: 16px;
    margin: 52px 0 20px;
    padding-bottom: 7px;
    padding-left: 19px;
    padding-top: 6px;
    text-decoration: none;
    text-shadow: 1px 3px 2px #B9161A;
    width: 252px;	
}
.recycle-text{	
  	background-color: #FFF;
    color: #000;
    font-size: 11px;
    text-decoration: none;
    	
}
ul.advantage{
    list-style: none outside none;
    margin: 0;
    padding: 0 5px 0 20px;
}
ul.advantage li{
	background:url("../images/hcl_triangle.png") no-repeat scroll 0 3px transparent;
	padding:0 0 8px 18px;
}
.rightspace{
	margin-right:25px;
}
.righttopspace{
	margin-top:20px;
	margin-bottom:5px;
}


.resinfo-bg {
    background-color: #FFFFFF;
    border: 1px solid #893614;
    margin: 40px 5px 0 40px;
    padding: 10px 3px 0 11px;
    width: 175px;	
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
.resinfo-title {
    color: #893614;
    display: block;
    font-weight: bold;
    margin-bottom: 9px;
    padding: 0;
}
.resinfo-address{
	padding-bottom: 15px; 
	display: block;
input.btn_submit{
	background:url("images/btn_submit.jpg") no-repeat scroll 0 0 transparent;
	width:90px;
	height:36px;
	border:0;
	cursor:pointer;
}
input.btn_reset{
	background:url("images/btn_reset.jpg") no-repeat scroll 0 0 transparent;
	width:90px;
	height:36px;
	border:0;
	cursor:pointer;