doboyo store listing

store listing for an ebay store front

by Christopher Pearson

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
	
	<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" href="doboyo.css">


	</head>
	<body>
		<div class="listing-template">

			<div class="section-hdr">
				<img class="top-logo center-block" src="http://i76.photobucket.com/albums/j39/christopherepearson1/Web%20Graphics/logo3_zpsa8816cd3.png" style="border: 0;" alt="logo"/>
			</div>

			<div class="nav-bar">
					<ul style="float:left">
						<li><a target="_blank" href="http://stores.ebay.com/doboyo_Maternity-Fashion_W0QQfsubZ5511741012">maternity</a></li>
				        <li><a target="_blank" href="http://stores.ebay.com/doboyo_Womens-Fashion_W0QQfsubZ5511742012">women's</a></li>
				        <li><a target="_blank" href="http://stores.ebay.com/doboyo_Mens-Fashion_W0QQfsubZ5511743012">men's</a></li>
				        <li><a target="_blank" href="http://stores.ebay.com/doboyo_Youth-Fashion_W0QQfsubZ5511744012">youth</a></li>
				        <li><a target="_blank" href="http://stores.ebay.com/doboyo_Baby_W0QQfsubZ5511745012">baby</a></li>
				        <li><a target="_blank" href="http://stores.ebay.com/doboyo_Household_W0QQfsubZ5511751012">houshold</a></li>
				        
	        		</ul>
	        	    <ul style="float:right">
	          			<li><a target="_blank" href="http://stores.ebay.com/doboyo">STORE HOME</a></li>		        
	   ...

CSS

body {
		
	}

	.listing-template {
		max-width: 750px;
		background-color: #7496a7;
		border: 1px solid #000;
		margin-left: auto;
		margin-right: auto;
	}

	.listing-template .section-hdr {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.listing-template .section-hdr .top-logo {
		max-width:350px;
		/*margin-left: 200px;*/
	}

	.listing-template .nav-bar {
		width:748px;
	}

	.listing-template .nav-bar ul {
		padding-left: 2px;
		padding-right: 5px;
	}

	.listing-template .nav-bar a {
  		color: #D7E3E9;
  		font-family: oswald, sans-serif;
  		font-size: 14px;
  		font-weight: 300;
  		padding: 8px;
    	text-transform: uppercase;
	}

	.listing-template .nav-bar li {
		display:inline-block;
		padding-top: 10px;
		padding-bottom: 10px;
		border: 1px solid #D7E3E9;
	}

	.listing-template .nav-bar li:hover {
    	background-color:#2B596F;
	}

	.listing-template .listing-content {
		padding-top:15px;
		padding-bottom: 15px;
		border: 0px solid #D7E3E9;
	}

	.listing-template .listing-content .gallery-container {
		height: 600px;
		width:420px;
		border: 1px solid #D7E3E9;
		float:left;
	}

	.listing-template .listing-content .gallery-container .big-pic-box {
		height: 404px;
		width:404px;
		position:relative; 
		left:5px; 
		top:5px; 
		background-color:#2B596F;
		border: 1px solid #D7E3E9;
	}

	.listing-template .listing-content .gallery-container .default {
		position:relative; 
		left:0px; 
		top:0px; 
		border:1px solid #D7E3E9; 
		opacity: 0.25;
		z-index:0;
		max-height: 402px;
		max-width: 402px;
	}

	.listing-template .listing-content .gallery-container .thumb-set {
		position:relative; 
		height:150px;
		width:404px;
		left:5px; 
		top:30px; 
		/*background-color:#2B596F;
		border: 1px solid #D7E3E9;*/
	}

	.listing-template .listing-content .gallery-container .thumb-set ul {
		list-style:none; 
		padding:5px; 
		margin:0;
		float:left;
	}

	.listing-template .listing-content .gallery-container .thumb-set li {
		display:inline; width:65px; height:65px;...