body {
	top:20px;
	padding: 0; 
	background:  #FFFFEE; 
	font: normal 14px "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#000;
}
	
p {
	margin: 0; 
	padding: 0;
	}
	
h2 {
	font: bold 20px  "Times New Roman", Times, serif;
	margin: 0;
	padding:10px 0 0 10px;
	}
	
.title {
	font: bold 20px  "Times New Roman", Times, serif;
	margin: 0;
	padding:10px 0 0 10px;
	text-transform:uppercase;
	float: left;
	width: 300px;
	}
	
	
h4 {
	font: bold 18px  "Times New Roman", Times, serif;
	margin: 0;
	padding:0;
	}
h3 {
	font: bold 16px  "Times New Roman", Times, serif;
	color:#A3A87F;
	margin: 0;
	padding:5px;
	text-transform:uppercase;
	letter-spacing: 1px;
	}
.floatleft {
	float: left;
	padding:0;
	margin:0;
}

.floatright {
	float: right;
	padding:0;
	margin:0;
}



.justify {
	text-align: justify;
		padding: 10px;
	
}

.contact {
	padding: 10px;
}

.Decstones-text {
	float: left;
	width: 130px;
	font-size: 11px;
	padding:0 0 10px 18px;
}

.red {
		font-weight: bold;
		color:#900;
	
}

.liUnderline {
	border-bottom: 1px solid #A3A87F;
}

.liColor {
	background-color:#000;
	border-bottom: 1px solid #A3A87F;
	
}

ul.a {
	list-style:none;
}

span2, a:link, a:visited, a:active{
	color: #000;
	text-decoration:underline;
}
.porcelain-text {
	float: left;
	width: 140px;
	font-size: 11px;
	padding-left:10px;
}
.other-text {
	float: left;
	width: 180px;
	font-size: 11px;
	padding-left:5px;
}


.stoneTile-text {
	float: left;
	width:203px;
	font-size: 11px;
	padding:0 0 10px 18px;
}
.terraCotta-text {
	
	width:100px;
	font-size: 11px;
	padding:0 0 10px 220px;
}
#copy{
	margin: 0 auto;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding: 5px 0 5px 0px;
	
	width: 900px;
	}

#copy a:link {
	color: #000;
	text-decoration: underline;
	}

#container {
	margin: 0 auto; 
	width: 900px; 
	
	border:#232515 solid thin;
	height:1090px;
	}
	
#containerProducts {
	margin: 0 auto; 
	width: 900px; 
	
	border:#232515 solid thin;
	height:700px;
	}	
#containerDecstones {
	margin: 0 auto; 
	width: 900px; 
	
	border:#232515 solid thin;
	height:800px;
	}
#Decstones-1 {
	position:relative;
	width: 900px;	
	top:10px;
	float:left;
	}	
#Decstones-2 {
	position:relative;
	width: 900px;	
	top:10px;
	float:left;
	}
	
	
	
#footer{
	margin: 0 auto;
	font-size: 11px;
	color: #EBEBD9;
	text-align: center;
	padding: 3px 0 3px 0;
	background-color: #525441;
	border:#232515 solid thin;
	width: 900px;
	height: 15px;
	z-index:10;
	
	}

#footer a:link {
	color: #FFF;
	
	font-size: 12px;
	}

#footer a:hover {
	color: #F00;
	
	font-size: 12px;
	}


#links {
	padding: 0 5px 0 5px;
	float: left;
	font-family: "Times New Roman", Times, serif, sans-serif;

	}

	


#links  {
	float: left;
	line-height: 15px;
	
  }

#links ul {
	padding: 0;
	}
	
#links li {
	display: block; 
	padding:2px 0 2px 0;
	border-bottom:1px solid #A3A87F;
	width: 140px;
	font-size: 14px;
	}
	
#links a {
	color: #000;
	text-decoration:none;
	font-size: 14px;
	
	}
	
#links a:visited {
	color: #000;
	text-decoration:none;
	font-size: 14px;
	}
#links a:hover {	
	background-color: #A3A87F;
	color: #FFF;
	text-decoration:none;
	font-size: 14px;
	}
	
#links li span {
	color:#996699;
}

#aside{
	
	margin-top:10px;
	
	width: 900px;
	height: 75px;
	text-align: center;
	
	float: left;
	}
#aside .span {
	margin-left: 100px;
}

#otherLinks {
	width: 800px;
}

#others {
	position:relative;
	width: 900px;
	left: 100px;
	top:50px;
	float:left;	
}

#photoscroll{
	background-image: url(images/scrollBg.png);
	background-repeat: no-repeat;	
	margin: 20px 0 20px 65px;
	padding: 10px;
	width: 300px;
	height: 320px;
	border: #000 solid 1px;
	background-color:#444;
	float: left;
	}
	
#photoscroll2{
	background-image: url(images/scrollBg.png);
	background-repeat: no-repeat;
	margin: 20px 0 10px 120px;
	padding: 10px;
	width: 300px;
	height: 320px;
	border: #000 solid 1px;
	background-color:#444;
	float: left;	
	}

#photoscroll2 h3, #photoscroll h3 {
	font: bold 16px  "Times New Roman", Times, serif;
	color:#A3A87F;
	margin-top: 10px;
	padding:5px;
	text-transform:uppercase;
	letter-spacing: 1px;
	text-align: center;
	}



.heading{
	background-color: #000;
	height: 40px;
	width: 298px;
	text-align:center;
	border:1px solid #A3A87F;
	color: #A3A87F;
	padding:8px 0 0 0;
}

#photoscroll2 a:link,  #photoscroll a:link{
	color: #A3A87F;
}
#photoscroll2 a:active,  #photoscroll a:active{
	color: #A3A87F;
}
#photoscroll2 a:visited,  #photoscroll a:visited{
	color: #A3A87F;
}
#photoscroll2 a:hover,  #photoscroll a:hover{
	color: #F00;
}

#photoscroll2 .link2, #photoscroll .link2 {
	background-color: #000;
	margin-top: 20px;
	padding-top: 3px;
	height: 40px;
	width: 130px;
	text-align:center;
	border:1px solid #A3A87F;
	color: #A3A87F;
	float: left;
	font-weight: bold;
}

#photoscroll2 .link3, #photoscroll .link3 {
	background-color: #000;
	height: 40px;
	width: 130px;
	margin: 20px 0 0 20px;
	text-align:center;
	border:1px solid #A3A87F;
	color: #A3A87F;
	float: right;
	padding-top: 3px;
}




#products {
	position:relative;
	width: 900px;
	
	top:10px;
	float:left;
	
}
.products-text {
	float: left;
	width: 100px;
	font-size: 11px;
	padding-left:11px;
}

.portfolio-text {
	float: left;
	width: 168px;
	font-size: 11px;
	padding-left:11px;
}


#socialLinks{
	margin: 0 auto;
	font-size: 11px;
	color: #EBEBD9;
	text-align: center;
	padding: 10px 0 15px 0;
	text-decoration:none;
	width: 900px;
	z-index:10;
	}

#socialLinks a:link {
	text-decoration: none;
	}
#socialLinks a:hover {
	text-decoration: none;
	color: #F00;
	}



#topNav
	{
	font-family: "Times New Roman", Times, serif, sans-serif;
	font-size: 14px;	
	width: 900px;
	float:left;
	background:#525441;
	margin-top:-3px;
	margin-bottom: 2px;

	}
		
#topNav a
	{
	text-align: left;
	display:block;
	
	white-space:nowrap;
	margin:0;
	padding: 0.3em;

	}
	
#topNav a:link, #topNav a:visited, #topNav a:active	/* menu at rest */
	{
	color: #FFF;
	
	text-decoration:none;
	}
	
#topNav a:hover						/* menu on mouse-over  */
	{
	color: #FFF;
	background-color: #A3A87F;
	text-decoration:none;
	}	
	
#topNav a.top_parent /* attaches down-arrow to all top-parents */{
	background: #525441;
	}
	
#topNav a.top_parent:hover	{
	background-color: #A3A87F;
	}
	
	
#topNav a.parent, #topNav a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-color: #525441;
	}

#topNav ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#topNav li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	background-color: #525441;

	}




#topNav ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;	
	font: normal 14px/140% "Trebuchet MS", Verdana, Arial, sans-serif;
	
	}


#topNav roll{
	background-color: #A3A87F;
	margin-left: 3px;
}

#topNav ul ul ul
	{
	top:0;
	left:100%;

	}

div#topNav li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#topNav li:hover ul ul,
div#topNav li li:hover ul ul,
div#topNav li li li:hover ul ul,
div#topNav li li li li:hover ul ul
{display:none;}

div#topNav li:hover ul,
div#topNav li li:hover ul,
div#topNav li li li:hover ul,
div#topNav li li li li:hover ul
{display:block;}