/* basic elements */

* {
    margin: 0;
    padding: 0;
}

@font-face {
	font-family: 'PalaceScriptMTRegular';
	src: url('palscri-webfont.eot');
	src: local('?'), url('palscri-webfont.woff') format('woff'), url('palscri-webfont.ttf') format('truetype'), url('palscri-webfont.svg#webfontqx2EqutM') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	margin-left: -1px;
	overflow-Y: scroll;
}

:focus {
outline: 0;
} 

body {
margin: 0;
padding: 0;
height: 100%;
color: #000;
background: #000 url(wallpaper.png);
}

html>body #outer_wrapper {
height:100%; /* 100 % height */
}

h1 {
font-family: serif;
font-size: 1.5em;
font-weight: normal;
color: #000;
text-align: left;
letter-spacing: .5px;
line-height: 1.4em;
margin: 0px;
margin-top: 25px;
}

h2 {
font-family: 'Times New Roman', serif;
font-size: 2.0em;
font-weight: bold;
color: #000;
text-align: left;
letter-spacing: -0.05px;
line-height: 1.4em;
padding: 15px;
margin: 0px;
}

h3 {
font-family: sans-serif;
font-size: 1.0em;
font-weight: normal;
color: #000;
letter-spacing: .5px;
line-height: 1.4em;
margin: 0px;
padding: 40px 40px;
}

h4 {
font: bold 12pt arial;
letter-spacing: 1px;
margin-bottom: 0px;
color: #666;
text-align: left;
}

h4 a {
color: #fff;
}

h5 {
font: italic normal 10pt georgia;
letter-spacing: 1px;
margin-bottom: 0px;
color: #666;
text-align: left;
}

p {
font-family: arial;
font-size: 0.9em;
color: #000;
line-height: 1.4em;
text-align: left;
margin: 20px 5px;
}

ul.service-list {
width: 50%;
margin: 0 auto;
font-family: arial;
font-size: 0.9em;
color: #000;
text-align: left;
list-style: none;
}

ul.service-list li {
background: url(bullet.gif) no-repeat 0 3px;
padding-left: 15px;
margin-bottom: 10px;
}

ul.services {
width: 100%;
margin: 0 auto;
font-family: arial;
font-size: 0.9em;
color: #000;
text-align: left;
list-style: none;
}

ul.services li {
background: url(bullet.gif) no-repeat 0 3px;
padding-left: 15px;
margin-bottom: 10px;
}

ul.services .concrete-process {
font-weight: bold;
display: block;
}

ul.reviews li {
background: url();
padding-left: 0px;
margin-bottom: 10px;
list-style-type: none;
}

ul.reviews .satisfied-customer {
display: block;
text-align: right;
font-style: italic;
}

p img {
float: left;
margin-right: 10px;
}

p.heading {
font-weight: bold;
font-size: 1.3em;
}

p.q {
font-weight: bold;
margin-bottom: 0;
}

p.a {
color: #748174;
margin-top: 4px;
}

a {
color: #748174;
border: none;
text-decoration: none;
}

p.a:hover, a:hover {
color: #fff;
}

a img {
border: none;
}

/* ------------------------------------------------------------- */

/* specific divs */

#frame {
background: url();
width: 1040px;
margin: 0 auto;
}

#wrapper {
width: 950px;
min-height: 850px;
margin: 0 auto;
position: relative;
background-color: #827761;
}

#logo {
width: 100%;
height: 200px;
background: url(decorative-concrete-nameplate.png) no-repeat;
}

#horzmenu {
width: 100%;
height: 16px;
position: relative;
position: relative;
left: 20px;
top: 60px;
padding-bottom: 5px;
text-align: center;
text-transform: uppercase;
z-index: 1000;
}

#photos {
background: url(bg_photos.jpg) no-repeat;
width: 310px;
margin-top: -70px;
float: right;
}

#content {
float: left;
width: 575px;
min-height: 375px;
margin: 0px 25px 10px 30px;
text-align: center;
}

#content a {
color: #fff;
text-decoration: underline;
}

.menu {
width: 100%;
letter-spacing: 0.5px
}

.menu, .menu ul {	/* remove all list stylings */
margin: 0 auto;
padding: 0;
border: 0;
list-style-type: none;
display: block;
font-family: 'arial narrow', sans-serif;
font-family: impact, arial;
	color: #000;
font-size: 16px;
font-weight: normal;
}

.menu li {
margin: 0;
margin: 0 8px;
border: 0;
display: block;
height: 25px;
line-height: 20px;
float: left;
position: relative; /* position each LI, thus creating potential IE.win overlap problem */
text-align: center;
}

.menu li:hover {
color: #fff;
}

.menu ul {
top: 20px;	/* to avoid scrollbars as much as possible */
}

.menu, .menu ul li {
	color: #000;
}

.menu {
	width: 100%;
}

.menu ul {
	width: 135px;
	font-size: 100%;
}

.menu a {
	text-decoration: none;
	color: #000;
	display: block;
}

.menu ul a {
	color: #000;
}

.menu a:hover {
	color: #fff;
}

.menu li:hover>a {
	color: #fff;
}

.menu .active {
color: #fff;
}


#cleardiv {
clear: both;
}

#footer {
clear: both;
width: 950px;
height: 30px;
margin: 0 auto;
padding: 0;
padding-top: 15px;
background-color: #000;
text-align: center;
color: #fff;
font-family: sans-serif;
font-size: 0.7em;
font-weight: normal;
}

#footer a {
color: #fff;
text-decoration: none;
margin: 0;
padding: 0;
}

#info-bar {
clear: both;
width: 950px;
height: 75px;
margin: 0 auto;
padding: 9px 0px 0px 0px;
background-color: #4e473a;
text-align: left;
color: #fff;
font-family: sans-serif;
font-size: 0.7em;
font-weight: normal;
}

#links {
width: 49%;
float: left;
}

#links img {
padding: 0 8px;
}

#locations {
width: 49%;
float: right;
}

#locations p {
font-family: arial;
font-size: 0.9em;
color: #fff;
line-height: 1.4em;
text-align: left;
margin: 5px 5px;
}

#gallery-menu {
text-align: center;
font-family: arial;
font-size: 0.9em;
color: #fff;
line-height: 1.4em;
margin: 15px 5px;
}

#gallery-menu a {
color: #fff;
background: url(bullet.gif) no-repeat 0px 4px;
padding-left: 15px;
margin-left: 5px;
margin-bottom: 10px;
}

#gallery-menu a:hover {
color: #000;
}

#gallery-menu a.active{
text-decoration: underline;
}

#gallery-menu a.first{
background: url();
padding-left: 0;
}

#container2 {background: url(gallery/1.jpg) 294px 54px no-repeat; margin-left: 45px;}

#container {position: relative; left: -35px; width: 335px; height:500px; margin: 0;}

#container a.pics {float:left; padding:3px 6px 3px 0; display:inline; color:#000; text-decoration:none; width:75px; height:75px; cursor:default;}
#container a.pics img.thumb {display:block; border:1px solid #000;}

#container a.pics span {display: none; border: 0; width: 600px; margin-top: 40px; text-align:center;}
#container a.pics span img {margin: -1px auto; border:1px solid #000;}

#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:328px; top:14px; z-index:10; height:456px;}

#container a.pics:active img.thumb {} 
#container a.pics:active span {display:block; position:absolute; left:328px; top:14px; z-index:5; height:456px;}

#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {}
#container a.pics:focus span {display:block; position:absolute; left:328px; top:14px; z-index:5; outline:0; height:456px;}

.concrete-method, .concrete-info {
font-family: arial;
font-size: 0.9em;
color: #000;
line-height: 1.4em;
text-align: left;
padding: 0 15px 5px 15px;
}

.concrete-method {
text-align: right;
}