<!DOCTYPE HTML>
<head>
<meta charset="utf-8"/>
<meta name="author" content="phoeniixx" />
<meta name="viewport" content="user-scalable = yes"/>
<title>Micro Leading</title>
<link href="style.css" type="text/css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,600,700' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Nobile:400,700,700italic,400italic' rel='stylesheet' type='text/css'/>
<!--[if lt IE 9]>
<script src="js/html5.js" type="text/javascript"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
    <header>
        <div class="header-content">
            <h1 class="site-title"><a href="javascript:void(0)"><span>Micro</span> Lending</a></h1>            
            <div class="hright">
                <form class="searchform">
                    <p>
                    <input type="text" value="search" class="input_txt" onblur="if (this.value == '') {this.value = 'search';}" onfocus="if (this.value == 'search') {this.value = '';}"/>
                    <input type="submit" value="" class="searchsubmit" />
                    </p>                    
                </form>                
                <nav class="nav-header">
                    <ul>
                        <li><a href="javascript:void(0)"><span class="icon_home">icon</span>Home</a></li>
                        <li><a href="javascript:void(0)"><span class="icon_contact">icon</span>Contact</a></li>
                    </ul>
                </nav><!--nav-header-->                
            </div><!--hright-->
        </div><!--header-content-->    
    </header><!--header-->
    <div class="content-area">
        <div class="content">
            <div class="content-top">
                <nav class="nav-main">
                    <ul>
                        <li><a href="javascript:void(0)">Private Banking</a></li>
                        <li><a href="javascript:void(0)">Investment Banking</a></li>
                        <li><a href="javascript:void(0)">Asset Marketing</a></li>
                        <li><a href="javascript:void(0)">Careers</a></li>
                        <li><a href="javascript:void(0)">Blog</a></li>
                        <li><a href="javascript:void(0)">Partners</a></li>
                        <li><a href="javascript:void(0)">About Us</a></li>
                        <li><a href="javascript:void(0)">Contact Us</a></li>
                    </ul>
                </nav><!--nav-main-->                
                <div class="highlight-text">
                    <h2>
                        <span class="text1">We Successfully Invest</span>
                        <span class="text2">Our <cite>Mind</cite> &amp; <cite>Resources</cite> to</span>
                        <span class="text3">Develop</span>
                        <span class="text4">High</span>
                        <span class="text5">Technology</span>
                    </h2>
                    <a href="javascript:void(0)" class="buy-btn">Buy Now</a>
                </div><!--hightlight-text-->                
            </div><!--content-top-->        
            <div class="widget-area">
                <div class="widget widget-one">
                    <h3><span class="icon">icon</span>Researches</h3>
                    <p>Fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem <a href="javascript:void(0)" class="read_more">More Info About it</a></p>
                </div><!--widget-->                
                <div class="widget widget-two">
                    <h3><span class="icon">icon</span>Analysis</h3>
                    <p>Fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem <a href="javascript:void(0)" class="read_more">More Info About it</a></p>
                </div><!--widget-->                
                <div class="widget widget-three">
                    <h3><span class="icon">icon</span>Startegy</h3>
                    <p>Fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem <a href="javascript:void(0)" class="read_more">More Info About it</a></p>                    
                </div><!--widget-->                
            </div><!--widget-area-->        
        </div><!--content-->                   
    </div><!--content-area-->
    <footer>
        <div class="footer-content">
            <nav class="nav-footer">
            <ul>
                <li><a href="javascript:void(0)">Terms &amp; Conditions</a></li>
                <li><a href="javascript:void(0)">Privacy Policy</a></li>
                <li><a href="javascript:void(0)">Contact</a></li>
            </ul>
        </nav><!--nav-footer-->        
        <p class="copyright">Copyright &copy; 2011 Micro Leading All rights reserved.</p>
        </div><!--footer-content-->        
    </footer><!--footer-->    
</div><!--wrapper-->
</body>
</html>
        

*{margin:0; padding:0;}
body{ font-size:12px; color:#484848; font-family:arial, helvetica, sen-serif;}
h1{font-size:33px;}
p{ margin-bottom: 15px;}
/*---------------------header-------------------*/
header{height:83px; width:100%; float:left; border-bottom:7px solid #262626;}
.header-content{width:962px; margin:0 auto;}
h1.site-title{font-family: 'Raleway', sans-serif; color:#252525; font-weight: 400;line-height: 83px; float: left;}
h1.site-title a{color:#252525; text-decoration: none;}
h1.site-title span{color:#009fdc; margin-right:5px;}
.hright{float: right; padding-top: 21px;width:203px;}
.hright form p{ margin: 0;}
.hright form .input_txt{width:151px; height:15px; background:url(images/sprite.png) no-repeat 0 -58px; border: 0 none; color:#adadad; padding:5px 10px; font-size:12px; float: left; margin: 2px 3px 0 0;}
.hright form .searchsubmit{width:28px; height:28px; background:url(images/sprite.png) no-repeat -171px -56px; border: 0 none; cursor: pointer;float: left;}
.nav-header{width:100%;float:left;}
.nav-header ul{ list-style: none; padding-top: 15px; float: left;}
.nav-header ul li{ list-style: none; display: inline-block; font-size: 11px; margin-right:11px;}
.nav-header ul li a{color:#737373; text-decoration: none;}
.nav-header ul li .icon_home{background:url(images/sprite.png) no-repeat -203px -58px;width:9px; height:12px; display: inline-block; text-indent: -9999px; vertical-align: middle; margin-right: 5px;}
.nav-header ul li .icon_contact{background:url(images/sprite.png) no-repeat -202px -72px;width:11px; height:10px; display: inline-block; text-indent: -9999px;vertical-align: middle;margin-right: 5px;}
/*-------------------content-------------------*/
.content-area{width:100%; float: left; background: #dfdcd5;background:url(images/contentbg.jpg) no-repeat 49.5% center #dfdcd5;}
.content{width:962px; margin: 0 auto;}
.content-top{width:100%;float: left; margin-bottom: 60px;}
.nav-main{width:253px; float: left; margin-top: 29px;}
.nav-main ul li{ list-style: none; font-size:14px; margin-bottom: 1px;}
.nav-main ul li a{ list-style: none; line-height: 41px; padding:0 18px; display: block; background:url(images/menubg.png) no-repeat 0 -42px #e3e3e3; color:#252525; text-decoration:none;}
.nav-main ul li a:hover{background:url(images/menubg.png) no-repeat 0 0 #00A0DC; color:#fff;}
.highlight-text{float: right; width:284px; padding-top: 45px;}
.highlight-text h2 span{display: block; color:#1c1c1c; font-style: italic;font-family: 'Nobile', sans-serif; font-size:22px; line-height: 22px; margin-bottom: 8px;}
.highlight-text h2 span.text2{}
.highlight-text h2 span.text2 cite{color:#dc5300; text-transform:uppercase}
.highlight-text h2 span.text3{ text-transform:uppercase; font-size:34px;line-height: 34px;}
.highlight-text h2 span.text4{ color:#dc5300; text-transform:uppercase; font-size:48px;line-height: 48px; margin-bottom: 15px;}
.highlight-text h2 span.text5{ color:#dc5300; text-transform:uppercase; font-size:38px; line-height: 38px;}
.buy-btn{background:url(images/sprite.png) no-repeat 0 0; width:215px; height:56px; text-indent:-9999px; display: block; margin: 24px 0 0 8px;}
/*------------------widget-area----------------*/
.widget-area{width:100%; float: left; margin-bottom: 60px;}
.widget{background:url(images/widgetbg.png) repeat 0 0;width:266px; height:103px; padding: 5px 20px; margin:0; float: left;color:#a1a1a1;}
.widget + .widget{margin:0 22px;}
.widget + .widget + .widget{margin:0;}
.widget p{word-spacing: -1.4px; line-height: 13px;}
.widget h3{font-family: 'Nobile', sans-serif;color:#00b9ff; font-size:1.3em; font-style: italic; font-weight: 700; margin-bottom: 3px; padding-top: 3px;}
.widget h3 .icon{background:url(images/sprite.png) no-repeat 0 -84px; width:34px; height:35px; display: inline-block; text-indent: -99999px; vertical-align: middle; margin-right: 5px;}
.widget-two h3 .icon{background-position: -39px -86px; width:39px; height:35px; margin-right: 14px;}
.widget-three h3 .icon{background-position: -84px -84px; width:32px; height:35px; margin-right: 10px;}
.read_more{color:#fff;font-family: 'Nobile', sans-serif; font-size:13px; font-style:italic; font-weight:700; text-decoration:none; display: block; float: right; margin: 6px 4px 0 0;}
.widget-two h3{margin-bottom: 2px;}
/*-------------------footer--------------------*/
footer{width:100%; float: left; height:45px;border-top:7px solid #262626;}
.footer-content{width:962px; margin:0 auto;}
.nav-footer{float: left;}
.nav-footer ul{list-style: none;}
.nav-footer ul li{list-style: none; display: inline; line-height: 45px;}
.nav-footer ul li a{color:#484848; text-decoration:none;}
.nav-footer ul li a:before{content: "|"; margin-right:3px;}
.nav-footer ul li:first-child a:before{ content: ""; margin-right: 0;}
.copyright{float: right; line-height: 45px; margin: 0;}