<!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>gallery</title>
<style type="text/css">
#mainbox{ width:701px; height:589px; float:left; margin:auto;}

#box1{ float:left; border: 0px solid #CCC; width:180px; 	height:170px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/pricem.png) no-repeat; }
#box1a{ width:160px; height:125px; margin-top:5px; margin-left: 5px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/index_03.png) no-repeat;}
#n1{ float:left; margin-left:5px; margin-top:10px; margin-right: 5px; color: #1284BA;
font-family: 'Georgia', serif;
font-size: 11px;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 12px;
opacity: 1.00;
text-decoration: none;
text-transform: uppercase;
text-align:center;
}
#n2 { margin-left:5px; margin-top:5px; margin-right: 5px; color: #515151;
font-family: 'Georgia', serif;
font-size: 11px;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 13px;
opacity: 1.00;
text-decoration: none;
text-transform: none;
text-align:center;
}

#box2{ float:left; border: 0px solid #CCC; width:180px; 	height:170px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/pricem.png) no-repeat; margin-left:22px; }
#box2a{
	width: 160px;
	height: 125px;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/index_05.png);
	background-repeat: no-repeat;
}


#box3{ float:left; border: 0px solid #CCC; width:180px; 	height:170px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/pricem.png) no-repeat; margin-left:22px; }
#box3a{ width:160px; height:125px; margin-top:5px; margin-left: 5px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/index_07.png) no-repeat;}


#box4{ float:left; border: 0px solid #CCC; width:180px; 	height:170px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/pricem.png) no-repeat; margin-left:0px; margin-top: 10px; }
#box4a{ width:160px; height:125px; margin-top:5px; margin-left: 5px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/index_12.png) no-repeat;}


#box5{ float:left; border: 0px solid #CCC; width:180px; 	height:170px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/pricem.png) no-repeat; margin-left:22px; margin-top: 10px; }
#box5a{ width:160px; height:125px; margin-top:5px; margin-left: 5px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/index_13.png) no-repeat;}


#box6{ float:left; border: 0px solid #CCC; width:180px; 	height:170px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/pricem.png) no-repeat; margin-left:22px; margin-top: 10px; }
#box6a{ width:160px; height:125px; margin-top:5px; margin-left: 5px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/index_14.png) no-repeat;}


#box7{ float:left; border: 0px solid #CCC; width:180px; 	height:170px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/pricem.png) no-repeat; margin-left:0px; margin-top: 10px; }
#box7a{ width:160px; height:125px; margin-top:5px; margin-left: 5px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/index_18.png) no-repeat;}
</style>

</head>

<body>
<div id="mainbox">	

  <div  style="float:left; border: 0px solid #CCC; width:180px; 	height:170px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/pricem.png) no-repeat; ">

		<a href="#">
		<div id="box1a"></div>
		</a>
     <div  style="margin-left:5px; margin-top:10px; margin-right: 5px; color: #1284BA;
font-family: 'Georgia', serif;
font-size: 11px;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 12px;
opacity: 1.00;
text-decoration: none;
text-transform: uppercase;
text-align:center;">OUTDOOR LIVING SPACES</div>
    <div style=" margin-left:5px; margin-top:5px; margin-right: 5px; color: #515151;
font-family: 'Georgia', serif;
font-size: 11px;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 13px;
opacity: 1.00;
text-decoration: none;
text-transform: none;
text-align:center;" align="center"> 40 photos</div>
	</div>
    
    <div style="float:left; border: 0px solid #CCC; width:180px; 	height:170px; background:url(http://bigdaddysp.primaryhub.com/wp-content/uploads/2012/11/pricem.png) no-repeat; margin-left:22px;">

		<a href="#">
		<div id="box2a"></div>
		</a>
     <div id="n1">OUTDOOR KITCHENS</div>
     <div id="n2"> 48 photos</div>
	</div>
    
    
      
    <div id="box3">

		<a href="#">
		<div id="box3a"></div>
		</a>
     <div id="n1">FIRE PLACES, PITS & POTS</div>
     <div id="n2"> 58 photos</div>
	</div>
    
    
      
    <div id="box4">

		<a href="#">
		<div id="box4a"></div>
		</a>
     <div id="n1">WATERFEATURES</div>
     <div id="n2"> 105 photos</div>
	</div>
    
    
    
      
    <div id="box5">

		<a href="#">
		<div id="box5a"></div>
		</a>
     <div id="n1">BUILT IN ACRYLIC SPAS</div>
     <div id="n2"> 28 photos</div>
	</div>
    
    
    
      
    <div id="box6">

		<a href="#">
		<div id="box6a"></div>
		</a>
     <div id="n1">STACKED STONE</div>
     <div id="n2"> 22 photos</div>
	</div>
    
    
    
      
    <div id="box7">

		<a href="#">
		<div id="box7a"></div>
		</a>
     <div id="n1">MAILBOXES</div>
     <div id="n2"> 4 photos</div>
	</div>
    
    
</div>

</body>
</html>
