Help For nikhil kandekar

by Matthew Dewhurst

HTML

<div id="Outer_Container">
         
        <!--Top Header Starts -->
		<div id="headerwrapper">
    	<div id="header">
        
			<!--Logo Starts-->
	   		<div id="logo"><a href="index.php">
        		<img src="D:\New folder (2)\starline\Shilpkarlogo1.jpg" width="207" height="86"> </a>
				 <!--Logo Ends-->
              
        		<!--Punchline Starts -->
        			<div id="punchline">
        						<div class="moduletable">
					<p>Building Variants - Beyond Imagination</p>		</div>
	
       				</div>
            	<!--Punchline  Ends-->
			<!--Top Nav Starts -->
        			<div id="top-menu">
        						<div class="moduletable">
					<ul class="menu"><li class="item30"><a href="/after-sales-service.html"><span>After Sales Service</span></a></li><li class="item29"><a href="/certifications.html"><span>Certifications</span></a></li><li class="item10"><a href="/careers.html"><span>Careers</span></a></li><li class="item12"><a href="/component/option,com_xmap/Itemid,12/sitemap,1/"><span>Sitemap</span></a></li><li class="item20"><a href="/faqs.html"><span>FAQs</span></a></li><li class="item9"><a href="/Default-form.html"><span>Enquiry Form</span></a></li><li class="item13"><a href="/contact-us.html"><span>Contact Us</span></a></li></ul>		</div>
	
       				</div>
            	<!--Top Nav Ends-->
			         <div class="clr"></div>   
            
		</div>
		</div>
        <!--Top Header Ends -->

		   <!-- Top Nav Start -->
  
            <div id="nav">
                <div id="nav_wrapper">
                    <ul>
                        <li><a href="#">Home</a></li><li>
                        <a href="#">About Us</a></li><li>
                        <a href="#">Products</a>
                            <ul>
                                <li><a href="#">Tempo</a></li>
                                <li><a href="#">Busses</a></li>
                                <li><a href="#">Container</a></li>
                            </ul>
                       ...

CSS

#headerwrapper{}
 

   #header{

	margin:0 auto;
	width:960px;
	padding:10px 0;}

	#punchline {
	width:260px;
	color:#091957;
	float:left
}

   #punchline p{
	color:#091957;
	font-weight:bold;
	font-style:italic;
}
* Top Menu Style Start */
#top-menu{
	float:right;
	margin:45px 0 0 0;
	width:545px;
	text-align:right;
}

#top-menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;
}

#top-menu ul li{
	float:left;
	margin:0;
}

#top-menu ul li:last-child{
	margin:0;
}

#top-menu ul li a{
	display:block;
	padding:0 10px;
	font-size:11px;
	color:#141647;
	text-decoration:none;
	outline:none;
	border-right:#141647 1px solid;
}

#top-menu ul li a:hover{
	text-decoration:underline;

}

#top-menu ul li:last-child a{
	border-right:none;
}
/* Top Nav Style Start */

#nav {
    background-color: #222;
}
#nav_wrapper {
    width: 960px;
    margin: 25px auto;
    text-align: center;
}
#nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    min-width: 200px;
}
#nav ul li {
    display: inline-block;
}
#nav ul li:hover {
    background-color: #333;
}
#nav ul li a, visited {
    color: #CCC;
    display: block;
    padding: 15px;
    text-decoration: none;
}
#nav ul li:hover ul {
    display: block;
}
#nav ul ul {
    display: none;
    position: absolute;
    background-color: #333;
    border: 5px solid #222;
    border-top: 0;
    margin-left: -5px;
    z-index: 999;
    text-align: left;
}
#nav ul ul li {
    display: block;
}
#nav ul ul li a:hover {
    color: #699;
}

 background-image:url("wrappers/ds9nbg0btm.png");
/* Top Nav Style Ends */
 @import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);

* { margin: 0; padding: 0; }


h1 {color:#333; text-shadow:1px 1px #999; font-size:40px; font-family:Archivo Narrow; margin:40px; text-align:center;}
.slider {
    display: block;
    height: 320px;
    min-width: 260px;
    max-width: 640px;
    margin: auto;
    margin-top: 20px;
    position: relative;
   ...