CSS Code Presentation, Table-less XHTML Conversion, PSD to HTML

/* CSS Document */

body{
	margin:0px;
	padding:0px;
	line-height:16px;
	background: url(../images/outer-reapter.jpg) right top repeat;
	}
html a{
	outline:none;
	}
/* outer div */		
#main-outer{
	width:100%;
	overflow:hidden;
	position:relative;
	background:url(../images/right_bg.png) right top no-repeat;
	}
#main-outer2{
	width:100%;
	overflow:hidden;
	position:relative;
	background: url(../images/body_bg2.jpg) center top no-repeat;
	}
	
/* outer div */	
#main-inner{
	width:1003px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	}
	
#arrow-left{
	background:url(../images/left-arrow.gif) left top no-repeat;
	width:50px;
	height:88px;
	position:absolute;
	left:0px;
	top:5px;
	}
/* logo */		
#logo{
	margin:61px 0px 0px 40px;
	}
/* top image */
				
.line-image{
	width:100%;
	overflow:hidden;
	margin:0px 0px 0px 25px;
	}
.line-image ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.line-image li{
	float:left;}			
	
/***** center ********/
#center_main{
	overflow:hidden;
	margin:0px 0px 0px 0px;
	position:relative;
	height:668px;
	}
/* left section */	
#left-main{
	width:575px;
	overflow:hidden;
	float:left;
	margin:0px 0px 0px 26px;
	
	}
/* Video space */	
.tabcontent{
	margin:30px 0px 0px 0px;
	width:556px;
	}	
@media print {
.tabcontent {
display:block !important;
}
}

.video-embedr{
	margin:0px 0px 0px 0px;
	overflow:hidden;
	}

/* Right section */
	
#right{
	width:370px;
	float:right;
	overflow:hidden;
	margin:50px 20px 0px 0px;
	position:relative;
	height:585px;
	}
	
.right-inner{
	padding:0px 0px 0px 10px;
	height:550px;
	width:335px;
	z-index:20;
	position:absolute;
	}		
	
.right-inner .bolg-title{
	background:url(../images/blog.gif) no-repeat;
	width:125px;
	height:35px;
	text-indent:-999999px;
	}
p{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#272223;
	font-weight:bold;
	line-height:14px;
	text-align:justify;
	}
	
.right-inner .text{
	padding:0px 10px 0px 8px;
	}
.view-more{
	margin:10px 0px 10px 0px;
	font-size:13px;
	font-weight:bold;
	color:#FC8C59;
	text-align:right;
	width:100%;
	white-space:nowrap;
	}	
.view-more a{
	font-size:13px;
	font-weight:bold;
	color:#FC8C59;
	text-align:right;
	text-decoration:none;
	white-space:nowrap;
	}	
.view-more a:hover{
	text-decoration:underline;
	color:#000000;
	}
	
.view-more-blog{
	margin:10px 0px 10px 6px;
	font-size:14px;
	font-weight:bold;
	color:#FC8C59;
	text-align:left;
	white-space:nowrap;
	width:100%;
	}	
.view-more-blog a{
	font-size:14px;
	font-weight:bold;
	color:#FC8C59;
	text-align:left;
	text-decoration:none;
	white-space:nowrap;
	width:100%;
	}	
.view-more-blog a:hover{
	text-decoration:underline;
	color:#000000;
	}		
	
.right-inner .line{
	background:url(../images/content-devider.png) no-repeat;
	clear:both;
	height:5px;
	margin:20px 0px 10px 5px;}	
	
.right-inner .bolg-title2{
	background:url(../images/blog2.gif) no-repeat;
	width:125px;
	height:35px;
	text-indent:-999999px;
	}
	
#top-line-ab{
	position:absolute;
	left:20px;
	top:328px;
	width:335px;
	height:63px;
	z-index:50;
	}	
	
	
/* footer */

#footer{
	clear:both;
	margin:0px 0px 0px 23px;
	overflow:hidden;
	}
.info{
	width:450px;
	height:60px;
	margin:0px 0px 0px 0px;
	color:#333333;
	font-size:25px;
	background:url(../images/info.gif) left top no-repeat;
	}	
.info a{
	text-indent:-999999px;
	color:#333333;
	font-size:25px;
	display:block;
	height:60px;
	}
.info a:hover{
	width:450px;
	height:60px;
	color:#333333;
	font-size:25px;
	background:url(../images/info-h.gif) left -1px no-repeat;
	}		
#copy-right{
	padding:5px 0px 50px 9px;
	font-size:10px;
	color:#7B7C7F;
	line-height:11px;}	
	
/* top click on click change image */

.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
  position: absolute;
  top: 0px; left: 60px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  left:285px;
  top:0px;
  
}
.Scrollbar-Track {
  width: 20px; height: 528px;
  position: absolute;
  top:25px; left: 285px;
  background:url(../images/scroll-bg.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 20px; height:60px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top:560px;
  left:285px;
}

</body>
</html>