business-llc
?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Business LLC | About Us</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
* { margin:0; padding:0;}
html, body { height:100%;}
body { background:#717171; font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1em; color:#404141;}
input, select, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}
p { margin-bottom:16px;}
/*forms*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top;}
#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both; padding-bottom:7px; width:100%; overflow:hidden;}
#contacts-form label { float:left; width:79px; color:#2cb6e9; font-weight:bold;}
#contacts-form input { width:240px; padding:2px 0 2px 3px; border:1px solid #d9d9d9; background:none;}
#contacts-form textarea { width:790px; height:192px; border:1px solid #d9d9d9; background:none; padding:2px 0 2px 3px; margin-bottom:15px; overflow:auto;}
#contacts-form .button { width:150px; float:right;}
/*list*/
ul { list-style:none;}
.list1 li { padding-bottom:32px;}
.list1 li p { margin-bottom:6px;}
.list1 li a { font-weight:bold;}
.list2 { padding:4px 0 10px 0;}
.list2 li { width:100%; overflow:hidden; padding-bottom:20px;}
.list2 li.last { padding-bottom:0 !important;}
.list2 li img { float:left; margin-right:20px;}
.list2 li h5 { padding-top:6px;}
.list2 li h6 { padding-top:15px;}
.list3 li { list-style-type:disc; list-style-position:inside; padding-bottom:15px;}
.list3.color1 li { color:#58b01f;}
.list3.color2 li { color:#ff8002;}
.list3.color3 li { color:#f32e10;}
.list3 li span { color:#404141 !important;}
.list4 dt { font-weight:bold; margin-bottom:16px; color:#2cb6e9;}
.list4 dd { padding-bottom:16px;}
.carousel { width:100%; overflow:hidden;}
.carousel li { float:left; margin-right:15px;}
.carousel li.prev { margin-right:17px; padding-top:74px;}
.carousel li.next { margin-right:0; padding-top:74px;}
.phones-list li { width:100%; overflow:hidden; padding-bottom:16px;}
.phones-list li strong { float:left; width:69px; color:#2cb6e9;}
/*other*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-indent.fright { float:right; margin:0 0 0 20px;}
.img-indent.alt { margin-bottom:30px;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}
.extra-wrap { overflow:hidden; }
/*txt, links, lines, titles*/
a {color:#2cb6e9; outline:none;}
a:hover{text-decoration:none;}
h1 { font-size:3em; line-height:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; letter-spacing:-1px; width:400px; margin-bottom:42px;}
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; margin-bottom:23px; color:#515151;}
h2.alt { letter-spacing:-1px;}
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.1em; margin-bottom:10px;}
h4 { font-size:.91em; margin-bottom:10px;}
h4 strong { font-size:1.1em; color:#2cb6e9; display:block;}
h5 { font-size:1em; margin-bottom:5px;}
h6 { font-size:1em; font-weight:normal;}
.txt1 { color:#2cb6e9;}
/*header*/
#header .row-1 { height:137px;}
#header .logo { float:left; padding:22px 0 0 10px;}
#header .top-links { float:right; padding:45px 35px 0 0;}
#header .top-links li { float:left; margin-left:8px;}
#header .nav-box { background:url(business-llc-images/nav-box-bg.gif) left top repeat-x; width:100%;}
#header .nav-box .left { background:url(business-llc-images/nav-box-left.gif) no-repeat left top;}
#header .nav-box .right { background:url(business-llc-images/nav-box-right.gif) no-repeat right top; height:47px;}
/*-- header navigation --*/
#header .nav-box ul { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#header .nav-box ul li { display:inline;}
#header .nav-box ul li a { display:block; float:left; color:#fff; text-decoration:none; }
#header .nav-box ul li a em { display:block; float:left; font-style:normal; background:url(business-llc-images/divider-left.gif) no-repeat left 10px;}
#header .nav-box ul li a em b { display:block; float:left; height:47px; line-height:47px; width:158px; text-align:center; background:url(business-llc-images/divider-right.gif) no-repeat right 10px; cursor:pointer;}
#header .nav-box ul li a:hover { background:url(business-llc-images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a:hover em { background:url(business-llc-images/divider-left-act.gif) no-repeat left 10px;}
#header .nav-box ul li a:hover b { background:url(business-llc-images/divider-right-act.gif) no-repeat right 10px;}
#header .nav-box ul li a.current { background:url(business-llc-images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a.current em { background:url(business-llc-images/divider-left-act.gif) no-repeat left 10px;}
#header .nav-box ul li a.current b { background:url(business-llc-images/divider-right-act.gif) no-repeat right 10px;}
#header .nav-box ul li a.first em { background:none;}
#header .nav-box ul li a.first:hover em { background:url(business-llc-images/nav-left-act.gif) no-repeat left top;}
#header .nav-box ul li a.first-current { background:url(business-llc-images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a.first-current em { background:url(business-llc-images/nav-left-act.gif) no-repeat left top !important;}
#header .nav-box ul li a.first-current b { background:url(business-llc-images/divider-right-act.gif) no-repeat right 10px;}
#header .nav-box ul li a.last b { background:none; width:160px;}
#header .nav-box ul li a.last:hover b { background:url(business-llc-images/nav-right-act.gif) no-repeat right top;}
#header .nav-box ul li a.last-current { background:url(business-llc-images/nav-act.gif) left top repeat-x; }
#header .nav-box ul li a.last-current em { background:url(business-llc-images/divider-left-act.gif) no-repeat left 10px;}
#header .nav-box ul li a.last-current b { background:url(business-llc-images/nav-right-act.gif) no-repeat right top !important; width:160px;}
/*content*/
#content { padding:0 0 20px 0; background:#fff;}
#content .section { padding-bottom:20px;}
#content .button { background:url(business-llc-images/button-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button em { display:block; font-style:normal; background:url(business-llc-images/button-left.gif) no-repeat left top;}
#content .button em b { display:block; height:35px; line-height:35px; background:url(business-llc-images/button-right.gif) no-repeat right top; cursor:pointer;}
#content .button:hover { color:#000;}
#content .button1 { background:url(business-llc-images/button1-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button1 em { display:block; font-style:normal; background:url(business-llc-images/button1-left.gif) no-repeat left top;}
#content .button1 em b { display:block; height:35px; line-height:35px; background:url(business-llc-images/button1-right.gif) no-repeat right top; cursor:pointer;}
#content .button1:hover { color:#000;}
#content .button2 { background:url(business-llc-images/button2-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button2 em { display:block; font-style:normal; background:url(business-llc-images/button2-left.gif) no-repeat left top;}
#content .button2 em b { display:block; height:35px; line-height:35px; background:url(business-llc-images/button2-right.gif) no-repeat right top; cursor:pointer;}
#content .button2:hover { color:#000;}
#content .button3 { background:url(business-llc-images/button3-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button3 em { display:block; font-style:normal; background:url(business-llc-images/button3-left.gif) no-repeat left top;}
#content .button3 em b { display:block; height:35px; line-height:35px; background:url(business-llc-images/button3-right.gif) no-repeat right top; cursor:pointer;}
#content .button3:hover { color:#000;}
.main-banner-big { background:url(business-llc-images/main-banner-big.jpg) no-repeat left top; width:950px; height:303px; margin-bottom:20px;}
.main-banner-big .inner { padding:70px 0 0 52px;}
.main-banner-big .button { background:url(business-llc-images/button.jpg) no-repeat left top !important; width:170px; height:36px; line-height:32px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.75em; text-align:center; color:#fff; text-decoration:none; text-transform:none !important;}
.main-banner-big .button:hover { color:#000;}
.main-banner-small { background:url(business-llc-images/main-banner-small.jpg) no-repeat left top; width:950px; height:163px; margin-bottom:20px;}
.main-banner-small .inner { padding:47px 0 0 52px;}
.main-banner-small h1 { font-size:30px; width:350px;}
/*extra-content*/
#extra-content { background:#ededed; border-bottom:1px solid #fff; padding:20px 0 29px 0;}
#extra-content .section { padding-bottom:20px;}
#extra-content .box { background:url(business-llc-images/box1-bg.gif) left top repeat-x #fff; width:100%;}
#extra-content .box .border-top {background:url(business-llc-images/border.gif) repeat-x top;}
#extra-content .box .border-bot {background:url(business-llc-images/border.gif) repeat-x bottom;}
#extra-content .box .border-left {background:url(business-llc-images/border.gif) repeat-y left;}
#extra-content .box .border-right {background:url(business-llc-images/border.gif) repeat-y right;}
#extra-content .box .left-top-corner {background:url(business-llc-images/left-top-corner1.gif) no-repeat left top;}
#extra-content .box .right-top-corner {background:url(business-llc-images/right-top-corner1.gif) no-repeat right top;}
#extra-content .box .left-bot-corner {background:url(business-llc-images/left-bot-corner1.gif) no-repeat left bottom; width:100%;}
#extra-content .box .right-bot-corner {background:url(business-llc-images/right-bot-corner1.gif) no-repeat right bottom; }
/*boxes*/
.box { background:url(business-llc-images/box-bg.gif) left top repeat-x; width:100%;}
.box .border-top {background:url(business-llc-images/border.gif) repeat-x top;}
.box .border-bot {background:url(business-llc-images/border.gif) repeat-x bottom;}
.box .border-left {background:url(business-llc-images/border.gif) repeat-y left;}
.box .border-right {background:url(business-llc-images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(business-llc-images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(business-llc-images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(business-llc-images/left-bot-corner.gif) no-repeat left bottom; width:100%;}
.box .right-bot-corner {background:url(business-llc-images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:27px 35px 30px 34px;}
.box1 { background:#ededed; width:100%;}
.box1 .border-top {background:url(business-llc-images/border-top.gif) repeat-x top;}
.box1 .border-bot {background:url(business-llc-images/border-bot.gif) repeat-x bottom;}
.box1 .border-left {background:url(business-llc-images/border-left.gif) repeat-y left;}
.box1 .border-right {background:url(business-llc-images/border-right.gif) repeat-y right;}
.box1 .left-top-corner {background:url(business-llc-images/left-top-corner2.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(business-llc-images/right-top-corner2.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(business-llc-images/left-bot-corner2.gif) no-repeat left bottom; width:100%;}
.box1 .right-bot-corner {background:url(business-llc-images/right-bot-corner2.gif) no-repeat right bottom; }
.box1 .inner { padding:27px 35px 30px 34px;}
.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}
/*footer*/
#footer { color:#fff; padding:27px 0 30px 0;}
#footer .nav { text-align:center; padding-bottom:30px;}
#footer .nav li { display:inline;}
#footer .nav li a { color:#fff; padding:0 52px 0 49px;}
#footer .fleft { padding:0 0 0 44px;}
#footer .fright { padding:0 44px 0 0;}
/**/
</style>
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
<!--[if lt IE 7]><link href="ie_style.css" rel="stylesheet" type="text/css" /><![endif]-->
</head>
<body id="page2" onload="new ElementMaxHeight();">
<!-- header -->
<div id="header">
<div class="container">
<div class="row-1">
<div class="logo"><a href="#"><img alt="" src="business-llc-images/logo.jpg" /></a></div>
<ul class="top-links">
<li><a href="#"><img alt="" src="business-llc-images/top-icon1.jpg" /></a></li>
<li><a href="#"><img alt="" src="business-llc-images/top-icon2.jpg" /></a></li>
<li><a href="#"><img alt="" src="business-llc-images/top-icon3.jpg" /></a></li>
</ul>
</div>
<div class="row-2">
<!-- nav box begin -->
<div class="nav-box">
<div class="left">
<div class="right">
<ul>
<li><a href="index.html" class="first"><em><b>HOME</b></em></a></li>
<li><a href="about-us.html" class="current"><em><b>ABOUT US</b></em></a></li>
<li><a href="solutions.html"><em><b>SOLUTIONS</b></em></a></li>
<li><a href="partners.html"><em><b>PARTNERS</b></em></a></li>
<li><a href="consulting.html"><em><b>CONSULTING</b></em></a></li>
<li><a href="contact-us.html" class="last"><em><b>CONTACT US</b></em></a></li>
</ul>
</div>
</div>
</div>
<!-- nav box end -->
</div>
</div>
</div>
<!-- content -->
<div id="content">
<div class="container">
<!-- main-banner-small begin -->
<div class="main-banner-small">
<div class="inner">
<h1>Even the biggest success Starts with a first step</h1>
</div>
</div>
<!-- main-banner-small end -->
<div class="section">
<!-- box begin -->
<div class="box">
<div class="border-top">
<div class="border-right">
<div class="border-bot">
<div class="border-left">
<div class="left-top-corner">
<div class="right-top-corner">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<h2>About BigBusiness LLC</h2>
This is a perfect place to place some sort of impressive info on how great your company is (it is great after all, isnt it?). Dont hesitate to put here anything that you think may positively influence the audience - whatever that may be (including what pets live in your office). But what you usually see at most of the About Us? pages is the history of the project, team members, some sort of mission and objectives statements - thats the standard for the corporate website. </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- box end -->
</div>
<div class="section">
<!-- box begin -->
<div class="box">
<div class="border-top">
<div class="border-right">
<div class="border-bot">
<div class="border-left">
<div class="left-top-corner">
<div class="right-top-corner">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<h2>Our History</h2>
<img class="img-indent alt" alt="" src="business-llc-images/image_122x122.gif" />
<p>Ok, we all have started with something, right? Whatever your story is, it is better that you share the most significant parts of this story with the audience. Plus you may want to put some timeline-style milestones. Like these ones:</p>
<p><strong class="txt1">1997</strong> - started out as garage-based financial expert consulting his classmates and his grandpa.</p>
<img class="img-indent fright" alt="" src="business-llc-images/image_122x122.gif" />
<p><strong class="txt1">1998 - 2000</strong> - the company still works in garage but the secretary has now joined the team after two-year negotiations.</p>
<p><strong class="txt1">2000 - 2003</strong> - moved to a real office because Johns mom and dad bought a second car and theres no more room in the garage.</p>
<p><strong class="txt1">2003 - 2008</strong> - the company became one of the top players of the financial market.</p>
<strong class="txt1">2008</strong> - present - well, recession... Back to the garage...
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- box end -->
</div>
<!-- box begin -->
<div class="box">
<div class="border-top">
<div class="border-right">
<div class="border-bot">
<div class="border-left">
<div class="left-top-corner">
<div class="right-top-corner">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<h2>Our Team</h2>
<ul class="list2">
<li> <img alt="" src="business-llc-images/image_87x87.gif" />
<h4><strong>John Doe</strong> President and a big boss</h4>
The presidents always come first, but were sure you knew that. So here it is - the info about the biggest man on your company. </li>
<li> <img alt="" src="business-llc-images/image_87x87.gif" />
<h4><strong>Sam Cohen</strong> Vice president</h4>
Also some kind of info about how good he is at whatever he does - thats what vice presidents are for. </li>
<li class="last"> <img alt="" src="business-llc-images/image_87x87.gif" />
<h4><strong>Jane Doe</strong> Personal assistant</h4>
This nice lady would love if you say a couple of good words about her on this page. Besides, its not a big deal for you - than why dont you be nice and just put the info. </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- box end -->
</div>
</div>
<!-- extra-content -->
<div id="extra-content">
<div class="container">
<!-- box begin -->
<div class="box">
<div class="border-top">
<div class="border-right">
<div class="border-bot">
<div class="border-left">
<div class="left-top-corner">
<div class="right-top-corner">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<h2>Photos Gallery</h2>
<div class="carousel">
<ul>
<li class="prev"><img alt="" src="business-llc-images/prev.gif" /></li>
<li><img alt="" src="business-llc-images/image_261x179.gif" /></li>
<li><img alt="" src="business-llc-images/image_261x179.gif" /></li>
<li><img alt="" src="business-llc-images/image_261x179.gif" /></li>
<li class="next"><img alt="" src="business-llc-images/next.gif" /></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- box end -->
</div>
</div>
<!-- footer -->
<div id="footer">
<div class="container">
<ul class="nav">
<li><a href="#">Home</a>|</li>
<li><a href="#">About Us</a>|</li>
<li><a href="#">Solutions</a>|</li>
<li><a href="#">Partners</a>|</li>
<li><a href="#">Consulting</a>|</li>
<li><a href="#">Contact Us</a></li>
</ul>
<div class="wrapper">
<div class="fleft">Copyright © 2009 <a href="#">Name Here</a>. All Rights Reserved</div>
<div class="fright">Designed by TemplateMonster - <a href="http://www.templatemonster.com">Website templates</a> provider</div>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category