Attractive Menu
And Modelest Dropdown
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="#"
content="#"
name="description"
/>
<title>Modelest Menu</title>
<link href="css/home_new.css"
rel="stylesheet"
type="text/css"
/>
<link href="css/main.css"
rel="stylesheet"
type="text/css"
/>
<link href="css/nav.css"
rel="stylesheet"
type="text/css"
/>
<link href="css/dddropdownpanel.css"
rel="stylesheet"
type="text/css"
/>
<script type="text/javascript"
src="js/jquery-nv.js"></script>
<script type="text/javascript"
src="js/dddropdownpanel.js"></script>
<script type="text/javascript"
src="js/dropdowncontent.js"></script>
<script type="text/javascript"
src="js/dropmenu.js"></script>
<style type="text/css">
.header{background:url(images/header_image.jpg); background-repeat:no-repeat; background-position:center
top; height:236px}
</style>
</head>
<body>
<table width="100%"
border="0"
cellspacing="00"
cellpadding="0">
<tr>
<td align="center"
valign="top">
<table
width="963"
border="0"
cellspacing="00"
cellpadding="0">
<tr>
<td align="right" valign="middle">
<table width="250" border="0" cellspacing="00"
cellpadding="0">
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center"
valign="top">
<table
width="963"
border="0"
cellspacing="00"
cellpadding="0">
<tr>
<td>
<div class="mainBg"
style="height: auto; width: auto;">
<div id="container"
style="height: auto; width: auto; background: none">
<div id="header" style="height: auto; width: auto; background: none">
<div class="CL navStyle"
id="nav">
<ul>
<li
class="hairA"><a href="#" class="first" rel="hairA" style="width: 103px"><strong>
•</strong> FASHION </a></li>
<li
class="fashionA"><a href="#" rel="fashionA" style="width: 103px"><strong>•</strong>
ENTERTAINMENT</a></li>
<li
class="expertA"><a href="#" rel="expertA" style="width: 103px"><strong>•</strong>
BEAUTY</a></li>
<li
class="makeoverA"><a href="#" rel="makeoverA" style="width: 103px"><strong>•</strong>
LIFE STYLE</a></li>
<li
class="showA"><a href="#" rel="showA" style="width: 103px"><strong>•</strong>
ART </a></li>
<li
class="enteA"><a href="#" rel="enteA" style="width: 103px"><strong>•</strong>
WELLNESS</a></li>
<li
class="coCreatA"><a href="#"><strong>•</strong> MODEL MATERIAL</a></li>
</ul>
</div>
<div id="hairA" class="ddMenu">
<table width="270px"
border="0"
cellspacing="0"
cellpadding="0">
<tr>
<td
width="168"
class="brd">
<a href="#">Fashion
Buzz</a>
<p>
Catch the latest flashbulb
<br
/>
here...
</p>
</td>
<td
width="39"
align="left">
<img
src="images/arrowmenu.png"
alt="Hair
Care" width="11"
height="30"
/>
</td>
<td
width="63">
<a href="#" class="img">
<img
src="images/fbt.jpg"
alt="Fashion
Buzz" width="63"
height="42"
/></a>
</td>
</tr>
<tr>
<td
width="168"
class="brd">
<a href="#">Collection
Unveiled</a>
<p>
Preview of latest
<br />
designer collection...</p>
</td>
<td
width="39">
<img src="images/arrowmenu.png"
alt="Collection
Unveiled" width="11" height="30" />
</td>
<td
width="63">
<a href="#" class="img">
<img
src="images/dd_collection.jpg"
alt="Collection
Unveiled" width="63" height="42" /></a>
</td>
</tr>
<tr>
<td
width="168"
class="brd">
<a href="#">Lets talk</a>
<p>
Grab the latest
<br
/>
interactions here...</p>
</td>
<td
width="39">
<img src="images/arrowmenu.png" alt="Hair Care"
width="11"
height="30"
/>
</td>
<td
width="63">
<a href="#" class="img">
<img
src="images/dd_tete.jpg"
alt="Let's
Talk" width="63"
height="42"
/></a>
</td>
</tr>
<tr>
<td
width="168"
class="brdL">
<a href="stylegully.html">Style
gully</a>
<p>
From road side fashion<br />
to high end luxury</p>
</td>
<td
width="39">
<img
src="images/arrowmenu.png"
alt="Hair
Care" width="11"
height="30"
/>
</td>
<td
width="63">
<a href="#" class="img">
<img src="images/dd_stg.jpg"
alt="Style
Gully" width="63"
height="42"
/></a>
</td>
</tr>
</table>
</div>
<div id="fashionA"
class="ddMenu">
<table width="270px"
border="0"
cellspacing="0"
cellpadding="0">
<tr>
<td
width="168"
class="brd">
<a href="#">B-Town</a>
<p>
Mingled up
<br
/>
with stars here...</p>
</td>
<td
width="39">
<img
src="images/arrowmenu.png"
alt="B-Town"
width="11"
height="30"
/>
</td>
<td
width="63">
<a href="#" class="img">
<img
src="images/dd_stylenews.jpg"
alt="B-Town"
width="63"
height="42"
/></a>
</td>
</tr>
<tr>
<td
width="168"
class="brd">
<a href="#">Movie
review</a>
<p>
Straight sassy
reviews from
<br
/>
B-Town...</p>
</td>
<td
width="39">
<img
src="images/arrowmenu.png"
alt="Movie
Review" width="11" height="30" />
</td>
<td
width="63">
<a href="#" class="img">
<img
src="images/dd_makeuptrends.jpg"
alt="Movie
Review" width="63" height="42" /></a>
</td>
</tr>
<tr>
<td
width="168"
class="brdL">
<a href="#">Interview</a>
<p>
Grab the latest
interactionss
<br
/>
here...
<br
/>
</p>
</td>
<td>
<img
src="images/arrowmenu.png"
alt="Tete a
Tete" width="11"
height="30"
/>
</td>
<td>
<a href="#" class="img">
<img
src="images/dd_tete.jpg"
alt="Tete a
Tete" width="63"
height="42"
/></a>
</td>
</tr>
</table>
</div>
<div id="expertA"
class="ddMenu"
style="background: #FF0000">
<table width="270px"
border="0"
cellspacing="0"
cellpadding="0"
style="background: #FF0000">
<tr>
<td
width="168"
class="brd">
<a href="#">Hot
bod</a>
<p>
Treat yourself with
<br />
spicy tips...
</p>
</td>
<td width="39" align="left">
<img
src="images/arrowmenu.png"
alt="Hot Bod"
width="11"
height="30"
/>
</td>
<td width="63">
<a href="#" class="img">
<img
src="images/dd_hb.jpg"
alt="Hot Bod"
width="63"
height="42"
/></a>
</td>
</tr>
<tr>
<td
width="168"
class="brd">
<a href="#">Hot
Launches</a>
<p>
Discovery Unplugged
</p>
</td>
<td
width="39">
<img
src="images/arrowmenu.png"
alt="Hot
Launch" width="11" height="30" />
</td>
<td
width="63">
<a href="#" class="img">
<img src="images/dd_hotlaunches.jpg"
alt="Hot
Launch" width="63" height="42" /></a>
</td>
</tr>
</table>
</div>
<div id="makeoverA"
class="ddMenu"
style="background-color:
#E219E2">
<table width="270px"
border="0"
cellspacing="0"
cellpadding="0"
style="background-color:
#E219E2">
<tr>
<td
width="168"
class="brd">
<a href="#">Decor</a>
<p>
Revamp your furnishing
<br
/>
ideas...
</p>
</td>
<td
width="39"
align="left">
<img
src="images/arrowmenu.png"
alt="Decor"
width="11"
height="30"
/>
</td>
<td
width="63">
<a href="#" class="img">
<img
src="images/dd_forums.jpg"
alt="Decor"
width="63"
height="42"
/></a>
</td>
</tr>
<tr>
<td
width="168"
class="brd">
<a href="#">Dining</a>
<p>
Catch the grub zone
<br />
here!</p>
</td>
<td
width="39">
<img src="images/arrowmenu.png" alt="Dining"
width="11"
height="30"
/>
</td>
<td
width="63">
<a href="#" class="img">
<img
src="images/dd_dining.jpg"
alt="Dining"
width="63"
height="42"
/></a>
</td>
</tr>
<tr>
<td
width="168"
class="brd">
<a href="#">Page 3</a>
<p>
Hey! Party Animals
</p>
</td>
<td
width="39">
<img
src="images/arrowmenu.png"
alt="NightLife"
width="11"
height="30"
/>
</td>
<td
width="63">
<a href="#" class="img">
<img src="images/dd_nightlife.jpg" alt="NightLife"
width="63"
height="42"
/></a>
</td>
</tr>
</table>
</div>
<div id="showA" class="ddMenu">
<table width="270px"
border="0"
cellspacing="0"
cellpadding="0">
<tr>
<td
width="168"
class="brd">
<a href="#">Paintings</a>
<p>
Display your creative face
</p>
</td>
<td width="39">
<img
src="images/arrowmenu.png"
alt="Health
care" width="11"
height="30"
/>
</td>
<td width="63">
<a href="#" class="img">
<img
src="images/dd_art.jpg"
alt="Health
care" width="63"
height="42"
/></a>
</td>
</tr>
<tr>
<td
width="168"
class="brdL">
<a href="#">Books</a>
<p>
For the bookworm
<br
/>
in you...
</p>
</td>
<td
width="39">
<img
src="images/arrowmenu.png"
alt="Books"
width="11"
height="30"
/>
</td>
<td width="63">
<a href="#" class="img">
<img
src="images/dd_books.jpg"
alt="Books"
width="63"
height="42"
/></a>
</td>
</tr>
</table>
</div>
<div id="enteA" class="ddMenu">
<table width="270px"
border="0"
cellspacing="0"
cellpadding="0">
<tr>
<td width="168" class="brd">
<a href="#">Health
care</a>
<p>
Guide to fitness
</p>
</td>
<td
width="39">
<img
src="images/arrowmenu.png"
alt="Health
care" width="11"
height="30"
/>
</td>
<td
width="63">
<a href="#" class="img">
<img
src="images/dd_healthcare.jpg"
alt="Health
care" width="63"
height="42"
/></a>
</td>
</tr>
<tr>
<td
width="168"
class="brdL">
<a href="#">Gym
& Spa</a>
<p>
Blissful ways to pamper<br />
yourself...
</p>
</td>
<td
width="39">
<img src="images/arrowmenu.png"
alt="Spa"
width="11"
height="30"
/>
</td>
<td
width="63">
<a href="#" class="img">
<img
src="images/dd_spa.jpg"
alt="Spa"
width="63"
height="42"
/></a>
</td>
</tr>
</table>
</div>
<script type="text/javascript"> cssdropdown.startchrome("nav")</script>
</div>
<div class="flashDiv"
style="text-align: center">
</div>
</div>
<div id="footerlinks">
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
</td>
</tr>
</table>
</td>
</tr> </table>
</body>
</html>
