/* EarthStone Services CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#555555;
	background:#a69f8b url(../images/bg.jpg) repeat-x top center;
	font:11px/1.3em Verdana, Arial, sans-serif;
}

a {
color:#fff;
text-decoration:none;
border-bottom:1px dotted #fff;
}



/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0 auto;
padding-bottom:30px;
width: 800px;
text-align: left;
position:relative;
}

#featureimg,
#gallerywrap {
width:800px;
position:relative;
}

#featureimg {
height:370px;
}

#top {
position:relative;
display:block;
width:800px;
height:165px;
}


h1#logo a {
display:block;
width:235px; height:175px;
text-indent:-9999px;
background: url(../images/logo.gif) no-repeat top left;
background-color:none;
text-decoration:none;
border:none;
position:absolute; left:0; top:60px;
}

#tag {
width:374px; height:20px;
display:block; text-indent:-9999px;
background:url(../images/tag.gif) no-repeat top left;
position:absolute; left:420px; top:118px;
}

/* Navigation */

ul#nav {
display:block;
height:12px; width:800px;
margin-top:25px; margin-bottom:15px;
}

#nav li {
list-style:none;
display:inline;
float:left;
}

#nav li a {
display:block;
height:12px;
text-indent:-9999px;
text-decoration:none;
background-position: 0 0;
border:none;
}

#nav li a:hover {
background-position:0px -12px;
}

#nav li#n_about a { width:194px; background-image: url(../images/nav_about.gif); }
#about #nav li#n_about a { background-position:0px -12px; }

#nav li#n_concrete a { width:181px; background-image: url(../images/nav_concrete.gif); }
#concrete #nav li#n_concrete a { background-position:0px -12px; }

#nav li#n_gallery a { width:111px; background-image: url(../images/nav_gallery.gif); }
#gallery #nav li#n_gallery a { background-position:0px -12px; }

#nav li#n_estimate a { width:166px; background-image: url(../images/nav_estimate.gif); }
#estimate #nav li#n_estimate a { background-position:0px -12px; }

#nav li#n_faq a { width:84px; background-image: url(../images/nav_faq.gif); }
#estimate #nav li#n_faq a { background-position:0px -12px; }

/*gallery*/

#gallery #gallerywrap img {
margin:10px;
border:none;
}

#gallery #gallerywrap a {
border:none;
text-decoration:none;
border:none;
}

#gallerywrap {
text-align:center;
padding:55px 0 55px 0;
border:1px solid white;
background:url(/images/wrap_bg.jpg) repeat-x top left;
}

#contentwrap {
text-align:left;
padding:55px;
border:1px solid white;
background:url(/images/wrap_bg.jpg) repeat-x top left;
color:#fff;
}

#contentwrap p {
margin-bottom:14px;
}

#contentwrap h2 {
margin-bottom:16px;
font-family: hoefler text, times, serif;
font-size:24px;
font-weight:normal;
}

#contentwrap h3 {
margin-bottom:10px;
font-size:14px;
}

#contentwrap ul li {
margin:0 20px 12px 20px;
}

div#lightbox a {
text-decoration:none;
border:none;
}

/* Footer */

p#footer {
display:block;
font-size:9px;
position:relative;
color:#bcb6a6;
}