*{
margin:0;
padding:0;
}

	.body{
		height:388px;
		color:#a4a4a4;
		cursor:default;
		font-size:11px;
		line-height:16px;
		text-align:center;
		background-color:#FFF;
		background-position:50% 0;
		background-repeat:no-repeat;
		font-family:Tahoma,sans-serif;
	}
	
a img{
	border:0;
	}

div.wrap{
	position: relative;
	top: 30px;
	width:960px;
	margin:0 auto;
	text-align:left;
	}

div#top div#nav{
	float:left;
	clear:both;
	width:960px;
	height:250px;
	margin:0px 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;
	height: 150px;
	width:960px;
	}

div#video-header{
	height:683px;
	margin:-1px 0 0;
	}

div#header div.wrap{
	height:251px;
	background: #FFF;
	}

div#header div#slide-holder{
	z-index:40;
	width:960px;
	height:250px;
	position:absolute;
	}

div#header div#slide-holder div#slide-runner{
	width:960px;
	height:250px;
	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:295px;
	width:960px;
	height:46px;
	display:none;
	position:absolute;
	background:url(images/slide-bg.png) 0 0;
	}

/*div#header div#slide-holder div#slide-controls p.text{
	float:left;
	color:#666;
	display:inline;
	font-size:10px;
	line-height:16px;
	margin:15px 0 0 20px;
	text-transform:uppercase;
	}*/

div#header div#slide-holder div#slide-controls p#slide-nav{
	float:right;
	height:24px;
	display:inline;
	margin:11px 11px 0 0;
	}

div#header div#slide-holder div#slide-controls p#slide-nav a{
	float:left;
	color: #069;
	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 p#slide-nav a.on{
	background-position:0 -24px;
	}

div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:#000;}

div#nav ul li a{background:#000 no-repeat;}

Step 3: simple JavaScript for jQuery sliders:

copy and paste the following code for jQuery sliders.add to jQuery sliders code after your HTML code in BODY section. you can change the post title and description easily just change "client" command and for description just change "desc" from Jquery code.

<script type=" text="" javascript="">

if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature 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>