Make a logo over lap menu bar and slideshow

-

hi!

 

i want have logo of page overlapping menu bar , slideshow.

 

below picture og how site layout looks , code.

can please me out.

 

thanks in advice,

simon

 

picture 1.png

 

code
html:

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">

<!--[if lt ie 7 ]> <html class="ie6" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->

<!--[if ie 7 ]>    <html class="ie7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->

<!--[if ie 8 ]>    <html class="ie8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->

<!--[if ie 9 ]>    <html class="ie9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->

<!--[if (gt ie 9)|!(ie)]><!--> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->

<head>

 

          <meta http-equiv="content-type" content="text/html; charset=utf-8" />

 

          <title>#</title>

          <meta name="description" content=" add description  ... " />

          <meta name="keywords"    content=" add keywords     ... " />

 

          <!-- //////// favicon ////////  -->

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

 

          <!-- //////// css - stylesheets ////////  -->

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

          <link href="_layout/style-print.css" rel="stylesheet" type="text/css" media="print" />

 

          <!-- //////// jquery ////////  -->

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

 

          <!-- //////// dd_belatedpng - png fix ie6 ////////  -->

          <!--[if ie 6 ]>

                    <script src="_layout/js/pngfix/dd_belatedpng_0.0.8a-min.js" type="text/javascript"></script>

          <![endif]-->

 

          <!-- //////// cufon - font replacement ////////  -->

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

 

 

          <!-- //////// tipsy - tooltips ////////  -->

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

          <link href="_layout/js/tipsy/css.tipsy.css" rel="stylesheet" type="text/css" />

 

          <!-- //////// prettyphoto - lightbox ////////  -->

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

          <link href="_layout/js/prettyphoto/css.prettyphoto.css" rel="stylesheet" type="text/css" />

 

          <!-- //////// validity - form validation ////////  -->

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

          <link href="_layout/js/validity/css.validity.css" rel="stylesheet" type="text/css" />

 

          <!-- //////// cycle - content slider  ////////  -->

          <script src="_layout/js/cycle/jquery.cycle.all.min.js" type="text/javascript"></script>

 

          <!-- //////// tabify - create tabs ////////  -->

          <script src="_layout/js/tabify/jquery.tabify-1.4.js" type="text/javascript"></script>

 

          <!-- //////// accordion - create accordions ////////  -->

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

 

          <!-- //////// custom js ////////  -->

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

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

   

 

 

 

          <style type="text/css">

<!--

a:link {

          text-decoration: none;

}

a:visited {

          text-decoration: none;

}

a:hover {

          text-decoration: none;

          color: #2eabeb;

}

a:active {

          text-decoration: none;

}

-->

</style><noscript>

                              <link href="_layout/style-nojs.css" rel="stylesheet" type="text/css" />

                              <div class="nojs-warning"><strong>javascript seems disabled!</strong> of website features unavailable unless javascript enabled.</div>

          </noscript>

 

          <div id="wrap">

 

                    <div id="header">

                    <div class="img"><a href="#"><img src="_layout/images/logo.png"  /></a> </div>

       

     

<ul id="menu"> 

  <li><a href="#" class="drop"></a>

    <!-- begin 4 columns item -->

    <div class="dropdown_4columns">

      <!-- begin 4 columns container -->

      <div class="col_4">

 

      </div>

      <div class="col_1">

        <h3>some links</h3>

        <ul>

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

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

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

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

          <li><a href="#">3docean</a></li>

        </ul>

      </div>

      <div class="col_1">

        <h3>useful links</h3>

        <ul>

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

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

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

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

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

        </ul>

      </div>

      <div class="col_1">

        <h3>other stuff</h3>

        <ul>

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

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

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

          <li><a href="#">mac apps</a></li>

          <li><a href="#">web apps</a></li>

        </ul>

      </div>

      <div class="col_1">

        <h3>misc</h3>

        <ul>

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

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

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

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

          <li><a href="#">more...</a></li>

        </ul>

      </div>

    </div>

    <!-- end 4 columns container -->

  </li>

  <!-- end home item -->

  <li><a href="#" class="drop">projects</a>

    <!-- begin 4 columns item -->

    <div class="dropdown_4columns">

      <!-- begin 4 columns container -->

      <div class="col_4">

 

      </div>

      <div class="col_1">

        <h3>some links</h3>

        <ul>

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

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

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

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

          <li><a href="#">3docean</a></li>

        </ul>

      </div>

      <div class="col_1">

        <h3>useful links</h3>

        <ul>

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

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

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

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

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

        </ul>

      </div>

      <div class="col_1">

        <h3>other stuff</h3>

        <ul>

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

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

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

          <li><a href="#">mac apps</a></li>

          <li><a href="#">web apps</a></li>

        </ul>

      </div>

      <div class="col_1">

        <h3>misc</h3>

        <ul>

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

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

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

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

          <li><a href="#">more...</a></li>

        </ul>

      </div>

    </div>

    <!-- end 4 columns container -->

  </li>

  <!-- end 5 columns item -->

 

    <li><a href="#" class="drop"></a><!-- begin 4 columns item -->

   

        <div class="dropdown_4columns"><!-- begin 4 columns container -->

       

            <div class="col_4">

            </div>

           

            <div class="col_1">

             <h3></h3>

                <ul>

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

 

                </ul>  

                

            </div>

   

            <div class="col_1">

           

                <h3></h3>

                <ul>

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

 

                </ul>  

                

            </div>

   

            <div class="col_1">

           

                <h3></h3>

                <ul>

 

                </ul>  

                

            </div>

   

            <div class="col_1">

           

               

                

            </div>

           

        </div><!-- end 4 columns container -->

   

    </li><!-- end 4 columns item -->

    <li><a href="#" class="drop"></a>

      <!-- begin 4 columns item -->

      <div class="dropdown_4columns">

        <!-- begin 4 columns container -->

        <div class="col_4">

 

        </div>

        <div class="col_1">

          <h3></h3>

          <ul>

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

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

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

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

          </ul>

        </div>

        <div class="col_1">

          <h3></h3>

          <ul>

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

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

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

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

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

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

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

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

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

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

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

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

          </ul>

        </div>

           <div class="col_1">

          <h3></h3>

          <br />

          <ul>

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

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

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

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

          </ul>

        </div>

        <div class="col_1">

          <h3></h3>

          <ul>

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

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

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

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

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

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

          </ul>

        </div>

        <div class="col_1">

          <h3></h3>

          <ul>

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

          </ul>

        </div>

          <div class="col_1">

          <h3></h3>

          <ul>

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

          </ul>

        </div>

      </div>

      <!-- end 4 columns container -->

    </li>

    <li><a href="#" class="drop">sales support</a>

            <!-- begin 4 columns item -->

            <div class="dropdown_4columns">

              <!-- begin 4 columns container -->

              <div class="col_4">

 

        </div>

              <div class="col_1">

                <h3></h3>

                <ul>

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

          </ul>

        </div>

              <div class="col_1">

                <h3></h3>

                <ul>

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

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

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

          </ul>

        </div>

        <br />

              <div class="col_1">

                <h3></h3>

                <ul>

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

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

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

          </ul>

        </div>

              <div class="col_1">

                <h3></h3>

                <ul>

          </ul>

        </div>

      </div>

  </li>

    <li><a href="#" class="drop"></a>

    <!-- begin 4 columns item -->

    <div class="dropdown_4columns">

      <!-- begin 4 columns container -->

      <div class="col_4">

      </div>

      <div class="col_1">

        <h3></h3>

        <ul>

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

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

        </ul>

      </div>

      <div class="col_1">

        <h3></h3>

        <ul>

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

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

        </ul>

      </div>

      <div class="col_1">

        <h3></h3>

        <ul>

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

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

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

        </ul>

      </div>

      <div class="col_1">

        <h3></h3>

        <ul>

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

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

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

        </ul>

      </div>

      <div class="col_1">

        <h3></h3>

        <ul>

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

        </ul>

      </div>

    </div>

    <li class="menu_right"><a href="#" class="drop">main</a> 

     

        <div class="dropdown_1column align_right"> 

         

                <div class="col_1"> 

                 

                    <ul class="simple"> 

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

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

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

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

                    </ul>    

                      

                </div> 

                 

        </div> 

         

 

  </li>

 

 

 

 

</ul>

 

 

 

 

<div class="row slideshow-container no-print fixed">

 

  <div id="slideshow-index">

 

                                                  <ul>

                                                            <li>

                                                              <div class="slidetext">

 

                                                      <h2>proin porttitor<br /> pulvinar risus nec</h2>

                                                                                <p>sed interdum eleifend mollis. proin quis lectus libero. integer eu lectus erat, id aliquet risus.

                                                                                 vivamus vitae mollis purus. fusce id diam @ purus sodales mollis.  <a href="#">more</a></p>

 

                                                              </div>

                                                      <img src="images/slider/1.jpg" width="948" height="400" alt="" />                                                            </li>

                                                            <!-- end slide 1 -->

                                                            <li>

                                                                      <img src="images/slider/2.jpg" width="948" height="400" alt="" />

                                                                      <div class="slidetext">

 

                                                                                <h2>curabitur<br /> sed sollicitudin orci.</h2>

                                                                                <p>nunc eu tellus sed felis vestibulum pulvinar sed ac enim. quisque tincidunt urna id arcu egestas

                                                                                 rhoncus purus molestie erat eget nunc varius. <a href="#">more</a></p>

 

                                                                      </div>

                                                            </li><!-- end slide 2 -->

                                                            <li>

                                                                      <img src="images/slider/3.jpg" width="948" height="400" alt="" />

                                                                      <div class="slidetext">

 

                                                                                <h2>suspendisse vest<br /> pretium laoreet</h2>

                                                                                <p>aliquam erat volutpat. maecenas tincidunt porta hendrerit. sed quis tristique nulla. fusce volutpat

                                                                                 lobortis tellus sed tincidunt consequat egestas elementum dolor. <a href="#">more</a></p>

 

                                                                      </div>

                                                    </li><!-- end slide 3 -->

                        <li>

                                                                      <img src="images/slider/4.jpg" width="948" height="400" alt="" />

                                                                      <div class="slidetext">

 

 

 

                                                                      </div>

                                                            </li><!-- end slide 4 -->

 

                       

                                                  </ul>

                   

 

 

                                                  <div id="index-slideshow-pager"> </div>

 

  </div><!-- end #slideshow -->

 

            <!-- ////////////////hertil er alt rett ///////////////////////////////////////////////////////////////////////////////////////// ////////////////// -->

          

           

           

           

                              <div id="content">

           

            <table width="948px" height="40px" margin="margin: auto 6px auto 6px">

            <tr>

            <td><a href="#"></a></td>

            <td><a href="#"></a></td>

            <td><a href="#"></a></td>

            </tr>

            </table>

           

            <br />

 

 

                              <div class="venstre" style="width: 530px; margin: auto 6px auto 40px;">

                               <h2>heading</h2>

                                                  <p>

                                                            text </p>

 

            </div>

                              

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                              </br>

                            </br>

                              </br>

                              </br>

                              </br>

 

                              

 

                    </div><!-- end #content -->

 

 

 

                    <!-- ///////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////// -->

 

 

</div><!-- end #header -->

 

 

 

          </div><!-- end #wrap -->

 

                              <!-- kopier herfra orginale finini/////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////// -->

 

          <div style="background: url(images/footer.png) no-repeat; position: bottom; margin: auto 6px 40px 6px; color: #ffffff;">

                              <div id="fot" style="width: 940px; float:center; text-align: left; margin-left: 40px; margin-right: 40px; padding-top: 25px; color: #ffffff;">

                                        <table style="border: 0px;">

                                                  <tr style="border: 0px;">

                                                            <td width="146px" style="border: 0px;">

 

 

 

*table*

 

                                        </table>

                              </div>

 

</div>

 

          <script type="text/javascript"> cufon.now(); </script>

 

          <!-- analytics code here -->

 

                    <!-- /til hit////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////// -->

 

</body>

</html>

css:

/*---------------------------------------------------------------------------------------- -----

 

 

 

------------------------------------------------------------------------------------------ -----*/

 

 

/* =reset

------------------------------------------------------------------------------------------ -----*/

 

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym, address,

big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,d t,dd,ol,ul,li,fieldset,

form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:;border:0;outl ine:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-a lign:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{ border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:b efore,q:after{content:""}blockquote,q{quotes:""""}

 

 

 

/* =general

------------------------------------------------------------------------------------------ -----*/

div.img

  {

  margin-left:6px;

  z-index:200;

  }

 

          body, ul, li {

          font-size:12px;

          font-family:arial, helvetica, sans-serif;

          line-height:21px;

          text-align:left;

}

 

 

#menu {

          list-style:none;

          width:870px;

          margin:0px auto 0px 44px;

          height:40px;

          padding:0px 20px 0px 20px;

          z-index:100;

 

 

          /* background color , gradients */

 

          background: #636363;

          background: -moz-linear-gradient(top, #636363, #353535);

          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636363), to(#353535));

 

 

}

 

#menu li {

          float:left;

          display:block;

          text-align:center;

          position:relative;

          padding: 4px 10px 4px 10px;

          margin-right:5px;

          margin-top:5px;

          border:none;

          z-index:100;

}

 

#menu li:hover {

          border: 1px solid #777777;

          padding: 4px 9px 4px 9px;

          z-index:100;

 

          /* background color , gradients */

 

          background: #f4f4f4;

          background: -moz-linear-gradient(top, #f4f4f4, #eeeeee);

          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#eeeeee));

 

 

}

 

#menu li {

          font-family:arial, helvetica, sans-serif;

          font-size:12px;

          color: #eeeeee;

          display:block;

          outline:0;

          text-decoration:none;

          text-shadow: 1px 1px 1px #000;

          z-index:100;

}

 

#menu li:hover {

          color:#161616;

          text-shadow: 1px 1px 1px #ffffff;

          z-index:100;

}

 

.dropdown_1column,

.dropdown_2columns,

.dropdown_3columns,

.dropdown_4columns,

.dropdown_5columns {

          margin:4px auto;

          float:left;

          position:absolute;

          left:-999em; /* hides drop down */

          text-align:left;

          padding:10px 5px 10px 5px;

          border:1px solid #777777;

          border-top:none;

          z-index:100;

 

          /* gradient background */

          background:#f4f4f4;

          background: -moz-linear-gradient(top, #eeeeee, #bbbbbb);

          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#bbbbbb));

          z-index:100;

 

 

}

 

.dropdown_1column  {width: 140px;}

.dropdown_2columns {width: 280px;}

.dropdown_3columns {width: 420px;}

.dropdown_4columns {width: 473px;}

.dropdown_5columns {width: 700px;}

 

#menu li:hover .dropdown_1column,

#menu li:hover .dropdown_2columns,

#menu li:hover .dropdown_3columns,

#menu li:hover .dropdown_4columns,

#menu li:hover .dropdown_5columns {

          left:-1px;

          top:auto;

          z-index:100;

}

 

.col_1,

.col_2,

.col_3,

.col_4,

.col_5 {

          display:inline;

          float: left;

          position: relative;

          margin-left: 5px;

          margin-right: 5px;

          z-index:100;

}

.col_1 {width:130px;}

.col_2 {width:270px;}

.col_3 {width:410px;}

.col_4 {width:550px;}

.col_5 {width:690px;}

 

#menu .menu_right {

          float:right;

          margin-right:0px;

          z-index:100;

}

 

 

#menu li:hover .align_right {

          left:auto;

          right:-1px;

          top:auto;

          z-index:100;

}

 

#menu p, #menu h2, #menu h3, #menu ul li {

          font-family:arial, helvetica, sans-serif;

          line-height:21px;

          font-size:12px;

          text-align:left;

          text-shadow: 1px 1px 1px #ffffff;

          z-index:100;

}

#menu h2 {

          font-size:18px;

          font-weight:400;

          letter-spacing:-1px;

          margin:7px 0 14px 0;

          padding-bottom:14px;

          z-index:100;

}

#menu h3 {

          font-size:12px;

          margin:7px 0 14px 0;

          padding-bottom:7px;

          z-index:100;

}

#menu p {

          line-height:18px;

          margin:0 0 10px 0;

          z-index:100;

}

 

#menu li:hover div {

          font-size:12px;

          color:#015b86;

          z-index:100;

}

#menu li:hover div a:hover {

          color:#029feb;

          z-index:100;

}

 

 

.strong {

          font-weight:bold;

          z-index:100;

}

.italic {

          font-style:italic;

          z-index:100;

}

 

.imgshadow { /* better style on light background */

          background:#ffffff;

          padding:4px;

          border:1px solid #777777;

          margin-top:5px;

          -moz-box-shadow:0px 0px 5px #666666;

          -webkit-box-shadow:0px 0px 5px #666666;

          box-shadow:0px 0px 5px #666666;

}

.img_left { /* image sticks left */

          width:auto;

          float:left;

          margin:5px 15px 5px 5px;

}

 

#menu li .black_box {

          background-color:#333333;

          color: #eeeeee;

          text-shadow: 1px 1px 1px #000;

          padding:4px 6px 4px 6px;

 

 

 

          /* shadow */

          -webkit-box-shadow:inset 0 0 3px #000000;

          -moz-box-shadow:inset 0 0 3px #000000;

          box-shadow:inset 0 0 3px #000000;

}

 

#menu li ul {

          list-style:none;

          padding:0;

          margin:0 0 12px 0;

          z-index:100;

}

#menu li ul li {

          font-size:12px;

          line-height:21px;

          position:relative;

          text-shadow: 1px 1px 1px #ffffff;

          padding:0;

          margin:0;

          float:none;

          text-align:left;

          width:130px;

          z-index:100;

}

#menu li ul li:hover {

          background:none;

          border:none;

          padding:0;

          margin:0;

          z-index:100;

}

 

#menu li .greybox li {

          background:#f4f4f4;

          border:1px solid #bbbbbb;

          margin:0px 0px 4px 0px;

          padding:4px 6px 4px 6px;

          width:116px;

          z-index:100;

 

 

}

#menu li .greybox li:hover {

          background:#ffffff;

          border:1px solid #aaaaaa;

          padding:4px 6px 4px 6px;

          margin:0px 0px 4px 0px;

          z-index:100;

}

 

 

 

          html {overflow-y: scroll;}

 

 

          body{

                    background:url(images/bg-body.jpg);

 

                    /*

                    background:#eff1f1 url(images/bg-body2.jpg) repeat top left;

                    background:#eff1f1 url(images/bg-body3.jpg) repeat top left;

                    background:#eff1f1 url(images/bg-body4.jpg) repeat top left;

                    background:#eff1f1 url(images/bg-body5.jpg) repeat top left;

                    */

 

                    font:12px arial, sans-serif;

                    line-height:20px;

                    color:#666666;

 

          }

 

                    /* =headings

                    -------------------------------------------------------------- */

 

                    h1,h2,h3,h4,h5,h6{ font-weight: bold; color:#252525; }

 

                    h1{ font-size:28px; line-height:30px; margin-bottom:12px; }

                    h2{ font-size:24px; line-height:26px; margin-bottom:12px; }

                    h3{ font-size:18px; line-height:20px; margin-bottom:8px;  }

                    h4{ font-size:14px; line-height:15px; margin-bottom:8px;  }

                    h5{ font-size:13px; line-height:15px; margin-bottom:8px;  }

                    h6{ font-size:13px; line-height:15px; margin-bottom:8px;  }

 

                    /* =text-elements

                    -------------------------------------------------------------- */

 

                    a{ text-decoration:none; color:#346699; }

                    a:hover{ text-decoration:underline;  }

                    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }

                    a img{ border:none; }

 

                    strong{ font-weight: bold; color:#252525; }

                    em{ font-style: italic; }

 

                    p, ul, ol, pre, code{

          margin-bottom:20px;

          color: #666;

}

 

                              p.last{ margin-bottom:0; }

 

                    ul{ list-style-type:circle; list-style-position:inside; }

 

                              ul.checklist{ list-style-image:url(images/bg-checklist.png); }

 

                    ol{ list-style-type:decimal; list-style-position:inside; }

 

                    blockquote{ padding:5px 20px 5px 60px; line-height:24px; background:url(images/quote.png) no-repeat top left; color:#999999; }

                    blockquote span{ color:#666666; }

 

                              .blockquote-left{ width:250px; float:left; }

                              .blockquote-right{ width:250px; float:right; }                                                  

                                                  

                    pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }

 

                    /* due ie <hr> margin bugs had made classed , apply them div achieve effect of <hr> */

                    hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }

                    .hr{ border-top:1px solid #efefef; margin:30px 0; }

 

 

                    /* =tables

                    -------------------------------------------------------------- */

 

                    table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef;  }

                    th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }

                    td{ padding:10px 15px; border-top:1px solid #efefef; }

                    tr.alt{ background-color:#f5f5f5; }

 

 

                    /* =forms-messages

                    -------------------------------------------------------------- */

 

                    label{ font-weight:bold; color:#000000; }

                              label span.required{ color:#ff0000; }

 

                    fieldset{ padding:15px; margin:0 0 20px 0; border:1px solid #efefef; }

                    legend{ font-weight: bold; }

 

                    input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #e1e1e1; }

                    input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; }

                    select{ border-width:1px; border-style:solid; background-color:#ffffff;  }

 

                    input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }

 

                    input.text{ width:250px; padding:5px; }

                    textarea{ width:380px; height:125px; padding:5px; }

 

                    .errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }

                    .errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(images/bg-msg.png) no-repeat 0 0; color:#8a1f11; }

                    .errormsg a{ color:#8a1f11; }

                    .successmsg{ border-color:#c6d880; background:#e6efc2 url(images/bg-msg.png) no-repeat 0 -220px; color:#264409; }

                    .successmsg a{ color:#264409; }

                    .infomsg{ border-color:#92cae4; background:#d5edf8 url(images/bg-msg.png) no-repeat 0 -72px; color:#205791; }

                    .infomsg a{ color:#205791; }

                    .noticemsg{ border-color:#ffd324; background:#fff6bf url(images/bg-msg.png) no-repeat 0 -148px; color:#514721; }

                    .noticemsg a{ color:#514721; }

 

 

                    /* =default-classes

                    -------------------------------------------------------------- */

 

                    .img-align-left{ margin:5px 10px 0 0; float:left; }

                    .img-align-right{ margin:5px 0 0 10px; float:right; }

 

                    .text-right{ text-align:right; }

                    .text-center{ text-align:center; }

 

                    .text-highlight{ padding:2px 5px; background-color:#ffd324; color:#111111; }

                    .text-highlight2{ padding:2px 5px; background-color:#c6d880; color:#111111; }

 

                    .bordered{ padding:5px; border:1px solid #efefef; }

 

 

 

                    -------------------------------------------------------------- */

 

                    /* clear fix hack - add  class="fixed"  div's have floated elements in them */

                    .fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

                              .fixed{display:block;}

                              /*  \*/

                              .fixed{min-height:1%;}

                              * html .fixed{height:1%;}

 

                    .row{ width:948px; }

 

                              .col-700{ width:948px; }

                              .col-580{ width:580px; float:left; margin-right:20px; }

                              .col-520{ width:520px; float:left; margin-right:20px; }

                              .col-460{ width:460px; float:left; margin-right:20px; }

                              .col-340{ width:340px; float:left; margin-right:20px; }

                              .col-300{ width:300px; float:left; margin-right:20px; }

                              .col-220{ width:220px; float:left; margin-right:20px; }

                              .col-180{ width:180px; float:left; margin-right:20px; }

                              .col-160{ width:160px; float:left; margin-right:20px; }

 

                    .last{ margin-right:0px; }

                    .clear{ clear:both; }

                    .block{ display:block; }

                    .hide{ display: none; }

 

 

/* =layout

------------------------------------------------------------------------------------------ -----*/

 

 

          #wrap{ width:960px; padding: 40 40px; margin:0 auto; background-color:#ffffff;

                       -moz-box-shadow: 0px 0px 5px #000000;

          -webkit-box-shadow: 0px 0px 5px #000000;

          box-shadow: 0px 0px 5px #000000;

          /* ie 8 */

          -ms-filter: "progid:dximagetransform.microsoft.shadow(strength=3, direction=90, color='#000000')",

        -ms-filter: "progid:dximagetransform.microsoft.shadow(strength=3, direction=270, color='#000000')";

          /* ie 5.5 - 7 */

          filter: progid:dximagetransform.microsoft.shadow(strength=3, direction=90, color='#000000'),

        filter: progid:dximagetransform.microsoft.shadow(strength=3, direction=270, color='#000000'); }

 

 

                    #header{ padding-top:0px; }

 

 

                              .dropdown-container{ position:relative; z-index:10; }  /* ie6 , ie7 fix dropdown  */

                              .slideshow-container{ position:relative; z-index:5; }  /* menu showing below slider bug */

                              .inner-page-title-container{ position:relative; z-index:5; }

 

                              /* =logo

                              -------------------------------------------------------------------------- ---------------------*/

 

                              a#logo{ display:block; float:left; }

                              a#logo img{ display:block; }

 

                              /* =getintouch

                              -------------------------------------------------------------------------- ---------------------*/

 

                              .get-in-touch{ text-align:right; margin-bottom: 35px; }

 

                              /* =dropdown-menu

                              -------------------------------------------------------------------------- ---------------------*/

 

                              /* level 1 menu */

                              ul#dropdown-menu{  float:right; list-style:none; margin-bottom:0px; }                     

                              ul#dropdown-menu li{ float: left; }

                              ul#dropdown-menu li a{ display: block; padding:7px 21px 5px 0; font-size:14px; text-transform:uppercase; color:#252525; }                                

                              ul#dropdown-menu li.hover, ul.dropdown-menu li:hover{ position: relative; }

                              ul#dropdown-menu li.hover a{ text-decoration:none; } /* styleing when hovering on menu item */                                                  

                              ul#dropdown-menu li.current > a{ color:#346699; }                                                                        

                              ul#dropdown-menu li .sub-menu li a{ color:#252525; }                                                                        

                              ul#dropdown-menu li.last > a{ padding-right:0px; }

 

                                        /* level 2 menu */

                                        ul#dropdown-menu ul{ position:absolute; top:100%; left:0; width:180px; list-style:none; display:none;

                                                                                            border:1px solid #efefef; border-bottom:none; background-color:#ffffff; z-index:35; }                                        

                                        ul#dropdown-menu ul li{ width:180px; }

                                        ul#dropdown-menu ul li a{ width:160px; display: inline-block; border:none; padding:5px 10px; text-transform:none;

                                                                                                      font-weight:normal; border-bottom:1px solid #efefef; color:#666666; } /* ie 6 , 7 needs inline block */                               

                                        ul#dropdown-menu ul li a:hover{ background-color:#f5f5f5; }

 

                                                  /* level 3 menu */

                                                  ul#dropdown-menu ul ul{ left:100%; top:-1px; }

                                                  ul#dropdown-menu li:hover > ul{ visibility:visible; }

 

                              .arrow{ background:url(images/bg-sidenav.gif) no-repeat 165px 12px; }

 

                              /* =inner-page

                              -------------------------------------------------------------------------- ---------------------*/

 

                              .inner-page-title-container{ position:relative; height:220px; }

                                        .inner-page-title{ position:absolute; top:0; left:0; background:url(images/bg-slider.png) repeat top left;

                                                                                   padding:65px 25px 0 25px; width:170px; height:155px; overflow:hidden; }

                                                  .inner-page-title h2{ color:#ffffff; }

                                                  .inner-page-title  p{ color:#999999; margin-bottom:0; }                                                                                 

                                                  .inner-page-title  a{ color:#f8971c; text-decoration:underline; }

 

 

                    #content{}

 

 

                              /* =pdf

                              -------------------------------------------------------------------------- ---------------------*/

                              .pdf{ background:url(images/bg-pdf.png) no-repeat 5px 12px; padding:15px 10px 10px 65px; width:125px; min-height:48px; }

 

                              /* =side-nav

                              -------------------------------------------------------------------------- ---------------------*/

 

                              .side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; width:200px; }

                              .side-nav li{ border-bottom:1px solid #efefef; }

                              .side-nav li a:hover{ }

                              .side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(images/bg-sidenav.gif) no-repeat 10px 12px; }

                              .side-nav li.current a{ color:#000000; }

                              .side-nav li.current a:hover{ text-decoration:none; }

 

                              /* =tabs

                              -------------------------------------------------------------------------- ---------------------*/

                              .tabs-menu{ margin-bottom:0; list-style:none; }

                              .tabs-menu li{ display:inline; }

                              .tabs-menu li a{ float:left; padding:5px 20px; display:block; border-right:1px solid #ffffff; border-top:2px solid #ffffff; }

                              .tabs-menu li.current a{ background-color:#f5f5f5; border-top:2px solid #efefef; color:#666; }

                              .tabs-content{ padding:30px 20px; background-color:#f5f5f5; margin-bottom:20px; }

 

                              /* =accordion

                              -------------------------------------------------------------------------- ---------------------*/

                              .accordion { list-style-type: none;  }

                              .accordion li { background:#212121; cursor: pointer; float: left; display: block; width:100%; }

                              .accordion li.current>a { background: url(images/bg-accordion.png) no-repeat right 8px; }

                              .accordion li div { padding:20px 20px; background:#f5f5f5; }

                              .accordion li a{ text-decoration: none; display: block; cursor: pointer; background: url(images/bg-accordion.png) no-repeat right -55px;

                                                                       padding:5px; border-bottom:1px solid #ffffff;  padding:5px 20px; color:#fff; }

 

 

                    #footer{

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

                    padding-bottom:30px;

                    }

 

 

                              /* =footer-nav

                              -------------------------------------------------------------------------- ---------------------*/

 

                              .footer-nav-1, .footer-nav-2{  list-style-type:none; list-style-position:outside; margin-bottom:0; float:left; }

                              .footer-nav-2{ margin-left:20px; }

 

                              /* =newsletter-subscribe

                              -------------------------------------------------------------------------- ---------------------*/

 

                              #newsletter-subscribe fieldset{ border:none; margin:0; padding:0; position:relative; margin-bottom:15px; }

                              #subscribe-email{ margin:0; padding:5px; height:15px; width:208px; font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }

                              #subscribe-email:focus{ border:1px solid #cccccc; color:#666666; }

                              #newsletter-subscribe .subscribe-submit-btn{ position:absolute; top:1px; right:1px; padding:0 5px 0 5px; width:55px;

                                                                                                                                             height:25px; cursor:pointer; border: none; background-color:#e1e1e1; color:#666666; }

 

                              .ie6 #newsletter-subscribe .subscribe-submit-btn, .ie7 #newsletter-subscribe .subscribe-submit-btn{ top:2px; }

                              .ie6 #subscribe-email, .ie7 #subscribe-email, .ie8 #subscribe-email{ border:1px solid #cccccc; }

 

                              /* =social-media

                              -------------------------------------------------------------------------- ---------------------*/

 

                              #social-media{ list-style-type:none; margin-bottom:0; }

                              #social-media li{ float:left; }

                              #social-media li img{ display:block; float:left; margin-right:5px; }

                              #social-media li a{ display:block; float:left; margin-right:5px; line-height:18px; }

 

 

/* =pages

------------------------------------------------------------------------------------------ -----*/

 

 

div.venstre {

width: 500px;

float: left;

margin-bottom: 50px;

}

 

div.hoyre {

width: 311px;

float: right;

margin-bottom: 50px;

}

 

 

 

/* =index

------------------------------------------------------------------------------------------ -----*/

 

          /* =slideshow-index

          ------------------------------------------------------------------------------------ -----------*/

 

          #slideshow-index{ position:relative; z-index:10; }

 

                    #slideshow-index ul{ position:relative; left:6px; width:948px; height:400px; overflow:hidden; margin-bottom:0; list-style:none; z-index:15; }

                    #slideshow-index ul li{ width:948; height:400px; position:relative; }

                    #slideshow-index ul li img{ position:absolute; top:0; left:0; z-index:20; }

 

                              #slideshow-index ul li .slidetext{ position:absolute; bottom:65px; right:0px; z-index:25; overflow:hidden;

                                                                                                                 padding:45px 50px; width:360px; height:130px; background:url(images/bg-slider.png) repeat top left; display:none; }

                                        .slidetext h2{ color:#fff; }

                                        .slidetext p{ color:#999; margin-bottom:0; }                                                                                 

                                        .slidetext a{ color:#fff; text-decoration:underline; }

 

          #index-slideshow-pager{ width:200px; text-align:left; z-index:35; position:absolute; left:20px; bottom:12px;  }

          .ie7 #index-slideshow-pager{ bottom:15px; }                                                                                 

          #index-slideshow-pager a{ text-align:left; background:url(images/bg-pager.png) no-repeat 0 0; display:inline-block;

                                                                       width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }

          #index-slideshow-pager .activeslide{ background:url(images/bg-pager.png) no-repeat 0 -64px; }

 

          /* =services-overview

          ------------------------------------------------------------------------------------ -----------*/

 

          #services-overview{ list-style-type:none; list-style-position:outside; margin-bottom:0; }

                    #services-overview li{ width:180px; padding:19px; border:1px solid #efefef; float:left; margin-left:20px; overflow:hidden; position:relative; }

                    #services-overview li:hover{ cursor:pointer; }

                    #services-overview li.first{ margin-left:0;}

                    .services-overview-overlay{ position:absolute; top:12px; right:10px; width:30px; height:30px; background:url(images/bg-fade.png) no-repeat center center; }

 

          /* =news-box

          ------------------------------------------------------------------------------------ -----------*/

 

          #news-box{ list-style-type:none; list-style-position:outside; margin-bottom:0; }

                    #news-box li{ padding:15px 0; border-bottom:1px solid #efefef; }

                    #news-box li span{ color:#999999; }

                    #news-box li.first{ padding-top:5px;  }

                    #news-box li.last{ border-bottom:none; }

 

          /* =clients

          ------------------------------------------------------------------------------------ -----------*/

 

          #clients-overview{}

          #clients-overview .client{ width:98px; height:75px; border:1px solid #efefef; float:left; margin-right:20px; }

          #clients-overview .last{ margin-right:0; }

 

 

/* =team

------------------------------------------------------------------------------------------ -----*/

 

          .team-social-media{ list-style-type:none; margin-bottom:0; }

          .team-social-media li{ float:left; }

          .team-social-media li img{ display:block; float:left; margin-right:5px; }

          .team-social-media li a{ display:block; float:left; margin-right:5px; line-height:14px; }

 

 

/* =news

------------------------------------------------------------------------------------------ -----*/

 

          .news-picker{}

          .news-picker strong{ width:50px; display:block; float:left; }

 

          .news{}

          .date{ color:#999999; margin-bottom:0;}

 

 

/* =testimonials

------------------------------------------------------------------------------------------ -----*/

 

          .latest-clients{}

 

          .client{}

          .client-logo{ width:208px; height:135px; border:1px solid #efefef; margin-bottom:20px; }

          .client p{ color:#999999; }

 

          .latest-clients-list{}

          .latest-clients-list p{ line-height:30px; }

 

          .testimonial{}

 

 

/* =services

------------------------------------------------------------------------------------------ -----*/

 

          .services{}

          .services li{ margin-bottom:20px; }

 

 

/* =portofolio

------------------------------------------------------------------------------------------ -----*/

 

          .portfolio-item{}

                    .portfolio-item-preview{ display:block; background:url(images/bg-fade.png) no-repeat center center;  }

                    .ie6 .portfolio-item-preview{ background:none; }

 

          .pagination{ list-style:none; }

                    .pagination li{ display:inline; border:1px solid #efefef; margin-right:7px;  padding:4px 9px; float:left;  }

                    .pagination li a{ display:block;  }

                    .pagination li.current a{ text-decoration:underline; }

 

 

          /* =slideshow-portofolio

          ------------------------------------------------------------------------------------ -----------*/

 

          #slideshow-portfolio{ position:relative; }

 

                    #slideshow-portfolio ul{ position:relative; width:700px; height:300px; overflow:hidden; margin-bottom:0; list-style:none; }

                    #slideshow-portfolio ul li{ width:700px; height:300px; position:relative; }

                    #slideshow-portfolio ul li img{ position:absolute; top:0; left:0; }

 

                    #portfolio-slideshow-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:20px; bottom:12px;  }

                    .ie7 #portfolio-slideshow-pager{ bottom:15px; }                                                                                 

                              #portfolio-slideshow-pager a{ text-align:left; background:url(images/bg-pager.png) no-repeat 0 0; display:inline-block;

                                                                                                      width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }

                              #portfolio-slideshow-pager .activeslide{ background:url(images/bg-pager.png) no-repeat 0 -64px; }

 

 

/* =blog

------------------------------------------------------------------------------------------ -----*/

 

          .blog-sidebar{}

          .blog-sidebar .date{ padding-right:0; }

 

          .blog{}

          .blog-post{}

 

          .comment{ margin-bottom:20px; }

          .comment .who{ margin-bottom:5px; }

 

          /* =search

          ------------------------------------------------------------------------------------ -----------*/

 

          #search fieldset{ position:relative; border:none; margin:0; margin-top:0; padding:0; }

          #search-input{ width:208px; padding:5px; margin:0;  font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }

          #search-input:focus{ border:1px solid #cccccc; color:#666666; }

          #search .search-submit-btn{ position:absolute; top:5px; right:5px; height:17px; width:20px; outline:none;

                                                                                background:url(images/bg-search.png) no-repeat top left; cursor:pointer; border:none; }

 

          .ie6 #search .search-submit-btn{ top:6px; }

          .ie6 #search-input, .ie7 #search-input, .ie8 #search-input{  }

 

 

/* =contact

------------------------------------------------------------------------------------------ -----*/

 

          #contact-form{}

          #contact-form fieldset{ margin:0; padding:15px 0 15px 0; }

          #contact-form p{ padding:5px 0 5px 25px; margin:1px; }

          p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }

 

 

           a.fot:link {color: #ffffff; font-size: 11,5px}

           a.fot:active {color :#ffffff; font-size: 11,5px}

           a.fot:visited {color: #ffffff; font-size: 11,5px}

           a.fot:hover {color: #ffffff; font-size: 11,5px}

i don't think want logo overlap menu make part of unusable.  if want logo , menu on same line, use css float.

 

where you  have this:

 

<div id="header">

<div class="img"><a href="#"><img src="_layout/images/logo.png"  /></a> </div>

 

change this:

 

<div id="header">

<div class="img" style="float:left; width:100px"><a href="#"><img src="_layout/images/logo.png"  /></a> </div>

 

 

nancy o.



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

How to change text Component easybook reloaded *newbee* - Joomla! Forum - community, help and support

-
Image
hi all, i started building websites joomla not long ago, can use help.. for got problem guestbook. i have installed easybook. , running on following website http://odoorn321.nl/ (under gastenboek) i want change text: waardering website (is dutch valuate website) waardering. idea rid of word website, because have valuate vacation home, not website. i have made screenshot of text want change. where , how going find css file change text? your appreciated! thanks no one? Board index Joomla! Older Version Support Joomla! 2.5 General Questions/New to Joomla! 2.5
Read more

After Effect warning: A problem occurred when processing OpenGL commands

-
i have after effects cs6 in computer cs5.5 installed. 64bit windows 7 ultimate 20gb memory , 2 amd radeon hd 6900 series display adapters drivers updated hour ago (driver date 27.7.2012, version 8.982.0.0).   when trying use after ecffects, error message " after effect warning: problem occurred when processing opengl commands " when clicking composition window.   what done? not much, i'm afraid. need older graphics driver. other disable second card or play configuration. unfortunately not smart person decided cs6 no longer need manual opengl control user, there's no way suppress within program force-revert software-only modes in case of such issues...   mylenium More discussions in After Effects adobe
Read more

Preconditions Failed. - Joomla! Forum - community, help and support

-
hello! i'm having problem; every time click save&close button, or save button, or close button module; following message appears: "precondition failed the precondition on request url /administrator/index.php evaluated false. additionally, 404 not found error encountered while trying use errordocument handle request." it happens modules. thanks in advance. problem description :: forum post assistant (v1.2.3) : 13th november 2012 wrote: can\'t save changes or close module. log/error message :: forum post assistant (v1.2.3) : 13th november 2012 wrote: precondition failed precondition on request url /administrator/index.php evaluated false. additionally, 404 not found error encountered while trying use errordocument handle request. last php error(s) reported :: forum post assistant (v1.2.3) : 13th november 2012 wrote: [04-mar-2012 01:25:56] php fatal error: call member function get() on non-object in /home/joommmy1/addon/youngstaer/sub/teenace/public_html/templates/...
Read more