<div id="header"> <div class="wrap"> <div id="slide-holder"> <div id="slide-runner"> <a href=""><img id="slide-img-1" src="images/nature-photo.

png" class="slide" alt ="" /></a> <a href=""><img id="slide-img-2" src="images/nature-photo1.png" class="slide" al t="" /></a> <a href=""><img id="slide-img-3" src="images/nature-photo2.png" class="slide" al t="" /></a> <a href=""><img id="slide-img-4" src="images/nature-photo3.png" class="slide" al t="" /></a> <a href=""><img id="slide-img-5" src="images/nature-photo4.png" class="slide" al t="" /></a> <a href=""><img id="slide-img-6" src="images/nature-photo4.png" class="slide" al t="" /></a> <a href=""><img id="slide-img-7" src="images/nature-photo6.png" class="slide" al t="" /></a> <div id="slide-controls"> <p id="slide-client" class="text"><strong>post: </strong><span></span></p> <p id="slide-desc" class="text"></p> <p id="slide-nav"></p> </div> </div> </div> </div> </div>

*{ margin:0; padding:0; } html{ height:100%; } body{ height:100%; color:#a4a4a4; cursor:default; font-size:11px; line-height:16px; text-align:center; background-color:#000; background-position:50% 0; background-repeat:no-repeat; font-family:Tahoma,sans-serif; } a:link,a:visited{ color:#fff; text-decoration:none; } a img{ border:0; } div.wrap{ width:993px;

margin:0 auto; text-align:left; } div#top div#nav{ float:left; clear:both; width:993px; height:52px; margin:22px 0 0; background:url url(images/nav-bg.png) 0 0 no-repeat; } div#top div#nav ul{ float:left; width:700px; height:52px; list-style-type:none; } div#nav ul li{ float:left; height:52px; } div#nav ul li a{ border:0; height:52px; display:block; line-height:52px; text-indent:-9999px; } div#header{ margin:-1px 0 0; } div#video-header{ height:683px; margin:-1px 0 0; } div#header div.wrap{ height:299px; background:url(images/header-bg.png) 50% 0 no-repeat; } div#header div#slide-holder{ z-index:40; width:993px; height:299px; position:absolute; } div#header div#slide-holder div#slide-runner{ top:9px; left:9px; width:973px; height:278px; overflow:hidden; position:absolute; } div#header div#slide-holder img{ margin:0; display:none; position:absolute; } div#header div#slide-holder div#slide-controls{ left:0;

bottom:228px; width:973px; height:46px; display:none; position:absolute; background:url(images/slide-bg.png) 0 0; } div#header div#slide-holder div#slide-controls float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase; } div#header div#slide-holder div#slide-controls float:right; height:24px; display:inline; margin:11px 15px 0 0; } div#header div#slide-holder div#slide-controls float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight:bold; text-align:center; text-decoration:none; background-position:0 0; background-repeat:no-repeat; } div#header div#slide-holder div#slide-controls background-position:0 -24px; } div#header div#slide-holder div#slide-controls l(images/silde-nav.png);} div#nav ul li a{background:url(images/nav.png)

p.text{

p#slide-nav{

p#slide-nav a{

p#slide-nav a.on{ p#slide-nav a{background-image:ur no-repeat;}

<script type=" text="" javascript=""> if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"natu re beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nat ure beauty","desc":"add your description here"},{"id":"slide-img-3","client":"na ture beauty","desc":"add your description here"},{"id":"slide-img-4","client":"n ature beauty","desc":"add your description here"},{"id":"slide-img-5","client":" nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":

"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client" :"nature beauty","desc":"add your description here"}]; </script>

[script type="text/javascript"] var _siteRoot='index.html',_root='index.html'; [/script]