consulting-co
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Consulting Co.</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type='text/css'> /* CSS Document */ body{padding:0px; margin:0px; background:#fff; color:#848484; font:10px/14px Tahoma, sans-serif;} div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;} ul{list-style-type:none;} .clear {clear: both; margin: 0px; height:0} p a{font:10px/14px Tahoma, sans-serif; color:#4c7e00; text-decoration:none;} p a:hover{ color:#000; text-decoration:none;} .headline{font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#433e33;} #container{width:775px; position:relative; margin:0 auto; background:url(consulting-co-images/b_header.jpg) 0 0 no-repeat; border:#848484 1px solid} /* HEADER */ #header{width:775px; height:200px; position:relative;} #header img#logo{position:absolute; top:48px; left:49px} #header ul.menu{position:absolute; top:155px; left:51px; width:460px} #header ul.menu li{height:17px; margin-right:23px; float:left} #header ul.menu li a{height:17px; display:block; text-indent:-20000px; } #header ul.menu li a:hover{height:17px;} #header ul.menu li.btn_1 a{width:57px; background:url(consulting-co-images/btn_1.gif) 0 0 no-repeat; } #header ul.menu li.btn_1 a:hover{width:57px; background:url(consulting-co-images/btn_1_over.gif) 0 0 no-repeat;} #header ul.menu li.btn_2 a{width:52px; background:url(consulting-co-images/btn_2.gif) 0 0 no-repeat; } #header ul.menu li.btn_2 a:hover{width:52px; background:url(consulting-co-images/btn_2_over.gif) 0 0 no-repeat;} #header ul.menu li.btn_3 a{width:49px; background:url(consulting-co-images/btn_3.gif) 0 0 no-repeat; } #header ul.menu li.btn_3 a:hover{width:49px; background:url(consulting-co-images/btn_3_over.gif) 0 0 no-repeat;} #header ul.menu li.btn_4 a{width:56px; background:url(consulting-co-images/btn_4.gif) 0 0 no-repeat; } #header ul.menu li.btn_4 a:hover{width:56px; background:url(consulting-co-images/btn_4_over.gif) 0 0 no-repeat;} #header ul.menu li.btn_5 a{width:46px; background:url(consulting-co-images/btn_5.gif) 0 0 no-repeat; } #header ul.menu li.btn_5 a:hover{width:46px; background:url(consulting-co-images/btn_5_over.gif) 0 0 no-repeat;} #header ul.menu li.btn_6{margin-right:0} #header ul.menu li.btn_6 a{width:59px; background:url(consulting-co-images/btn_6.gif) 0 0 no-repeat; } #header ul.menu li.btn_6 a:hover{width:59px; background:url(consulting-co-images/btn_6_over.gif) 0 0 no-repeat;} /* CONTENT1 */ #content1{width:775px; position:relative; clear:both;} #welcome{width:445px; margin:0 0 27px 55px; clear:both} #welcome h2{height:28px; position:relative; background:url(consulting-co-images/h_welcome.gif) 0 0 no-repeat; margin-bottom:6px} #welcome p{margin-left:5px} #welcome p span{display:block; margin-bottom:10px} #welcome{width:445px; margin:0 0 27px 55px; clear:both} #welcome h2{height:28px; position:relative; background:url(consulting-co-images/h_welcome.gif) 0 0 no-repeat; margin-bottom:6px} #services{width:227px; margin:0 30px 0 55px; float:left; display:inline} #services h2{height:16px; position:relative; background:url(consulting-co-images/h_services.gif) 0 0 no-repeat; margin-bottom:12px} #services img{float:left; margin:0 13px 0 4px; display:inline} #services p{margin-left:8px} #services p.headline{float:left; width:117px; margin-left:0} #services .clear{height:10px} #solutions{width:420px; float:left; } #solutions h2{height:16px; position:relative; background:url(consulting-co-images/h_services.gif) 12px 0 no-repeat; margin-bottom:12px} #solutions #Sol01{width:197px; float:left} #solutions #Sol01 img{float:left;} #solutions #Sol01 p{margin-left:17px} #solutions #Sol01 p.headline{float:left; width:115px; margin-left:0} #solutions #Sol02{width:217px; float:left} #solutions #Sol02 img{float:left; margin-right:10px} #solutions #Sol02 p{margin-left:12px} #solutions #Sol02 p.headline{float:left; width:115px; margin-left:0} /* CONTENT2 */ #content2{width:775px; height:161px; background:#f3f3f3; position:relative; clear:both; margin-top:20px;} #spotlight{width:230px; float:left; margin:23px 40px 0 55px; display:inline } #spotlight h2{height:16px; position:relative; background:url(consulting-co-images/h_services.gif) 0 0 no-repeat; margin-bottom:13px} #spotlight ul{width:226px; margin-left:2px} #spotlight ul li{font:10px/14px Tahoma, sans-serif; background:url(consulting-co-images/arrow1.gif) 0 0 no-repeat; padding-left:20px; height:18px; padding-top:1px} #spotlight ul li a{color:#ef6d21; text-decoration:underline;} #spotlight ul li a:hover{color:#fff; text-decoration:none; background:#000} #partners{width:405px; float:left; margin-top:23px} #partners h2{height:16px; position:relative; background:url(consulting-co-images/h_partners.gif) 0 0 no-repeat; margin-bottom:13px} #partners img{float:left; margin-right:13px} #partners p span{display:block; margin-bottom:5px} /* FOOTER */ #footer{height:51px; clear:both; width:775px; background: url(consulting-co-images/b_footer.jpg) 0 0 repeat-x} #footer p{padding: 10px 0 0 0; font:10px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#848484;} #footer p a{font:10px/16px Tahoma, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 3px } #footer p a:hover{text-decoration:none; background:#848484; color:#fff} </style> </head> <body> <div id="container"> <div id="header"> <img src="consulting-co-images/logo.jpg" width="312" height="56" alt="" id="logo" /> <ul class="menu"> <li class="btn_1"><a href="#">home page</a></li> <li class="btn_2"><a href="#">about us</a></li> <li class="btn_3"><a href="#">services</a></li> <li class="btn_4"><a href="#">solutions</a></li> <li class="btn_5"><a href="#">support</a></li> <li class="btn_6"><a href="#">contacts</a></li> </ul> </div> <div id="content1"> <div id="welcome"> <h2></h2> <p><span class="headline">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam eu nulla. Donec lobortis purus vel urna. Nunc laoreet lacinia nunc. In volutpat sodales ipsum.</span> Morbi volutpat leo in ligula. Integer vel magna. Quisque ut magna et Fusce elit ligula, sodales sit amet interdum. Maecenas eu elit Aliquam quis ante in ipsum auctor viverra. <a href="#">| more</a></p> </div> <div id="services"> <h2></h2> <img src="consulting-co-images/img_services.jpg" width="79" height="59" alt="" /> <p class="headline">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam eu nulla. Donec lobortis </p> <div class="clear"></div> <p>Morbi volutpat leo in ligula. Integer vel magna ligula, sodales sit amet interdum. Maecenas eu elit Aliquam quis ante in auctor viverra. <a href="#">| more</a></p> </div> <div id="solutions"> <h2></h2> <div id="Sol01"> <img src="consulting-co-images/ico_management.jpg" width="72" height="66" alt="" /> <p class="headline">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam eu nulla. Donec lobortis </p> <div class="clear"></div> <p>Morbi volutpat leo in ligula. Integer interdum. Maecenas eu elit Aliquam quis ante in auctor viverra. <a href="#">| more</a></p> </div> <div id="Sol02"> <img src="consulting-co-images/ico_management-10.jpg" width="78" height="66" alt="" /> <p class="headline">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam eu nulla. Donec lobortis </p> <div class="clear"></div> <p>Morbi volutpat leo in ligula. Integer interdum. Maecenas eu elit Aliquam quis ante in auctor viverra. <a href="#">| more</a></p> </div> </div> <div class="clear"></div> </div> <div id="content2"> <div id="spotlight"> <h2></h2> <ul> <li><a href="#">Morbi volutpat leo in ligula. Integer vel </a></li> <li><a href="#">magna. Quisque ut magna et Fusce elit </a></li> <li><a href="#">ligula, sodales sit amet interdum. Maecenas </a></li> <li><a href="#">eu elit Aliquam quis ante in ipsum auctor </a></li> <li><a href="#">Morbi volutpat leo in ligula. Integer vel </a></li> </ul> </div> <div id="partners"> <h2></h2> <img src="consulting-co-images/img_partners.jpg" width="133" height="89" alt="" /> <p><span class="headline">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam eu nulla. Donec lobortis purus</span> Morbi volutpat leo in ligula. Integer vel magna. Quisque ut magna et Fusce elit ligula, sodales sit amet interdum. Maecenas eu elit Aliquam quis ante in ipsum auctor viverra. <a href="#">| more</a></p> <div class="clear"></div> </div> </div> <div id="footer"> <p><a href="#">HOME</a> | <a href="#">ABOUT US</a> | <a href="#">SERVICES</a> | <a href="#">SOLUTIONS</a> | <a href="#">SUPPORT</a> | <a href="#">NEWS</a> | <a href="#">CONTACTS</a><br/> Copyright © Your Company Name | Design by <a href="http://freshtemplates.com/">Website Templates</a></p> </div> </div> </body> </html>