corporateprofiles
<!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>Coporate Profiles</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */
body{padding:0px; margin:0px; background:url(corporateprofiles-images/mainbg.gif) 0 0 repeat-x #fff; color:#666; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{background:#fff; color:#000; text-decoration:none;}
a:hover{background:#fff; color:#666; text-decoration:underline;}
/*----TOP PANEL----*/
#topPan{width:778px; height:87px; position:relative; margin:0 auto;}
#topPan #ImgPan{width:229px; height:52px; background:#fff; color:#666; position:absolute; top:35px; left:0px; padding:0 0 0 35px;}
#topPan #ImgPan img{width:201px; height:52px;}
#topPan ul{width:468px; height:32px; position:absolute; top:43px; right:45px;}
#topPan ul li{width:78px; height:32px; float:left;}
#topPan ul li a{width:76px; height:32px; display:block; background:url(corporateprofiles-images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; color:#666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#topPan ul li a:hover{background:url(corporateprofiles-images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}
#topPan ul li.home{background:url(corporateprofiles-images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{width:689px; position:relative; margin:0 auto;}
#bodyPan p.toptextpadding{padding:25px 0 0;}
#bodyPan p span{background:#fff; color:#D20039;}
#bodyPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(corporateprofiles-images/more-bg.gif) 0 0 no-repeat;}
#bodyPan p.more a{width:70px; height:22px; display:block; background:url(corporateprofiles-images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#bodyPan p.more a:hover{background:url(corporateprofiles-images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}
/*----Body Middle Panel----*/
#bodyMiddlePan{width:689px; position:relative; margin:0 auto;}
/*----Middle Left Panel----*/
#MiddleLeftPan{width:232px; float:left;}
#MiddleLeftPan p{padding:14px 0 0; line-height:18px;}
#MiddleLeftPan p.largegraytext{font-size:18px;}
#MiddleLeftPan p.more{width:81px; height:22px; display:block; margin:15px 0 0 145px; background:url(corporateprofiles-images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleLeftPan p.more a{width:70px; height:22px; display:block; background:url(corporateprofiles-images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleLeftPan p.more a:hover{background:url(corporateprofiles-images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}
#MiddleLeftPan p.chat{width:232px; height:70px; padding:14px 0 36px;}
#MiddleLeftPan p.chat a{width:232px; height:70px; display:block; background:url(corporateprofiles-images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}
#MiddleLeftPan p.chat a:hover{background:url(corporateprofiles-images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}
#MiddleLeftPan h2{width:210px; height:50px; display:block; background:url(corporateprofiles-images/icon1.jpg) 100% 0 no-repeat #fff; color:#D20039; border-bottom:1px dashed #BDB9B9; font-size:24px; line-height:22px; padding:0 20px 0 0;}
#MiddleLeftPan h2 span{background:#fff; color:#545454; font-weight:bold; font-size:14px; text-transform:uppercase;}
/*----/Middle Left Panel----*/
/*----Middle Right Panel----*/
#MiddleRightPan{width:384px; float:left; padding:0 0 0 73px;}
#MiddleRightTopPan{width:384px; height:203px; background:url(corporateprofiles-images/image1.jpg) 0 100% no-repeat; padding:29px 0 0; margin:0 0 40px 0;}
#MiddleRightTopPan p.fresh{width:108px; height:24px; display:block; margin:0 0 0 208px; font-size:20px; text-transform:uppercase;}
#MiddleRightTopPan p.business{width:170px; height:20px; display:block; margin:0 0 0 210px; background:url(corporateprofiles-images/dotline.gif) 0 100% repeat-x #fff; color:#6BB600; font-size:27px; text-transform:uppercase; text-align:right;}
#MiddleRightPan h2{width:380px; height:20px; background:url(corporateprofiles-images/dotline.gif) 0 100% repeat-x #fff; color:#6BB600; font-size:24px;}
#MiddleRightPan p{padding:8px 0 0;}
#RightListfastPan{width:200px; float:left; padding:10px 0 0;}
#RightListfastPan ul{width:200px;}
#RightListfastPan ul li{width:200px; height:20px; float:left;}
#RightListfastPan ul li a{width:190px; line-height:20px; background:url(corporateprofiles-images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListfastPan ul li a:hover{background:url(corporateprofiles-images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}
#RightListnextPan{width:180px; float:left; padding:10px 0 0;}
#RightListnextPan ul{width:180px;}
#RightListnextPan ul li{width:180px; height:20px; float:left;}
#RightListnextPan ul li a{width:160px; line-height:20px; background:url(corporateprofiles-images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListnextPan ul li a:hover{background:url(corporateprofiles-images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}
/*----/Middle Right Panel----*/
/*----Footer Panel----*/
#footermainPan{background:url(corporateprofiles-images/footerbg.gif) 0 0 repeat-x #F4F4F4; color:#212121; position:relative; margin:0 auto; height:133px; clear:both;}
#footerPan{width:689px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0 0;}
#footerPan ul{width:450px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#212121; background:#F4F4F4; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul.templateworld{width:190px; background:#F4F4F4; color:#212121; display:block; position:relative; margin:0 auto; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F4F4F4; display:block; color:#212121; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}
#footerPan p.copyright{width:250px; background:#F4F4F4; color:#212121; position:relative; margin:0 auto;}
#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:73px; left:270px;}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}
#footerPancss{width:64px; height:19px; display:block; position:absolute; top:73px; left:336px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:0px; left:0px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}
</style>
</head>
<body>
<div id="topPan">
<div id="ImgPan"><a href="http://www.free-css.com/"><img src="corporateprofiles-images/logo.gif" title="Coporate Profiles" alt="Coporate Profiles" width="201" height="52" border="0" /></a> </div>
<ul>
<li class="home">home</li>
<li><a href="http://www.free-css.com/">about us</a></li>
<li><a href="http://www.free-css.com/">support</a></li>
<li><a href="http://www.free-css.com/">solutions</a></li>
<li><a href="http://www.free-css.com/">testimonials</a></li>
<li><a href="http://www.free-css.com/">contact</a></li>
</ul>
</div>
<div id="bodyPan">
<p class="toptextpadding">Corporate Profiles is a free, tableless, W3C-compliant web design layout by Template World. This template has been tested and proven compatible with all major browser environments and operating systems. You are free to modify the design to suit your tastes in any way you like. We only ask you to not remove <span>"Design by Template World"</span> and the link http://www.templateworld.com from the footer of the template.</p>
<p class="toptextpadding">If you are interested in seeing more of our free web template designs feel free to visit our website, Template World. We intend to add at least 25 new free templates in the coming month.</p>
<p class="more"><a href="http://www.free-css.com/">read more</a></p>
</div>
<div id="bodyMiddlePan">
<div id="MiddleLeftPan">
<h2>best motivations<br />
<span>dis parturient montes</span></h2>
<p>Lorem ipsum dolor sitconsectetuer adipiscing elit. Aliquam vehiculaqu. Maecenas id dui a turpis venenatis placerat. Sed vel sapien nec minec consequat mollis. Suspendissemollis condimentum augue a nisi.</p>
<p class="largegraytext">Maecenas id dui a turpis ven placerat. Sed vel sapien</p>
<p>Lorem ipsum dolor sitconsectetuer adipiscing elit. Aliquam vehiculaqu. Maecenas id dui a turpis venenatis placerat. Sed vel sapien nec minec consequat mollis.Suspendissemollis condimentum augue a nisi.</p>
<p class="more"><a href="http://www.free-css.com/">read more</a></p>
<p class="chat"><a href="http://www.free-css.com/">24 hours chat</a></p>
</div>
<div id="MiddleRightPan">
<div id="MiddleRightTopPan">
<p class="fresh">fresh for </p>
<p class="business">business</p>
</div>
<h2>best services</h2>
<p>Lorem ipsum dolor sitconsectetuer adipiscing elit. Aliquam vehiculaqu. Maecenas id dui a turpis venenatis placerat. Sed vel </p>
<div id="RightListfastPan">
<ul>
<li><a href="http://www.free-css.com/">Lorem ipsum dolor</a></li>
<li><a href="http://www.free-css.com/">sitconsectetuer adipiscing</a></li>
<li><a href="http://www.free-css.com/">Aliquam vehiculaqu.</a></li>
<li><a href="http://www.free-css.com/">Maecenas id dui a turpis</a></li>
<li><a href="http://www.free-css.com/">venenatis</a></li>
</ul>
</div>
<div id="RightListnextPan">
<ul>
<li><a href="http://www.free-css.com/">Lorem ipsum dolor</a></li>
<li><a href="http://www.free-css.com/">sitconsectetuer adipiscin</a></li>
<li><a href="http://www.free-css.com/">Aliquam vehiculaqu.</a></li>
<li><a href="http://www.free-css.com/">Maecenas id dui a turpis</a></li>
<li><a href="http://www.free-css.com/">venenatis</a></li>
</ul>
</div>
</div>
</div>
<div id="footermainPan">
<div id="footerPan">
<ul>
<li><a href="http://www.free-css.com/">home</a>|</li>
<li><a href="http://www.free-css.com/">about us</a> |</li>
<li><a href="http://www.free-css.com/">support</a>|</li>
<li><a href="http://www.free-css.com/">solution</a> |</li>
<li><a href="http://www.free-css.com/">testimonials</a> |</li>
<li><a href="http://www.free-css.com/">contact</a></li>
</ul>
<p class="copyright">corporate profiles 2006 all right reaserved</p>
<div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer">XHTML</a></div>
<div id="footerPancss"><a href="http://jigsaw.w3.org/css-validator/check/referer">css</a></div>
<ul class="templateworld">
<li>Design by:</li>
<li><a href="http://www.templateworld.com">Template World</a></li>
</ul>
</div>
</div>
</body>
</html>
Related examples in the same category