<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Meta Content" />
<meta name="keywords" content="Meta Keywords" />
<link data-type="sitestyle" href="styles/style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<title>Total Design</title>
</head>
<body>
<div class="main_outer">
	<div id="sitecolor">
	<div class="outerwrapper_container">
	<div class="outerwrapper">
		<div class="wrapper">
			<div class="layout_header">
			<!-- start header -->
			<div class="header_wrapper">
				<div class="logo_sec">
					<div class="logo">
						<img src="images/logo.jpg" id="logo" data-type="logo" data-edit="true">
					</div>
					<div class="logo_name">
						<h1 id="heading" data-type="heading">Total <span>Design</span></h1>
						<h2 id="caption" data-type="caption">CREATIVE BUREAU</h2>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<!-- end header -->
			<div class="clear"></div>
			</div>
			<div class="layot_topmenu">
			<!-- start topmenu -->
				<div class="top_menu">
					<ul  data-type="menu">
						<li class="active"><a data-alias="index">Home</a></li>
						<li><a data-alias="aboutus">About Us</a></li>
						<li><a data-alias="gallery">Gallery</a></li>
						<li><a data-alias="contactus">Contact Us </a></li>
					</ul>
				<div class="clear"></div>
				</div>
			<!-- end topmenu -->
			<div class="clear"></div>
			</div>
			<div class="layout_bannerarea">
			<!-- start banner -->
			<div class="banner_area_wrapper">
					<div class="banner_note_area">
						<h2>Web Technology</h2>
						<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. 
						Phasellus porta. Fusce suscipit varius mi. Lorem ipsum dolor sit amet, 
						consectetuer adipis cing elit. Mauris fermentum dictum magna. 
						Sed laore et aliquam leo. Ut tellus dolor, dapibus eget, element um vel, cursus eleifend, elit.</p>
						<p><a class="morelink">more</a></P>
						<div class="clear"></div>
					</div>
					<div class="banner">
						<div data-type="slider">
						<img src="images/banner.png" data-edit="true" title="Click here to update your gallery" />
						</div>
					<div class="clear"></div>
					</div>
					<!-- end banner -->
					<div class="clear"></div>
					</div>
				</div>
				<div class="layout_row1">
				<!-- start row1-->
				<div class="welcome_area">
					<p>
						Welcome to the top rated Total design creative bureau with real experts showing excellence in professional web design & development.
					</p>
					<div class="clear"></div>
				</div>
				<!-- end row1-->
				</div>
				<div class="layout_homecontentrow2">
				<!-- start row2-->
				<div class="homeblkrow1">
				<div class="blkbox rightmarg1">
						<div class="homeblkrow1_image">
						<img src="images/img1.jpg" data-edit="true">
						</div>
						<h3>WEB <span>SHOP</span> </h3>
						<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. 
						Phasellus porta. Fusce suscipit varius mi.</p>
						<p><a class="morelink">more</a></P>
						<div class="clear"></div>
			  </div>
					<div class="blkbox rightmarg1">
					  	<div class="homeblkrow1_image">
						<img src="images/img2.jpg" data-edit="true">
						</div>
						<h3>WEB<span> SITE</span> </h3>
						<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. 
						Phasellus porta. Fusce suscipit varius mi. </p>
						<p><a class="morelink">more</a></P>
						<div class="clear"></div>
					</div>
					<div class="blkbox">
					  	<div class="homeblkrow1_image">
							<img src="images/img3.jpg" data-edit="true">
						</div>
						<h3>CREATIVE <span>DESIGN</span> </h3>
						<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. 
						Phasellus porta. Fusce suscipit varius mi.</p>
						<p><a class="morelink">more</a></P>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
			</div>
			<!-- end row2-->
			</div>
			<div class="layout_homecontentrow3">
			<!-- start row3-->
			<div class="homecontentrow2">
				<div class="recent_work_blk">
					<div class="recent_work_blk_hdr">
						Recent <span>Portfolio</span>
					</div>
					<div class="clear"></div>
					<div class="recent_works">
						<div class="r_work">
							<img src="images/work1.jpg" data-edit="true">
							<div class="clear"></div>
							<p>Websites</p>
						</div>
						<div class="r_work">
							<img src="images/work2.jpg" data-edit="true">
							<div class="clear"></div>
							<p>Graphics</p>
						</div>
						<div class="r_work">
							<img src="images/work3.jpg" data-edit="true">
							<div class="clear"></div>
							<p>Branding</p>
						</div>
					</div>
				</div>
				<div class="phylosophy_blk">
					<div class="phylosophy_hdr">Client <span>Speaks</span></div>
					<p>
						Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. 
							Phasellus porta. Fusce suscipit varius mi. Lorem ipsum dolor sit amet, 
							consectetuer adipis cing elit. Mauris fermentum dictum magna.
					</p>
					<div class="clear"></div>
					<div class="test_author">-- cursus eleifend</div>
					<div class="clear"></div>
						<div class="more_blk"><a class="morelink right">more</a></div>
				</div>
			</div>
			<!-- end row3-->
			<div class="clear"></div>
			</div>
		</div>
	<div class="clear"></div>
	</div>
	<div class="footer_outer">
			<div class="footer">
			<!-- start footer -->
			<div id="site_banner" data-type="site_banner"></div>
			<div class="footer_content">
				 <p>&copy;2013 Total Design All Rights Reserved</p>
				 <div class="socialshare"  data-type="socialshare">
					<a href="#"><img src="images/ricon_facebook.png" data-edit="true"></a>
					<a href="#"><img src="images/ricon_twitter.png" data-edit="true"></a>
					<a href="#"><img src="images/ricon_linkedin.png" data-edit="true"></a>
				</div>
			</div>
			<!-- end footer -->
			</div>
		</div>
		</div>
</div>
</div>
</body>
</html>
