PSD TO CSS And Preview Code

/*Design CSS Layout by ozinepank*/

body {background:url("images/bg-dot.png") repeat scroll center top transparent; margin-top:16px; font:normal 13px/1.5 'Helvetica', Arial, sans-serif;}
a:link,a:visited {color:#2B96F1;text-decoration:none; }
a:hover { text-decoration:underline;}
a img {border-width:0;}
/*wrap*/
#wrap , #page{width:980px;margin:0 auto;}
#wrap {padding-bottom:100px; min-height:100%;}
#head {width:980px;margin:30px 0 0;}
#logo { width:228px; margin:0 auto; height:80px;position:relative;}
#logo  a  { background:url(images/logo_sub.png) no-repeat scroll 0 0 transparent; left:0; display:block; padding:0; margin:0;text-indent:-99999px; text-align:center;}
/*page*/
#page {background:#F5F5F5; box-shadow:0 0 1px #000000; width:950px; padding:15px;}
#main {width:100%;}
#main .colum_item{float:left;}
.colum_item h3 ,h4 {display:block; padding:10px 0; margin:15px 0 10px; border-bottom:1px solid #BBB; text-indent:-999999px;}
.colum_item p {font-size:14px; color:#333;line-height:1.4444em; margin-bottom:1em;}
.colum_item .left{width:450px;margin-right:50px;}
.colum_item .right{width:450px;margin-right:0;}
/*left*/
.colum_item .left h3 {background:url(images/bgh2_1.png) no-repeat scroll 0 0 transparent;}
.colum_item .left h4 {background:url(images/bgh2_3.png) no-repeat scroll 0 0 transparent;}
/*right*/
.colum_item .right h3 {background:url(images/bgh2_2.png) no-repeat scroll 0 0 transparent;}
.colum_item .right h4 {background:url(images/bgh2_4.png) no-repeat scroll 0 0 transparent;}
/*price_class*/
.colum_item .right .price {padding:0 0 90px;margin: 5px 0; width:100px; float:left; border-right:1px dotted #DDD;}
.price-box {position:relative; float:left; margin-right:6px; left:10px; background:#f05b3a; display:block; border-radius:5px; padding:10px; font-size:22px; color:#FFF;}
.box-price {display:block;margin-bottom:4px;}
.relative {position:relative; top:4px; left:8px;}
.clear-right {margin-right:0;}