The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.

If you would like the navigation along the top, simply move the ul.nav to the top of the page and recreate the styling.

Company Profile

Ain Al Hayat General Trading is an international company based in Dubai and it was founded in December 2014.

The company is providing highly competitive, faster and professional service. We facilitates a smooth flow of goods from the producer to the customer, giving value to all.
Ain Al Hayat General Trading is specialized in trading activity of Frozen Foods, Dry Goods, Cooking Oil, Car Accessories, Electronics, Home Appliances and Jewelry.

Our group is specialist with profound knowledge of each particular country, conducting extensive market research and with product expertise which provide the customers with quality product, best service and competitive in the most efficient and professional way. We meet business challengesinnovatively and pride in our ears on the ground thus responding proactively to our customers problems in current volatile markets. We monitor daily and analyzes the situation for each indicator of the global chain.

Our Group will be happy to have the opportunity to start working with you, we will provide professional approach to the business and we will work hard to give your satisfaction.

“We are your Permanent Business Partner that you can Trust and your Satisfaction is our Honor and Pleasure”


Our goal is to satisfy the evolving needs of our customers by providing unparalleled service and superior products in affordable price to meet their satisfaction.


To be strong in Local and International Market with sophisticated and innovative tools via excellence in Sales, competitive marketing execution and effective distribution.



Internet Explorer Conditional Comments

These liquid layouts contain an Internet Explorer Conditional Comment (IECC) to correct two issues.

  1. Browsers are inconsistent in the way they round div sizes in percent-based layouts. If the browser must render a number like 144.5px or 564.5px, they have to round it to the nearest whole number. Safari and Opera round down, Internet Explorer rounds up and Firefox rounds one column up and one down filling the container completely. These rounding issues can cause inconsistencies in some layouts. In this IECC there is a 1px negative margin to fix IE. You may move it to any of the columns (and on either the left or right) to suit your layout needs.
  2. The zoom property was added to the anchor within the navigation list since, in some cases, extra white space will be rendered in IE6 and IE7. Zoom gives IE its proprietary hasLayout property to fix this issue.


By nature, the background color on any div will only show for the length of the content. If you'd like a dividing line instead of a color, place a border on the side of the .content div (but only if it will always contain more content).