@charset "utf-8";
/* Master CSS for Liquid Stone Concrete Designs */

html, body {
  margin: 0; padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  line-height: 19px;
		background: url(../images/page-layout.jpg) no-repeat;
			background-repeat: no-repeat;
			background-position: top center;
			background-color: #382420;
	margin-top: 0px;
}

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }

a:link, a:visited { text-decoration: none; color: #DDC2BD; }
a:hover { text-decoration: underline; color: #DDC2BD; }

/* Page Layout */

#container { width: 900px; margin: 0 auto; }

#nav-bg {
  width: 900px;
  height: 60px;
  background-image: url(../images/nav-bg.jpg);
  margin-top: 0;
}

#top {
  width: 100%;
  height: 60px;
  background-color: #000000;
}

#content-bg {
  width: 207px;
  height: 490px;
  background-image: url(../images/content-bg.jpg);
  margin: 76px 0 0 0px;
}

.content {
  padding: 1px 5px 5px 5px;
}

.content-bottom {
  margin: 0 0 5px 5px;
  width: 132px;
  padding-top: 18px;
}

#bottom-main {
  margin-top: 600px;
  margin-left: 43px;
}

#top-main {
  margin-top: 75px;
  margin-left: 43px;
  width: 142px;
}

.button-content {
  width: 139px;
  background-color: #383020;
}

#photo-content {
  margin: 50px 0 0 20px;
  border-left: 2px solid #5F5136;
  padding-left: 10px;
  padding-top: 10px;
  height: 550px;
  margin-bottom: 10px;
}

#footer {
  text-align: center;
  color: #CCCCCC;
}

#content-bg-services {
  margin: 76px 0 0 0px;
  width: 451px;
  height: 523px;
  background-image: url(../images/content-bg.png);
  background-repeat: repeat;
}

#content-bg-photo {
  width: 480px;
  margin-left: 20px;
  margin-top: 49px;
}

#bottom-portfolio {
  margin-left: 20px;
  margin-top: 13px;
}

.services { padding-left: 6px; border-left: 3px solid #85724C; }

.services-pics { float: right; padding-left: 20px; width: 183px; height: 138px; }

.links {
  width: 230px;
  margin-top: 49px;
  display: inline;
}

/* Menu Classes */
#menu {
  position:absolute;
  display:inline;
  z-index:99;
  width:216px;
  background-image: url(../images/menu-bg.jpg);
  margin-left:0px;
  margin-top:4px;
  padding:3px;
  display:none;
  list-style-type:none;
}

#menu li {
  background: none;
  padding: 0 4px 0 0;
  margin: 3px;
}

#menu2 {
  position: absolute;
  display: inline;
  z-index: 99;
  width: 200px;
  background-image: url(../images/menu-bg.jpg);
  margin-left: 0px;
  margin-top: 4px;
  padding: 3px;
  display: none;
  list-style-type: none;
}

#menu2 li {
  background: none;
  padding: 0 4px 0 0;
  margin: 3px;
}

/* For using drop-down with images */

/*.test {
  width: 90px;
  height: 19px;
  background-image: url(../images/buttons/test.jpg);
  margin-top: -10px;
}

.test:hover { cursor: pointer; background-position: 0 -19px; }*/



#nav a:link, #nav a:visited {
text-decoration:none;
list-style:none;
background-position: 0 0;
}

#nav li a:hover {
  list-style:none;
  background-position: 0 -60px;
  display:block;
	width: 110px;
	height: 60px;
}

#nav li a {
  display:block;
	width: 110px;
	height: 60px;
}

#nav {
  margin:0 0 0 225px; padding:0;
  list-style:none;
  text-indent: -5000px;
}

#nav li {
  margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  list-style: none;
  padding-left: 0;
}

#nav li #home {
  background-image: url(../images/buttons/home.jpg);
  width: 87px;
}

#nav li #services {
  background-image: url(../images/buttons/services.jpg);
	width: 104px;
}

.portfolio {
  display: block;
  height: 60px;
  width: 108px;
  background-image: url(../images/buttons/portfolio.jpg);
  margin-left: 0;
}

.portfolio:hover {
  background-position: 0 -60px;
  list-style: none;
}

.news {
  display: block;
  height: 60px;
  width: 73px;
  background-image: url(../images/buttons/news.jpg);
}

.news:hover {
  background-position: 0 -60px;
  list-style: none;
}

#nav li #contact {
    background-image: url(../images/buttons/contact.jpg);
	width: 120px;
}

#nav li #links {
    background-image: url(../images/buttons/links.jpg);
	width: 68px;
}

#nav li #events {
    background-image: url(../images/buttons/events.jpg);
	width: 93px;
}

/* End NAV Classes */
/* BottomNAV */

#bottom-nav a:link, #bottom-nav a:visited {
text-decoration:none;
list-style:none;
background-position: 0 0;
}

#bottom-nav li a:hover {
  list-style:none;
  background-position: 0 -26px;
  display:block;
	width: 139px;
	height: 26px;
}

#bottom-nav li a {
  display:block;
	width: 139px;
	height: 26px;
}

#bottom-nav {
  margin:0 0 0 0; padding:0;
  list-style:none;
  text-indent: -5000px;
}

#bottom-nav li {
  margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  list-style: none;
  padding-left: 0;
}

#bottom-nav li #home {
  background-image: url(../images/bottom-buttons/home.jpg);
}

#bottom-nav li #services {
  background-image: url(../images/bottom-buttons/services.jpg);
}

#bottom-nav li #portfolio {
  background-image: url(../images/bottom-buttons/portfolio.jpg);
}

#bottom-nav li #contact {
    background-image: url(../images/bottom-buttons/contact.jpg);
}

#bottom-nav li #press {
    background-image: url(../images/bottom-buttons/press.jpg);
}

#bottom-nav li #green {
    background-image: url(../images/bottom-buttons/green.jpg);
}

#bottom-nav li #events {
    background-image: url(../images/bottom-buttons/events.jpg);
}

/* END BottomNAV */
/* PortfolioNAV Classes */

.entrance2 {
	padding-left:0px;
	width: 230px;
	text-align: center;
	float:left;
	clear:both;
	margin-bottom: -18px;
}

h4 {
	width: 230px;
	height: 250px;
	overflow: hidden;
	list-style:none;
	float:left;
}

h4 a {
	text-indent: -5000px;
	display: block;
	width: 230px;
	height: 250px;
	position:relative;
	background-position: 0 0;
	list-style:none;
	float:left;
}

#sinks a,   #sinks a span   { background-image: url(../images/portfolio/sinks-vessels.jpg); }
#countertops a,   #countertops a span   { background-image: url(../images/portfolio/countertops.jpg); }
#acid-stain a,   #acid-stain a span   { background-image: url(../images/portfolio/acid-stain.jpg); }
#patios a,   #patios a span   { background-image: url(../images/portfolio/patios-walkways.jpg); }

h4 a span {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 230px;
	height: 250px;
	background-position: -230px 0;
	visibility: hidden;
	list-style:none;
	float:left;
}
h4 a:focus, h4 a:hover {
	cursor: pointer;
}

.wrapper2 {
	float: left;
	width: 500px;
	margin: 0 0 0 0;
}

#sinks, #countertops, #acid-stain, #patios {
	float: left;
	position: relative;
	width: 230px;
	padding-left: 10px;
}