Hi everybody,

    I am new to dotnetnuke.I am working on a simple application for my client.I unable to apply design for my page nagivation bar. I have uploaded my site to this url http://dnn.mavinsoft.com/dnn/Home/tabid/36/Default.aspx, in this url see the nagivation bar.Just it is a simple bar without any mouse hover effects. And my required navigation bar can be view here http://sunhousepetroleum.com/.It is developed in flash.

  Here I required tabbed style for my navigation bar.Plz suggest me how to apply styles to navigation bar and also suggest neccessary documents and any online help.

  Thanks in advance.

Thank you for ur reply.I didnt refer it. Plz can u suggest me that url

my dnn controll and styles are not aligned propery, plz review following code

<dnn:NAV runat="server" ID="dnnNAV" ProviderName="DNNMenuNavigationProvider" CSSControl="main_dnnmenu_bar"
                CSSContainerRoot="main_dnnmenu_container" CSSNode="main_dnnmenu_item" CSSNodeRoot="main_dnnmenu_rootitem"
                IndicateChildren="false" CSSContainerSub="main_dnnmenu_submenu" CSSBreak="main_dnnmenu_break"
                CSSNodeHover="main_dnnmenu_itemhover" />

styles

.main_dnnmenu_bar
{
 cursor:auto;
 height:25px;
 line-height: 30px;
 background-color: Transparent;
 padding: 0px 0px 0px 0px;
 
}

.main_dnnmenu_rootitem 
{ /* Add TD if yes for tables option for menu */
 cursor:auto;
 color: #ffffff;
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 background-color: #F18A45;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 white-space: nowrap;  /*Word wrapping menu item now optional*/  
 padding: 2px 50px 2px 51px;  /* creates spacing between root menu items */
 margin: 0px 0px 0px 4px;
 height: 25px;
  
}

.main_dnnmenu_itemhover
{ 
 background-color: #FF6400;

}