@charset "utf-8";
/* Keystone Website
Author: Danielle Hogg*/

* {	padding:0px;
	margin:0px;
	}

html, body {
   padding: 0;
   margin: 0;
   font-family: futura_ltlight, Arial, Helvetica, sans-serif;
   background: #BB171D url(img/background.jpg) repeat-x;
   background-attachment: fixed;
   }
   

#wrapper {
	margin:auto;
	text-align: left;
	width: 980px;
	background: url(img/column.jpg) repeat-y;
	position:relative;
	top:0px;
	}
	
h1 { font-size:22px; text-transform:uppercase; margin-bottom:4px;}
h2 { font-size:16px; text-transform:uppercase; margin-bottom:6px; line-height: 2em; color:#BB171D;}
h3 { font-size:15px; text-transform:uppercase; margin-bottom:6px; line-height: 1.6em; color:#BB171D;}
p  { font-size:15px; margin-bottom:10px; line-height: 1.5em; color:#333;}
a	{color:#BB171D; text-decoration:none;}
a:hover, a:visited {color:#BB171D; text-decoration:underline;}

.bullets {font-size:15px; color:#333; line-height:1.5em; margin-bottom:6px; margin-left:20px;}
.bullets li {margin-bottom:8px;}

img	{ border-style: none;}		
img.left { float: left; margin: 10px 30px 0 0;}
img.right {	float: right; margin: 10px 0px 20px 15px;}	
table, tr, td {border: none;font-size:15px; padding-bottom:8px; line-height: 1.2em; color:#333; }
td strong {color:#BB171D}
	
/* --------Left Hand Side--------*/	

#left {
	float:left;
	width:240px;
	height:100%;
	position:fixed;
	}

#logo {
	height:220px;
	margin:20px 0;
	}
	
	
/* --------Side Navigation--------*/	

#sidenav {
	margin: 0;
	padding: 0;
	width:220px;
	height:260px;
}

.sidenav {
	list-style-type: none;
	text-align:center;
	font-size:17px;
}

.sidenav a {
	display:block;
	color:#FFF;
	width:220px;
	height:26px;
	text-decoration:none;
	background:url(img/sidenav.jpg) no-repeat top;
	margin: 0 0 2px 0;
	padding:12px 0;
	}

.sidenav a:hover {
	background-position:0 -50px;

	}

.sidenav a.active {
	background-position:0 -50px;
	}
	
/* Active States with Body Id's*/	

#outdoor-furniture li.outdoor-furniture a {background-position:0 -100px;}
#fountains li.fountains a {background-position:0 -100px;}
#planters li.planters a {background-position:0 -100px;}
#urns-pedestals li.urns-pedestals a {background-position:0 -100px;}
#wall-decor li.wall-decor a {background-position:0 -100px;}


/* --------Top Navigation--------*/	

#topnav {
	margin: 0;
	padding: 0;
	width:740px;
	height:110px;
	position:fixed;
	z-index:20;
	background:url(img/background.jpg);
		}

.topnav {
	margin:50px 0 0 0 ;
	text-align:right;
}
	

.topnav li{
	display:inline;
	list-style-type: none;
	font-size:16px;
	padding: 0 12px;	
}

.topnav li a {
	color:#FFF;
	text-decoration:none;
	padding-bottom:15px;
	height:45px;
	}

.topnav a:hover {
		background: url(img/topnav.png) no-repeat center bottom;
	}

.topnav a.active {
		background: url(img/topnav.png) no-repeat center bottom;
	}
	
/* Active States with Body Id's*/	

#home li.home a {background: url(img/topnav.png) no-repeat center bottom;}
#about-us li.about-us a {background: url(img/topnav.png) no-repeat center bottom;}
#our-products li.our-products a {background: url(img/topnav.png) no-repeat center bottom;}
#contact-us li.contact-us a {background: url(img/topnav.png) no-repeat center bottom;}


/* --------Right Hand Side--------*/

#right {
	float:right;
	width:740px;
	
	}	
	
#container {
	margin-top:100px;
	position:relative;
	z-index:10;
	}		
	
#content {
	background:#FFF;
	margin:10px 0 0  0;
	padding:20px 20px 10px 20px;
}

#content-dark {
	background:#111;
	margin:0px 0 0  0;
	padding:20px 20px 10px 20px;
	color:#FFF;
}

#content-dark-mid {
	background:#111;
	margin:10px 0 0  0;
	padding:20px 20px 10px 20px;
	color:#FFF;
}

#content-dark p {color:#FFF;}
#content-dark-mid p {color:#FFF;}
#content-dark-mid p strong {color:#BB171D;}
#content-dark-mid .bullets {color:#FFF;}

#content-home {
	margin:10px 0 0  0;
	height:540px;
	width:740px;
}

#content-contact {
	background:#FFF;
	margin:10px 0 0  0;
	padding:20px 20px 10px 20px;
	height:330px;
}

td {vertical-align:top;}

#product-left {
	width:345px;
	float:left;
	height:100%;
	background:#FFF;
	margin:10px 10px 0  0;
	padding:15px 10px;
	text-align:center;
}

#product-right {
	width:345px;
	height:100%;
	float:right;
	background:#FFF;
	margin:10px 0 0 0;
	padding:15px 10px;
	text-align:center;
}

#product-left p {padding-bottom:0; line-height:0.8em; font-size:13px;}
#product-right p {padding-bottom:0; line-height:0.8em; font-size:13px;}



/* -----------Footer-----------*/

#footer{
	width:960px;
	clear:both;
	padding:10px;
	text-align:right;
	background-color:#BB171D;
	font-size:12px;
	color:#FFF;
}

#clearfix {
	clear:both;
}

/* -----------jQuery Fader CSS-----------*/

div.furniture {
	position: relative;
	width:470px;
	height:280;
	float:left;
	}
	
div.fountains {
	position: relative;
	width:260px;
	height:345px;
	float:right;
	}	
	
div.planters {
	position: relative;
	width:230px;
	height:250px;
	float:left;
	margin-top:290px;
		}		

div.urns {
	position: relative;
	width:230px;
	height:250px;
	float:left;
	margin:290px 0 0 10px;
		}	

div.wall {
	position: relative;
	width:260px;
	height:185px;
	float:right;
	margin:10px 0 0 10px;
		}	

img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
	
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
	
	
/* -----------issuu customisation-----------*/

.issuuembed a {
	color:#111; text-decoration:none;
	}