Skip navigation
Currently Being Moderated

I need help changing a drop down menu on a template

Nov 24, 2012 4:46 AM

Hi there

 

ive been using dreamwearver on and of for a few years now and just about get by,  ive just bought a web site template and although ive managed to ajust most things,

the template had a drop down menu using CSS  currently on the "about us" option a sub menu drops down, ive worked out how to  add to this menu and change the words

but what i cant do is have this same drop down menu on another part or the menu system  for example i would like another drop down menu on the "our menu" part

any help would be much appreciated

 

below is the source code

ive got some js codes to but im not sure if the menu system uses them

 

<!DOCTYPE html>

<html lang="en">

<head>

    <title></title>

    <meta charset="utf-8">

    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">

    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">

    <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">

    <link rel="icon" href="images/favicon.ico" type="image/x-icon">

    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

    <link rel="stylesheet" href="css/ui.totop.css" type="text/css" media="screen">

          <script src="js/jquery-1.7.min.js" type="text/javascript"></script>

    <script src="js/superfish.js" type="text/javascript"></script>

    <script src="js/script.js" type="text/javascript"></script>

          <script src="js/jquery.hoverIntent.js" type="text/javascript"></script>

    <script src="js/tms-0.3.js" type="text/javascript"></script>

    <script src="js/tms_presets.js" type="text/javascript"></script>

    <script src="js/jquery.ui.totop.js" type="text/javascript"></script>

          <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>

                    <!--[if lt IE 8]>

    <div style=' clear: both; text-align:center; position: relative;'>

        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home? ocid=ie6_countdown_bannercode">

                  <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_ 0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />

        </a>

    </div>

          <![endif]-->

    <!--[if lt IE 9]>

                       <script type="text/javascript" src="js/html5.js"></script>

          <![endif]-->

</head>

<body id="page1">

<!--=========================================header=================== ==========================-->

        <header>

            <div class="bg-1">

                <div class="main">

                    <div class="container_24">

                        <div class="wrapper">

                            <article class="grid_24">

                                <h1><a href="index.html">Alexander</a></h1>

                            </article>

                        </div>

                        <article class="grid_24">

                            <nav>

                                <ul class="menu">

                                    <li><a class="active" href="index.html">home<span></span></a></li>

                                    <li><a href="menu.html">our menu<span></span></a></li>

                                    <li><a href="about us.html">about  us<span></span></a>

                                        <ul>

                                            <li><a href="#">history</a></li>

                                            <li><a href="#">gallery</a>

                                            <li><a href="#">weddings</a></li>

                                        </ul>

                                    </li>

                                    <li><a href="reservation.html">Reservation<span></span></a></li>

                                    <li><a href="contact us.html">contacts<span></span></a></li>

                                </ul>

                                <div class="clear"></div>

                            </nav>

                            <div class="clear"></div>

                            <div class="wrapper">

                                      <div class="col-1 bg-2">

                                          <div>

                                              <h3>WELCOME TO<span>BALOOS</span></h3>

                                    </div>

                                    <div>

                                              <div class="color-1">

                                                <p>Situated in Henfield, Baloos is the creation of chef and restaurateur Chris and Amanda. Chris&rsquo; passion for food using the freshest, local and seasonal produce combined with Amanda&rsquo;s friendly front-of-house charm and personal touch to make Baloos the perfect spot for lunch or evening meal.                                               </p>

                                              </div>

                                        <a href="#" class="button-1"><span>read more</span></a>

                                    </div>

                                </div>

                                      <div class="col-2">

                                    <div class="slider_bg">

                                        <div class="slider">

                                            <ul class="items">

                                                <li><img src="images/slider_1.jpg" alt=""></li>

                                                <li><img src="images/slider_2.jpg" alt=""></li>

                                                <li><img src="images/slider_3.jpg" alt=""></li>

                                                <li><img src="images/slider_4.jpg" alt=""></li>

                                            </ul>

                                        </div>

                                    </div>

                                </div>

                            </div>

                        </article>

                        <div class="clear"></div>

                    </div>

                </div>

            </div>

        </header>

<!--==============================content============================= ===-->

    <section id="content">

              <div class="bg-3">

                              <div class="bg-4">

                      <div class="main">

                          <div class="container_24">

                              <div class="wrapper">

                                  <article class="grid_24">

                                      <div class="wrapper border-1 margin-bot3">

                                          <article class="grid_6 suffix_2 alpha">

                                              <h4 class="indent-top margin-bot1">restaurant hours</h4>

                                        <div class="color-3 lh-1 border-2">

                                                  <strong class="title-3 d-block margin-bot2">Bar </strong>

                                            11:30-8:30 Sunday-Thursday<br>

                                            11:30-9:00 Friday and Saturday

                                        </div>

                                        <div class="color-3 lh-1 border-2">

                                                  <strong class="title-3 d-block margin-bot2">Lunch</strong>

                                            Tue.-Sat. 12:00-2pm<br>

                                            No Lunch on Sunday

                                        </div>

                                        <div class="color-3 lh-1">

                                                  <strong class="title-3 d-block margin-bot2">Dinner</strong>

                                            Tuesday-Saturday 6:00- 9:30<br>

                                            Sunday 12:30-4pm

                                        </div>

                                    </article>

                                    <article class="grid_16 omega indent-top1">

                                              <div class="wrapper">

                                                  <figure class="img-indent-l">

                                                      <img src="images/page1_img1.jpg" alt="">

                                            </figure>

                                            <div class="extra-wrap">

                                                      <div class="title-1"> Welcome!</div>

                                                <div class="color-4 lh"><span class="color-3">Moleacene anrit ma hasese rayuaumso natoqu eagnis</span><br>

                                                dist mte dulmuese feugiata lesua  kery ecencies phaledaty

                                                fenanec sit amm easer ermeolor dapegetele mentum.

                                                Baelursus eleifneanctor wisi et urna. Aliquam eravolutpatis

                                                turpisntey yoleacene anritserauas ty miwert betyudes.</div>

                                                <div class="title-2">chef</div>

                                                <figure class="sign">

                                                          <img src="images/page1_img2.png" alt="">

                                                </figure>

                                            </div>

                                        </div>

                                    </article>

                                </div>

                                <div class="wrapper border-1 indent-top">

                                          <article class="grid_7 suffix_1 alpha">

                                              <h4 class="margin-bot4">about BALOOS</h4>

                                        <strong class="color-3 size-1 reg">Moleacene anrit maha deyuas</strong>

                                        <div class="margin-bot">Cum socis natoqu eagn dist mte dulm uese feugiata lesu kery lecenas stricies phaledatyfec sim easer erment.</div>

                                        <a href="#" class="button-2"><span>read more</span></a>

                                    </article>

                                    <article class="grid_16 omega">

                                              <h4 class="margin-bot"> OUR RECOMENDED dishes of the MONTH</h4>

                                        <div class="wrapper margin-bot3">

                                                  <article class="grid_8 alpha">

                                                      <div class="wrapper">

                                                          <figure class="img-indent-2">

                                                              <img src="images/page1_img3.jpg" alt="">

                                                    </figure>

                                                    <div class="extra-wrap indent-top2">

                                                              <a href="#" class="color-6 link2">Grilled Fish</a><br>

                                                        kery lecenas stricies phaledatyfenanec sit amm easer erment. Ut ts dolor dapege telementum.

                                                    </div>

                                                </div>

                                            </article>

                                                  <article class="grid_8 omega">

                                                      <div class="wrapper">

                                                          <figure class="img-indent-2">

                                                              <img src="images/page1_img4.jpg" alt="">

                                                    </figure>

                                                    <div class="extra-wrap indent-top2">

                                                              <a href="#" class="color-6 link2">Chicken Quesadilla</a><br>

                                                        lesuada  kercenas stricies phatyfenanec sit amm easer rment. Ut ts dolor dapege telementum.

                                                    </div>

                                                </div>

                                            </article>

                                        </div>

                                              <a href="#" class="button-3"><span>view all recipes</span></a>

                                    </article>

                                </div>

                            </article>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </section>

<!--==============================footer============================== ==-->

    <footer>

              <div class="main">

                  <div class="container_24">

                      <div class="wrapper indent-bottom">

                          <article class="grid_14">

                              <nav>

                                  <ul class="menu2">

                                <li><a class="active" href="index.html">home</a></li>

                                <li><a href="menu.html">our menu</a></li>

                                <li><a href="about us.html">about us</a></li>

                                <li><a href="reservation.html">Reservation</a></li>

                                <li><a href="contact us.html">contacts</a></li>

                            </ul>

                        </nav>

                    </article>

                    <article class="grid_10">

                        <div class="indent-top3">

                            <div class="border-3 prefix_1">

                                <div class="title-4">Find Us On Social Network:</div>

                                <p class="p0 size-2 color-7">Bayarsety kertya aset aplicaboes kerasaer </p>

                                <ul class="soc_list">

                                    <li><a href="#"><img src="images/soc_1.png" alt=""></a></li>

                                    <li><a href="#"><img src="images/soc_2.png" alt=""></a></li>

                                    <li><a href="#"><img src="images/soc_3.png" alt=""></a></li>

                                    <li><a href="#"><img src="images/soc_4.png" alt=""></a></li>

                                    <li><a href="#"><img src="images/soc_5.png" alt=""></a></li>

                                </ul>

                            </div>

                        </div>

                    </article>

                </div>

                <div class="wrapper border-4">

                          <article class="grid_24 aligncenter down">

                              BALOOS &copy; 2013 &bull; <a href="Privacy.html" class="link2">Privacy policy</a> &bull;

                        <span class="d-block"><!--{%FOOTER_LINK} --></span>

                    </article>

                </div>

            </div>

        </div>

    </footer>

<script type="text/javascript">

          $(window).load(function(){

        $('.slider')._TMS({

            duration:800,

            preset:'simpleFade',

            pagination:true,//'.pagination',true,'<ul></ul>'

            pagNums:false,

            slideshow:7000,

        })

    })

</script>

</body>

</html>

 

 

HERE IS THE CCS CODE

 

@import url(http://fonts.googleapis.com/css?family=Amethysta);

@import url(http://fonts.googleapis.com/css?family=Mr+De+Haviland);

@import url(http://fonts.googleapis.com/css?family=Mr+Dafoe);

/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}

mark, rp, rt, ruby, summary, time {display:inline;}

 

 

/* Global properties ======================================================== */

html {width:100%;}

html, body {height:100%;}

 

 

body {           

          font-family:Arial, Helvetica, sans-serif;

          color:#666666;

          min-width:960px;

          background:#efefef;

          font-size:14px;

          line-height:22px;

}

 

 

 

 

.main {

          width:960px;

          padding:0;

          margin:0 auto;

          position:relative;

}

 

 

a {color:#666666; outline:none; text-decoration:none;}

a:hover {text-decoration:none;}

.link {text-decoration:underline;}

.link2:hover {text-decoration:underline;}

 

 

.wrapper {width:100%; overflow:hidden;}

.extra-wrap {overflow:hidden;}

 

 

p {margin-bottom:22px;}

.p0 {margin-bottom:0;}

.p1 {margin-bottom:0;}

 

 

.d-in-block {display:inline-block;}

.d-block {display:block;}

.reg {text-transform:uppercase;}

.rel {position:relative;}

.fleft {float:left;}

.fright {float:right;}

 

 

.alignright {text-align:right;}

.aligncenter {text-align:center;}

 

 

.img-indent-l {float:left; margin:0px 39px 0px 0px;}

.img-indent-2 {float:left; margin:0px 32px 0px 0px;}

.img-indent-3 {float:left; margin:6px 32px 0px 0px;}

 

 

/*********************************boxes******************************* ***/

.indent {padding:0;}

 

 

.indent-left {padding-left:0;}

 

 

.indent-bottom {padding-bottom:25px;}

 

 

.indent-right {padding-right:0;}

 

 

.indent-top {padding-top:39px;}

.indent-top1 {padding-top:37px;}

.indent-top2 {padding-top:6px;}

.indent-top3 {padding-top:29px;}

.indent-top4 {padding-top:40px;}

.indent-top5 {padding-top:8px;}

 

 

.margin-top { margin-top:0;}

 

 

.margin-bot {margin-bottom:33px;}

.margin-bot1 {margin-bottom:26px;}

.margin-bot2 {margin-bottom:9px;}

.margin-bot3 {margin-bottom:29px;}

.margin-bot4 {margin-bottom:23px;}

.margin-bot5 {margin-bottom:19px;}

.margin-bot6 {margin-bottom:11px;}

.margin-bot7 {margin-bottom:42px;}

 

 

.margin-left {margin-left:0;}

 

 

.margin-right {margin-right:20px;}

.margin-right1 {margin-right:30px;}

 

 

 

 

 

 

/*********************************header****************************** *******/

header {

          width:100%;

          background:url(../images/header.jpg) center top no-repeat #282829;

}

 

 

h1 {

          padding:32px 0 23px 299px;

}

          h1 a {

                    display:block;

                    text-indent:-9999px;

                    background:url(../images/logo.png) no-repeat 0 0;

                    width:316px;

                    height:86px;

}

 

 

/***** menu *****/

header nav {

          float:left;

          background:url(../images/menu_r.png) right 38px no-repeat;

          width:100%;

}

.menu {

          float:left;

          padding:9px 0 8px 84px;

          position:relative;

          z-index:20;

          font-family: 'Amethysta', serif;

          background:url(../images/menu_l.png) left 38px no-repeat;

}

.menu li {

          float:left;

          position:relative;

          background:url(../images/menu2.png) left top no-repeat;

          padding:27px 45px 24px 42px;

}

.menu li:first-child {

          background:none;

          padding-left:0;

}

.menu li a {

          display:block;

          font-size:16px;

          line-height:20px;

          color:#dbdada;

          text-transform:uppercase;

          z-index:20;

}

.menu li a span {

          display:block;

          width:18px;

          height:9px;

          background:url(../images/sub.png) left top no-repeat;

          position:absolute;

          top:-999px;

          left:50%;

          margin-left:-9px;

}

.menu li:first-child a span {

          margin-left:-33px;

}

.menu li.sfHover {

          position:relative;

          z-index:10;

}

.menu li a.active span,

.menu > li > a:hover span,

.menu > li.sfHover > a span {

          top:-9px;

}

.menu ul {

          z-index:20;

          letter-spacing:normal;

          position:                    absolute;

          top:                              -9999em;

          width:                              100px;

          background:url(../images/menu4.gif) left top repeat;

          border:                              none;

          box-shadow:5px 5px 5px rgba(0,0,0, .26);

          padding:6px 20px 10px;

}

.menu ul ul {

          background-image:url(../images/menu5.gif);

}

.menu ul li {width:          100%;}

.menu li:hover {visibility:          inherit; }

.menu li li {

          margin:0;

          border:none;

          padding:9px 0 6px 0;

          background:url(../images/menu6.png) left top repeat-x;

}

.menu li li li {

          background-image:url(../images/menu7.png);

}

.menu li li:first-child {

          background:none;

}

.menu li li a {

          background:none;

          display:                    block;

          padding:                    0 0 0 6px;

          font-size:                    14px;

          line-height:          17px;

          color:                              #fff;

}

.menu li li > a:hover,

.menu li li.sfHover > a {

          color:#b16167;

}

 

 

.menu li:hover ul, .menu li.sfHover ul {

          left:                              22px;

          top:                              79px;

          z-index:                    999;

}

ul.menu li:hover li ul, ul.menu li.sfHover li ul {

          top:                              -999em;

}

ul.menu li li:hover ul, ul.menu li li.sfHover ul {

          left:                              100px;

          top:                              -6px;

          z-index:                    99;

}

ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {

          top:                              -999em;

}

 

 

/*********************************content***************************** ********/

#content {

          width:100%;

          background:url(../images/bg-1.jpg) center -464px no-repeat #020202;

          padding:0;

}

#page1 #content {

          margin-top:-194px;

}

.col-1 {

          float:left;

          width:360px;

}

.col-2 {

          float:left;

          width:590px;

}

.col-3 {

          float:left;

          width:300px;

}

.col-4 {

          float:left;

          width:280px;

}

.sign {

          text-align:right;

          padding:10px 40px 0 0;

}

.letter {

          text-align:center;

          font-family: 'Mr Dafoe', cursive;

          font-size:70px;

          line-height:84px;

          color:#cbcbcb;

          float:left;

          width:60px;

          margin-right:15px;

}

/******************* slider *************/

.slider_bg {

          background:url(../images/slider_bg.jpg) left top no-repeat;

          overflow:hidden;

          width:590px;

          height:429px;

          overflow:hidden;

}

.slider {

          width:534px;

          height:429px;

          position:relative;

          background:url(../images/preloader.png) center center no-repeat;

}

.pagination {

          position:absolute;

          right:-37px;

          top:21px;

          overflow:hidden;

          z-index:999;

}

.pagination li {

          margin-top:3px

}

.pagination li:first-child {

          margin-top:0;

}

.pagination li a {

          display:block;

          width:15px;

          height:15px;

          background:url(../images/pag_nav.png) left bottom no-repeat;

}

.pagination li a:hover,

.pagination .current a {

          background-position:left top;

}

.pagination .current a {

          cursor:default;

}

.items {display:none;}

/******************* slideshow *************/

#slideshow {

          width:620px;

          height:705px;

          overflow:hidden;

          background:none !important;

}

#slideshow>div {

          width:620px;

          height:705px;

          background:none !important;

}

#prev {

          float:left;

}

#next {

          float:left;

}

#nav {

          overflow:hidden;

          padding:0px 15px 0;

          float:right;

}

#nav li {

          float:left;

          font-size:13px;

          line-height:16px;

          text-align:center;

          margin-left:1px;

          display:block !important;

}

#nav li:first-child {

          margin-left:0;

}

#nav li a {

          color:#666666;

          display:block;

          width:14px;

          height:16px;

          overflow:hidden;

}

#nav .activeSlide a,

#nav li a:hover {

          color:#fff;

}

.nav_wrap {

          overflow:hidden;

          position:absolute;

          width:200px;

          height:30px;

          right:97px;

          top:-33px;

}

#next,

#prev {

          text-indent:-9999px;

          float:right;

          overflow:hidden;

          display:block;

          width:10px;

          height:18px;

}

#next {

          background:url(../images/next.png) left top no-repeat;

}

#prev {

          background:url(../images/prev.png) left top no-repeat;

}

#next:hover ,

#prev:hover {

          background-position:right top;

}

/*********************************bg's******************************** *****/

.bg-1 {

          background:url(../images/light.png) center top no-repeat;

}

.bg-2 {

          background:url(../images/bg-2.jpg) left top no-repeat;

          height:429px;

          overflow:hidden;

          text-align:center;

}

.bg-2>div {

          padding:80px 15px 0 0;

}

.bg-2>div+div {

          font-size:13px;

          line-height:20px;

          padding:27px 45px 0 50px;

}

.bg-3 {

          background:url(../images/bg-4.png) left top repeat-x;

}

.bg-4 {

          background:url(../images/bg-5.png) left bottom repeat-x;

          padding:70px 0 35px;

}

#page1 .bg-4 {

          padding:225px 0 35px;

}

.bg-5 {

          background:url(../images/bg-7.png) center top no-repeat;

}

.bg-6 {

          background:url(../images/bg-8.gif) center top repeat-x;

}

.border-1 {

          background:url(../images/border-1.png) left top repeat-x;

}

.border-2 {

          border-bottom:1px dotted #313131;

          padding:0 0 18px;

          margin:0 0 15px;

}

#page3 .border-2 {

          padding:0 0 23px;

          margin:0 0 14px;

}

#page4 .border-2 {

          padding:0 0 35px;

          margin:0 0 37px;

}

.border-3 {

          background:url(../images/border-2.png) left top repeat-y;

          padding:5px 0 4px;

}

.border-4 {

          background:url(../images/border-3.png) left top repeat-x;

}

/*********************************buttons***************************** ********/

.button-1 {

          display:inline-block;

          font-size:18px;

          line-height:22px;

          color:#f9dfdf;

          font-family: 'Amethysta', serif;

          text-transform:uppercase;

          background:url(../images/button1_l.png) left 5px no-repeat;

          padding:0 0 0 23px;

}

.button-1 span {

          display:block;

          background:url(../images/button1_r.png) right 5px no-repeat;

          padding:0 29px 0 4px;

}

.button-1:hover {

          color:#1d1d1d;

}

.button-2 {

          display:inline-block;

          text-transform:uppercase;

          font-family: 'Amethysta', serif;

          font-size:14px;

          line-height:17px;

          color:#fff;

          background:url(../images/button-2.gif) left bottom repeat-x;

          height:41px;

          overflow:hidden;

          border:1px solid #343434;

}

.button-2 span {

          display:block;

          padding:13px 16px 11px 14px;

}

.button-2:hover {

          background-position:left top;

}

.button-3 {

          text-align:right;

          text-transform:uppercase;

          display:block;

          background:url(../images/button-2.gif) left bottom repeat-x;

          height:41px;

          border:1px solid #323232;

          font-size:16px;

          line-height:20px;

          color:#bfbfbf;

          font-family: 'Amethysta', serif;

}

.button-3:hover {

          background-position:left top;

}

.button-3 span {

          background:url(../images/marker-1.png) left 11px no-repeat;

          display:inline-block;

          padding:11px 19px 0 18px;

}

/*********************************lists******************************* ******/

.dl-1 dt {

          color:#fff;

}

.dl-1 dd {

          overflow:hidden;

}

.dl-1 dd span {

          display:block;

          float:left;

          width:100px;

}

.soc_list {

          overflow:hidden;

          padding:19px 0 0;

}

.soc_list li {

          float:left;

          margin-left:10px;

}

.soc_list li:first-child {

          margin-left:0;

}

.soc_list li a {

          display:block;

          width:32px;

          height:32px;

}

.ul-1 li {

          font-size:14px;

          line-height:20px;

          font-family:Arial, Helvetica, sans-serif;

}

.ul-1 li a {

          color:#b7b7b7;

}

.ul-1 li a:hover {

          color:#fff;

}

/*********************************fonts******************************* ******/

h3 {

          font-size:28px;

          line-height:34px;

          color:#fbecec;

          font-family: 'Amethysta', serif;

          font-weight:normal;

          text-transform:uppercase;

          background:url(../images/bg-3.png) left bottom no-repeat;

          padding:0 0 33px 0;

}

h3 span {

          display:block;

          margin-top:-5px;

          color:#f7d3d3;

}

h4 {

          font-size:16px;

          line-height:20px;

          color:#dbdada;

          font-family:'Amethysta', serif;

          font-weight:normal;

          text-transform:uppercase;

}

.title-1 {

          color:#a0a0a0;

          font-family:'Mr De Haviland', cursive;

          font-size:72px;

          line-height:87px;

          margin:-8px 0 15px 0;

          padding-left:5px;

}

.title-2 {

          text-align:right;

          padding:12px 90px 0 0;

          color:#dddcdc;

          font-family:'Amethysta', serif;

          font-size:18px;

          line-height:22px;

          text-transform:uppercase;

}

.title-3 {

          font-size:13px;

          line-height:18px;

          color:#fff;

}

.title-4 {

          color:#464646;

          font-family:'Amethysta', serif;

          font-size:18px;

          line-height:22px;

          text-transform:uppercase;

          margin-bottom:3px;

}

.lh {

          line-height:23px;

}

.lh-1 {

          line-height:20px;

}

.size-1 {

          font-size:13px;

          display:block;

}

.size-2 {

          font-size:11px;

          line-height:14px;

}

.color-1 {color:#e4d0d1;}

.color-2 {color:#dcb0b1;}

.color-3 {color:#b7b7b7;}

.color-4 {color:#7e7e7e;}

.color-5 {color:#b2b2b2;}

.color-6 {color:#fff;}

.color-7 {color:#919191;}

/******* form's ********/

 

 

/***** contact form *****/

          #form1 fieldset {

                    border:none;

                    padding:0;

                    }

                              #form1 label {

                                        display:block;

                                        min-height:57px;

                              }

                              #form1 label.message {

                                        height:232px;

                              }

                              .inp {

                                        display:block;

                                        width:320px;

                                        height:40px;

                                        padding:0 14px;

                                        background:url(../images/inp-1.png) left top repeat;

                                        overflow:hidden;

                                        position:relative;

                                        border:1px solid #343434

                              }

                              #form1 input {

                                        width:320px;

                                        padding:12px 0 12px;

                                        margin:0;

                                        font-family:Arial, Helvetica, sans-serif;

                                        font-size:14px;

                                        height:16px;

                                        color:#666;

                                        border:none;

                                        background:none;

                                        outline:none;

                              }

                              #form1 .area .error { float:none;}

                              .text_a {

                                        position:relative;

                                        overflow:hidden;

                                        display:block;

                                        width:478px;

                                        height:230px;

                                        padding:0 14px;

                                        background:url(../images/inp-1.png) left top repeat;

                                        border:1px solid #343434

                              }

                              #form1 textarea {

                                        height:216px;

                                        margin:0;

                                        width:478px;

                                        padding:12px 0;

                                        font-family:Arial, Helvetica, sans-serif;

                                        font-size:14px;

                                        color:#666;

                                        border:none;

                                        background:none;

                                        overflow:auto;

                                        outline:none;

                                        resize:none;

                              }

                              #form1 a {cursor:pointer;}

                                        #form1 .success {display:none; margin-bottom:10px;}

                                        #form1 .error,

                                        #form1 .empty {

                                                  color:#f00;

                                                  font-size:11px;

                                                  line-height:18px;

                                                  display:none;

                                                  overflow:hidden;

                                        }

                    #form1 .buttons-wrapper {text-align:right; padding-top:40px; position:relative;}

                    #form1 .buttons-wrapper a { margin-left:30px;}

 

          #form2 fieldset {

                    border:none;

                    padding:0;

                    }

                              #form2 label {

                                        display:block;

                                        min-height:57px;

                              }

                              #form2 label.message {

                                        height:232px;

                              }

                              .inp2 {

                                        display:block;

                                        width:318px;

                                        height:40px;

                                        padding:0 14px;

                                        background:url(../images/inp-1.png) left top repeat;

                                        overflow:hidden;

                                        position:relative;

                                        border:1px solid #343434

                              }

                              #form2 input {

                                        width:318px;

                                        padding:12px 0 12px;

                                        margin:0;

                                        font-family:Arial, Helvetica, sans-serif;

                                        font-size:14px;

                                        height:16px;

                                        color:#666;

                                        border:none;

                                        background:none;

                                        outline:none;

                              }

                              #form2 .area .error { float:none;}

                              .text_a2 {

                                        position:relative;

                                        overflow:hidden;

                                        display:block;

                                        width:318px;

                                        height:230px;

                                        padding:0 14px;

                                        background:url(../images/inp-1.png) left top repeat;

                                        border:1px solid #343434

                              }

                              #form2 textarea {

                                        height:206px;

                                        margin:0;

                                        width:318px;

                                        padding:12px 0;

                                        font-family:Arial, Helvetica, sans-serif;

                                        font-size:14px;

                                        color:#666;

                                        border:none;

                                        background:none;

                                        overflow:auto;

                                        outline:none;

                                        resize:none;

                              }

                              #form2 a {cursor:pointer;}

                                        #form2 .success {display:none; margin-bottom:10px;}

                                        #form2 .error,

                                        #form2 .empty {

                                                  color:#f00;

                                                  font-size:11px;

                                                  line-height:18px;

                                                  display:none;

                                                  overflow:hidden;

                                        }

                    #form2 .buttons-wrapper {text-align:right; padding-top:40px; position:relative;}

                    #form2 .buttons-wrapper a { margin-left:30px;}

 

.map {

          width:350px;

          height:365px;

          margin:0 0 26px;

}

/****************************footer************************/

footer {

          color:#666666;

          width:100%;

          background:url(../images/footer.jpg) center top no-repeat #f0f0f0;

}

footer .down {

          font-size:14px;

          line-height:17px;

          text-transform:uppercase;

          font-family:'Amethysta', serif;

          padding:29px 0 47px;

          color:#adadad;

          letter-spacing:1px;

}

footer .down a {

          color:#adadad;

}

footer nav {

          padding:67px 0 0 10px;

}

footer nav ul {

          overflow:hidden;

}

footer nav ul li {

          font-family:'Amethysta', serif;

          float:left;

          font-size:14px;

          line-height:17px;

          color:#5f5f5f;

          text-transform:uppercase;

          padding:0 16px 0 16px;

          background:url(../images/menu3.png) left top no-repeat;

}

footer nav ul li:first-child {

          background:none;

          padding-left:0;

}

footer nav ul li a {

          color:#5f5f5f;

}

footer nav ul li a.active,

footer nav ul li a:hover {

          color:#000;

}

 
Replies
  • Currently Being Moderated
    Nov 24, 2012 5:25 AM   in reply to seka19802001

    Hi -

     

    While I am not familiar with the use of all the span tags I see,

     

    You said "currently on the "about us" option a sub menu drops down, ive worked out how to  add to this menu and change the words"

     

    What is the problem doing the same thing under the other top level item?

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 24, 2012 5:35 AM   in reply to seka19802001

    If you've solved your own problem, please mark your final answer as correct. This avoids others opening the thread unnecessarily.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points