Herzaman yaşadığım uyumsuzluk sorunu !

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body {
   margin: 0;
   padding: 0;
   color: #5e5b57;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 13px;
   line-height: 1.4em;
   background-color: #242424;
   background-repeat: repeat-x;
   background-position: top
}

a, a:link, a:visited {
   color: #f2b600;
   font-weight: normal;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a.learnmore {
   display: block;
   width: 110px;
   height: 40px;
   text-indent: -10000px;
   background: url(http://img.webme.com/pic/h/highmuzik/templatemo_learnmore.png) no-repeat;
}

a.more {
   display: inline-block;
   padding-right: 24px;
   font-size: 11px;
   font-weight: 700;
   background: url(http://img.webme.com/pic/h/highmuzik/templatemo_more.png) no-repeat scroll 34px 3px;
}

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
blockquote { font-style: italic; margin: 0 0 0 10px;}
cite { font-weight: bold; color:#e17300; }
cite a, cite a:link, cite a:visited  { font-size: 12px; text-decoration: none; font-style: normal }
cite span { font-weight: 400; color: #e17300; }

h1, h2, h3, h4, h5, h6 { color: #f2b600; font-weight: normal; }
h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 30px; margin: 0 0 25px; padding: 5px 0 }
h3 { font-size: 24px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }

.float_l { float: left }
.float_r { float: right }

.image_frame {
   display: inline-block;
   position: relative;
   margin: 3px 0 10px 0;
   background: #111111;
   padding: 6px;
   border: 1px solid #3a3a3a;
}

.image_fl {
   float: left;
   margin: 3px 20px 12px 0;
}

.image_fr {
   float: right;
   margin: 3px 0 12px 20px;
}

.templatemo_list {
   margin: 10px 0 10px 0;
   padding: 0;
   list-style: none;
}

.templatemo_list_more {
   text-decoration:none;
   cursor:default;
}

.templatemo_list_more:hover {
   text-decoration:none;
}

.templatemo_list li {
   color:#5e5b57;
   margin: 0 0 10px 0;
   padding: 0 5px 0 20px;
   background: url(http://img.webme.com/pic/h/highmuzik/templatemo_list.png) no-repeat scroll 0 5px; 
}

.templatemo_list li a {
   color: #5e5b57;
   font-weight: normal;
}

.templatemo_list li a:hover { color: #5e5b57 }

#home {
   background-image: url(http://img.webme.com/pic/h/highmuzik/templatemo_home_bg.jpg);
}

#subpage {
   background-image: url(http://img.webme.com/pic/h/highmuzik/templatemo_subpage_bg.jpg);
}

#templatemo_wrapper {
   width: 960px;
   margin: 0 auto;
   padding: 0 10px;
}
#templatemo_menu {
   width: 960px;
   height: 50px;
}
#templatemo_header_home {
   width: 960px;
   height: 150px;
   background: url(http://img.webme.com/pic/h/highmuzik/templatemo_home_header.jpg) no-repeat top
}
#templatemo_header_sp {
   width: 960px;
   height: 150px;
   background: url(http://img.webme.com/pic/h/highmuzik/templatemo_subpage_header.jpg) no-repeat top
}
#templatemo_middle {
   width: 960px;
   height: 326px;
   padding-top: 15px;
   background:url(http://img.webme.com/pic/h/highmuzik/templatemo_middle.jpg) no-repeat bottom
}
#templatemo_main {
   width: 960px;
   padding: 20px 0 40px
}
#templatemo_footer_wrapper {
   width: 100%;
   background: #1b1b1b url(http://img.webme.com/pic/h/highmuzik/templatemo_footer.jpg) repeat-x top
}
#templatemo_footer {
   width: 960px;
   padding: 40px 10px;
   margin: 0 auto;
}

#site_title {
   margin: 0 auto;
   padding: 40px 0;
}

#site_title h1 {
   margin: 0;
   padding: 0;
}

#site_title h1 a {
   margin: 0 auto;
   display: block;
   width: 162px;
   height: 32px;
   text-indent: -10000px;
   background:  url(http://img.webme.com/pic/h/highmuzik/templatemo_logo.png) no-repeat center top;
}

#templatemo_middle_text {
   float: right;
   width: 500px;
   padding: 20px 0;
}

#templatemo_middle_text h2 {
   color: #535353;
   font-size: 28px;
   font-weight: normal;
   line-height: 34px;
   margin-bottom: 10px;
}

#templatemo_middle_text h2 strong {
   display: block;
   color: #fff;
   font-size: 38px; 
   font-weight: normal;
}

#templatemo_middle_text p {
   color: #333;
   margin-bottom: 20px;
}

#content_top {
   width: 100%;
   height: 150px;
   margin-bottom: 40px;
}

#templatemo_main h2 a, #templatemo_main h3 a, #templatemo_main h4 a { color: #f2b600 }

.col_2 {
   float: left;
   width: 450px;
   margin-right: 60px;
}

.col_3 {
   float: left;
   width: 280px;
   margin-right: 60px;
}

.col_3_like {
   cursor:default;
}

.col_4 {
   float: left;
   width: 225px;
   margin-right: 20px;
}

.no_margin_right { margin: 0 }

.cleaner_notex {width:60px; height:24px; display:block; cursor:default;}

#content {
   float: left;
   width: 620px;
}

#sidebar {
   float: right;
   width: 280px;
}

.testimonial {
   padding: 0 0 0 50px;
   display: block;
   background: url(http://img.webme.com/pic/h/highmuzik/templatemo_testimonial.png) left top no-repeat;
}

.post {
   clear: both;
   padding: 40px 0;
   border-bottom: 1px solid #343434;
   border-top: 1px solid #000;
}

.fpost {
   padding-top: 0;
   border-top: none;
}

.post h2.home {
   color: #ba8c00;
   font-size: 18px;
   margin-bottom: 0; 
}

.post h2 {
   margin-bottom: 0;
   line-height: 38px;
}

.post .meta {
   font-size: 10px;
   margin-bottom: 20px;
}

.post .meta a, .post .meta strong {
   color: #7b7b7b;
   font-weight: 700;
}

#comment_section {
   clear: both;
   margin-bottom: 60px;
   width: 590px;
}

.first_level {
   margin: 0; padding: 0;
}

.comments {
   list-style: none;
}

.comments li {
   margin-bottom: 10px;
   list-style:none;
}

.comments li .commentbox1 {
   border-left: 5px solid #000;
   background: #222;
}

.comments li .commentbox2 {
   border-left: 5px solid #333;
   background: #292929;
}

.comments li .comment_box {
   clear: both;
   width:100%;
   padding: 15px;
   margin-bottom: 40px; 
}

.comment_box .gravatar {
   float: left;
   width: 75px;
   margin-right: 30px;
}

.comment_box .gravatar img { 
   width: 75px;
   height: 75px;
}

.comment_box .comment_text {  }

.comment_box .comment_text p {
   margin: 0;
}

.comment_text .comment_author {
   font-size: 14px;
   font-weight: bold;
   color: #ba8c00;
   margin-bottom: 10px;
}

.comment_text .date {
   font-size: 12px;
   font-weight: normal;
   color: #7b7b7b;
   padding-left: 10px;
}

.comment_text .time {
   font-size: 12px;
   font-weight: normal;
   color: #7b7b7b;
   padding-left: 10px;
}

.comment_text .reply a {
   display: block;
   clear: both;
   float: right;
   color: #000;
   font-weight: 700;
}

#comment_form {
   clear: both;
}

#comment_form h3 {
   font-size: 20px;
   border-bottom: 1px dotted #666;
   margin-bottom: 15px;
   padding-bottom: 10px;
}

#comment_form form {
}

#comment_form textarea {
   padding: 5px;
   color: #fff;
   background: #333;
   border: 1px solid #555;
   font-size: 12px;
   font-family: Tahoma, Geneva, sans-serif;
   margin-top: 5px;
   height:150px;
   width: 400px;
}

#comment_form .form_row {
   width: 100%;
   margin-bottom: 15px;
}

#comment_form form input {
   padding: 5px;
   color: #fff;
   background: #333;
   border: 1px solid #555;
   font-size: 12px;
   font-family: Tahoma, Geneva, sans-serif;
   margin-top: 5px;
   width: 280px;
}

#comment_form .submit_btn {
   display: block;
   width: 70px;
   height: 30px;
   padding: 5px 8px;
   text-align: center;
   text-decoration: none;
   font-weight: bold; 
   background: #111;
   border: 1px solid #555;
   color: #fff;
   font-size:12px;
}

.rp_pp {
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px dotted #ced4dc;
}

.rp_pp a {
   color: #666;
   font-weight: 700;
}

.rp_pp img {
   float: right;
}

.rp_pp p {
   font-size: 10px;
}

#contact_form {
   padding: 0;
   width: 460px;
   margin-bottom: 40px;
}

#contact_form form {
   margin: 0px;
   padding: 0px;
}

#contact_form form .input_field {
   width: 300px;
   padding: 5px;
   color: #fff;
   background: #333;
   border: 1px solid #555;
   font-size: 12px;
   font-family: Tahoma, Geneva, sans-serif;
   margin-top: 5px;
}

#contact_form form label {
   display: block;
   width: 100px;
   margin-right: 12px;
   font-size: 13px;
}

#contact_form form textarea {
   width: 448px;
   height: 210px;
   padding: 5px;
   color: #fff;
   background: #333;
   border: 1px solid #555;
   font-size: 12px;
   font-family: Tahoma, Geneva, sans-serif;
   margin-top: 5px;
}

#contact_form form .submit_btn {
   padding: 5px 14px;
   background: #333;
   border: 1px solid #555;
   color: #fff;
   font-size:14px;
   margin: 10px 0px;
}   

#templatemo_footer h5 {
   font-size: 14px;
   font-weight: 700;
   margin-bottom: 20px;
}

.footer_list {
   margin: 0;
   padding: 0;
   list-style: none;
}

.footer_list li {
   margin: 0 0 5px;
   padding: 0 0 3px;
   border-bottom: 1px dotted #433854;
}

.footer_list li a {
   color: #666;
}

.twitter_post {
   margin: 0;
   padding: 0;
   list-style: none;
}

.twitter_post li {
   margin: 0 0 10px;
   padding: 0 0 7px;
   border-bottom: 1px dotted #433854;
}

.footer_social_button {
   clear: both;
   margin-top: 20px;
}

.footer_social_button a {
   margin-right: 5px;
}

#slider-wrapper {
   float: left;
    width: 360px;
    height: 228px;
    margin: 0 0 0;
   padding: 10px 11px 14px;
   background: url(http://img.webme.com/pic/h/highmuzik/templatemo_slider.png) no-repeat
}

#slider {
   position:relative;
    width: 360px;
    height: 228px;
   background:url(http://img.webme.com/pic/h/highmuzik/loading.gif) no-repeat 50% 50%;
}

#slider img {
   position:absolute;
   top:0px;
   left:0px;
   display:none;
}

#slider a {
   border:0;
   display:block;
}

.nivo-controlNav {
   position:absolute;
   left:260px;
   bottom:-42px;
}

.nivo-controlNav a {
   display:block;
   width:22px;
   height:22px;
   background:url(http://img.webme.com/pic/h/highmuzik/bullets.png) no-repeat;
   text-indent:-9999px;
   border:0;
   margin-right:3px;
   float:left;
}

.nivo-controlNav a.active {
   background-position:0 -22px;
}

.nivo-directionNav a {
   display:block;
   width:30px;
   height:30px;
   background:url(http://img.webme.com/pic/h/highmuzik/arrows.png) no-repeat;
   text-indent:-9999px;
   border:0;
}

a.nivo-nextNav {
   background-position:-30px 0;
   right:15px;
}

a.nivo-prevNav {
   left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption a {
    color:#efe9d1;
    text-decoration:underline;
}

.no_margin_right {
   margin-right: 0;
}

.no_pmb {
   padding-bottom: 0;
   margin-bottom: 0;
   border-bottom: 0;
}

.pagging {
   margin: 0 0 20px;
   padding: 0;
}

.pagging_more {
   float:right;
   line-height:30px;
   text-indent:-99999px;
   width:50px;
   cursor:default;
}

.pagging ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.pagging ul li {
   margin: 0;
   padding: 0;
   display: inline;
}

.pagging ul li a {
   float: left;
   display: block;
   color: #333;
   text-decoration: none;
   margin-right: 5px;
   padding: 5px 10px;
   background-color: #000;
   border: 1px solid #2f2f2f;
}

.pagging ul li a:hover {
   background: #f2b600;
   border: 1px solid #dfdfdf;
   color: #fff; 
}.ddsmoothmenu{
   
}

.ddsmoothmenu ul{
   z-index:100;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
   position: relative;
   display: inline;
   float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
   display: block;
   height: 50px;
   padding: 0 32px 0 30px;
   line-height: 50px;
   margin: 0 5px 0 9px;
   font-size: 14px;
   color: #bbb3ac;   
   text-align: center;
   text-decoration: none;
   font-weight: 400;
   outline: none;
   background: url(http://img.webme.com/pic/h/highmuzik/templatemo_menu_divider.png) no-repeat right center
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
   color: #f2b600;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
   position: absolute;
   width: 170px;
   left: 0;
   display: none; /*collapse all sub menus to begin with*/
   visibility: hidden;
   background: #222
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
   font-weight: 500;
   width: 140px; /*width of sub menus*/
   height: 28px;
   line-height: 28px;
   padding: 0 15px;
   margin: 0;
   font-size: 12px;
   text-align: left;
   background: none;
   color: #bbb3ac;
   border-top: 1px solid #333;
   border-bottom: 1px solid #000
}


.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
   color: #f2b600;
   width: 135px;
   padding-left: 20px;
   background: none;
}

/* Holly Hack for IE */
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.5;
}

/* menu */
#lightbox{   position: absolute;   left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://img.webme.com/pic/h/highmuzik/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://img.webme.com/pic/h/highmuzik/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%   ; }

#imageData{   padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }   
#imageData #caption{ font-weight: bold;   }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;   }         
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}       

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
   position:relative;
}
.nivoSlider img {
   position:absolute;
   top:0px;
   left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   border:0;
   padding:0;
   margin:0;
   z-index:60;
   display:none;
}
/* The slices in the Slider */
.nivo-slice {
   display:block;
   position:absolute;
   z-index:50;
   height:100%;
}
/* Caption styles */
.nivo-caption {
   position:absolute;
   left:0px;
   bottom:0px;
   background:#000;
   color:#fff;
   opacity:0.8; /* Overridden by captionOpacity setting */
   width:100%;
   z-index:89;
}
.nivo-caption p {
   padding:5px;
   margin:0;
}
.nivo-caption a {
   display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
   position:absolute;
   top:45%;
   z-index:99;
   cursor:pointer;
}
.nivo-prevNav {
   left:0px;
}
.nivo-nextNav {
   right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
   position:relative;
   z-index:99;
   cursor:pointer;
}
.nivo-controlNav a.active {
   font-weight:bold;
}

<style type="text/css"> 
html, body {
text-align: center;
}
</style><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Techno Theme, Free CSS Template</title>
<meta name="keywords" content="techno, theme, free templates, orange, dark gray, black, metal bar, metallic design" />
<meta name="description" content="Techno Theme is a free template modern style designed by orange, dark gray, and black colors." />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />

<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

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

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
   mainmenuid: "templatemo_menu", //menu DIV id
   orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
   classname: 'ddsmoothmenu', //class added to menu's outer DIV
   //customtheme: ["#1c5a80", "#18374a"],
   contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

</head>
<body id="home">

<div id="templatemo_wrapper">
   <div id="templatemo_menu" class="ddsmoothmenu">
        <ul>
            <li><a href="index.html" class="selected"><span></span>Home</a></li>
            <li><a href="about.html"><span></span>About</a>
                <ul>
                    <li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
                    <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
                    <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
                    <span></span>
                </ul>
            </li>
            <li><a href="portfolio.html"><span></span>Portfolio</a>
                <ul>
                    <li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
                    <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
                    <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
                    <li><a href="http://www.templatemo.com/page/4">Sub menu 4</a></li>
                    <li><a href="http://www.templatemo.com/page/5">Sub menu 5</a></li>
                    <span></span>
                </ul>
             </li>
             <li><a href="blog.html"><span></span>Blog</a></li>
             <li><a href="contact.html"><span></span>Contact</a></li>
        </ul>
        <br style="clear: left" />
    </div> <!-- end of menu -->
   
   <div id="templatemo_header_home">
       <div id="site_title"><h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1></div>
    </div> <!-- end of header -->
   
   <div id="templatemo_middle">
       <div id="templatemo_middle_text">
           <h2>Pellentesque neque orci <strong>Nunc ornare metus leo</strong></h2>
            <p>Aenean eu convallis libero. Cras iaculis laoreet nisl et aliquet. Fusce sed leo a tellus porta tristique. Quisque orci elit, egestas blandit quis, vulputate in tortor. </p>
            <a href="#" class="learnmore">Learn More</a>
        </div>
        <div id="slider-wrapper">
       
            <div id="slider" class="nivoSlider">
                <img src="http://img.webme.com/pic/h/highmuzik/0001.jpg" alt="Slider 01" title="Aenean tortor vel porttitor volutpat" />
                <a href="http://dev7studios.com"><img src="http://img.webme.com/pic/h/highmuzik/0002.jpg" alt="Slider 02" title="Donec sit amet gravida quam ut condimentum risus" /></a>
                <img src="http://img.webme.com/pic/h/highmuzik/0003.jpg" alt="Slider 03" title="Pellentesque dignissim dapibus fermentum"/>
                <img src="http://img.webme.com/pic/h/highmuzik/0004.jpg" alt="Slider 03" title="Mauris lobortis placerat sollicitudin" />
            </div>
       
        </div>
       
            <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
            <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
            <script type="text/javascript">
            $(window).load(function() {
                $('#slider').nivoSlider();
            });
            </script>
           
        <div class="cleaner"></div>
    </div> <!-- end of middle -->
   
    <div id="templatemo_main">
       <div id="content_top">
            <div class="col_2">
                <h4><a href="#">Aliquam posuere imperdiet aliquet</a></h4>               
                <div class="image_fl"><img src="http://img.webme.com/pic/h/highmuzik/36_64x64.png" alt="Image 01" /></div>
                <p>Ut sed lorem ac ante cursus auctor. Nam ut congue velit. Cras eget fermentum sem. Maecenas nec purus lorem.</p>
                <a href="#" class="more float_r">More</a>
                <div class="cleaner"></div>
            </div>
            <div class="col_2 no_margin_right">
                <h4><a href="#">Nulla sed convallis nisl imperdiet</a></h4>
                <div class="image_fl"><span></span><img src="http://img.webme.com/pic/h/highmuzik/41_64x64.png" alt="Image 02" /></div>
                <p>Morbi blandit nunc vitae odio volutpat hendrerit. Aliquam adipiscing nunc eget arcu vulputate consectetur. </p>
                <a href="#" class="more float_r">More</a>
                <div class="cleaner"></div>
            </div>
            <div class="cleaner"></div>
        </div>
       
        <div id="content">
           <h2> Latest Website Template</h2>
           <div class="post no_pmb">
               <img src="http://img.webme.com/pic/h/highmuzik/templatemo_image_01.png" alt="Image 01" class="image_frame image_fl" />
                <h2 class="home">Integer Sit Amet Dui Lorem</h2>
                <div class="meta">by <strong><a href="#">Edward</a></strong> on <strong>March 23, 2048</strong> in <strong><a href="#">3D</a>, <a href="#">Interactive</a></strong> | <strong><a href="#">154 comments</a></strong></div>           
                <p><a href="http://www.templatemo.com/">Techno</a> is free css template provided by <a href="http://www.templatemo.com/">templatemo.com</a> for your personal or commercial websites. Credit goes to <a href="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249" target="_blank">jwloh</a> for icons. Suspendisse potenti. Vivamus ac nibh eget justo sodales posuere a nec ipsum. Nullam arcu nisi, imperdiet at mollis in, congue sed ante. Aenean eget consequat est. Sed eleifend ante nec nisi dictum aliquam. In eget orci libero. Proin in felis non fermentum dapibus. Suspendisse potenti. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
                <a href="#" class="more float_r">More</a>
                <div class="cleaner"></div>
            </div>
        </div>
       
        <div id="sidebar">
           <h3>Services</h3>
            <ul class="templatemo_list">
                <li>Augue felis pharetra felis</li>
                <li>Condimentum et vulputate</li>
                <li>Dolor vel condimentum</li>
                <li>Felis pharetra felis sed</li>
                <li>Integer placerat dolor vel</li>
                <li>Tortor mi in massa donec</li>
                <li>Vulputate tortor mi in massa</li>
                <li><a class="templatemo_list_more" href="http://tr.forwallpaper.com"   target="_blank">duvar kağıdı için</a></li>
            </ul>   
        </div>
       
        <div class="cleaner"></div>
    </div> <!-- end of main -->
</div> <!-- end of wrapper -->

<div id="templatemo_footer_wrapper">
   <div id="templatemo_footer">
   
       <a href="#templatemo_header" class="goto_top"></a>
       <div class="col_4">
           <h5>Pages</h5>
            <ul class="footer_list">
               <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="contact.html">Contact</a></li>
         </ul>
        </div>
       
        <div class="col_4">
           <h5>Partners</h5>
            <ul class="footer_list">
               <li><a href="http://www.flashmo.com">Free Flash Templates</a></li>
                <li><a href="http://www.templatemo.com/page/1">Free CSS Templates</a></li>
                <li><a href="http://www.webdesignmo.com/blog">Web Design Resources</a></li>
                <li><a href="http://www.templatemo.com">Website Templates</a></li>
                <li><a href="http://www.koflash.com">Free Web Gallery</a></li>
         </ul>             
        </div>
       
        <div class="col_4">
           <h5>Twitter</h5>
            <ul class="twitter_post">
               <li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies. <a href="#">http://bit.ly/13IwZO</a></li>
                <li>Proin dignissim, diam nec <a href="#">@TemplateMo</a> enim lorem tempus orci, ac imperdiet purus in justo.</li>
         </ul>
        </div>
       
        <div class="col_4 no_margin_right">
           <h5>Follow Us</h5>
            <div class="footer_social_button">
                <a href="#"><img src="http://img.webme.com/pic/h/highmuzik/facebook.png" title="facebook" alt="facebook" /></a>
                <a href="#"><img src="http://img.webme.com/pic/h/highmuzik/flickr.png" title="flickr" alt="flickr" /></a>
                <a href="#"><img src="http://img.webme.com/pic/h/highmuzik/twitter.png" title="twitter" alt="twitter" /></a>
                <a href="#"><img src="http://img.webme.com/pic/h/highmuzik/youtube.png" title="youtube" alt="youtube" /></a>
                <a href="#"><img src="http://img.webme.com/pic/h/highmuzik/feed.png" title="rss" alt="rss" /></a>
         </div>
           
            <div class="cleaner h20"></div>
           
            <p>Copyright © 2048 <br /> Your Company Name | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a></p>
       
      </div>
       
        <div class="cleaner"></div>
    </div> <!-- end of footer -->
</div> <!-- end of footer wrapper -->

<script type='text/javascript' src='js/logging.js'></script>
</body>
</html>