/* Created by Grow for CUSTOM STONECRAFT 2006 */

/*	-------------------------------------------------------------
	Grow Media Design 2006
	www.growmedia.co.uk 
	One of These Pixels is Doing its Own Thing
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		customstone.css
	Version:		2.1
	Date:			OCT 10, 2006
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Base Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	body, div, p, th, td, li, dd	{
	font-family:	 helvetica, arial, verdana, san-serif;
	font-size: 14px;
}

body {
	margin:0px;
	padding:0px;
   text-align:center;
	border: 0;
   color:#000000; 
   background-color: #fff;
	line-height: 170%;
}

div.spacer {
  overflow: hidden;
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	font-size: 1px;
}


/*	-------------------------------------------------------------
	TEXT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
a {
  color: #6c9d31;
  text-decoration:none;
  font-weight: bold;
}

a:visited {
}

a.selected {
}

a:hover {
  color: #333333;
  font-weight: bold;
  text-decoration:underline;
}

.small {
  font-size:85%;
}

.textpad{
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1.5em;
	margin-bottom:1.3em;
}



/* =headings */


h1 {
  color: #6c9d31;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
  margin:0 0;
  padding: 0 0 0px 0px;
  /*border-bottom: 1px solid #999;*/
  letter-spacing: 1px;
}

#index_1 {
    padding: 80px 0 0 0;
    overflow: hidden;
    background-image: url("../img/hdr_custom.gif");
    background-repeat: no-repeat;  
    height: 0px !important;
    height /**/:80px;
}

#services_1 {
    padding: 80px 0 0 0;
    overflow: hidden;
    background-image: url("../img/hdr_drystone.gif");
    background-repeat: no-repeat;  
    height: 0px !important;
    height /**/:80px;
}
#services_2 {
    padding: 80px 0 0 0;
    overflow: hidden;
    background-image: url("../img/hdr_decorative.gif");
    background-repeat: no-repeat;  
    height: 0px !important;
    height /**/:80px;
}

#services_3 {
    padding: 80px 0 0 0;
    overflow: hidden;
    background-image: url("../img/hdr_general.gif");
    background-repeat: no-repeat;  
    height: 0px !important;
    height /**/:80px;
}
#services_4 {
    padding: 80px 0 0 0;
    overflow: hidden;
    background-image: url("../img/hdr_training.gif");
    background-repeat: no-repeat;  
    height: 0px !important;
    height /**/:80px;
}

#services_5 {
    padding: 80px 0 0 0;
    overflow: hidden;
    background-image: url("../img/hdr_groundwork.gif");
    background-repeat: no-repeat;  
    height: 0px !important;
    height /**/:80px;
}

#services_6 {
    padding: 80px 0 0 0;
    overflow: hidden;
    background-image: url("../img/hdr_masonry.gif");
    background-repeat: no-repeat;  
    height: 0px !important;
    height /**/:80px;
}



h2 {
  text-transform:uppercase;
  font-size:13px;
  font-weight:normal;
  margin:0 0;
  padding: 0 0 0px 0;
}

h2 a {
  color:#fff;
}

h3 {
  color:#c1272d;
  font-size:11px;
  font-weight:normal;
  margin:0 0;
  padding: 0 0 12px 0;
}


h4 {
  font-size:12px;
  margin:1px 0 2px 0;
  font-weight:normal;
  color:#fff;
}

h4 a {
  color:#fff;
  text-decoration:none;
}

h4 a:hover {
  color:#A6CE39 !important;
}

		.date {
			font-size: 10px; 
			font-weight: bold;
			color: #666;}
			
			
/*	-------------------------------------------------------------
	LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		

#container {
        width: 100%;
        \width: 100%;  /* for IE5/Win */
        w\idth: 100%;  /* for good browsers */
        margin: 5px auto 0px auto;
        overflow: visible;
        text-align: centre;
		  }


#content {
        width: 800px;
        padding: 0px;
        margin-top: 20px;
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto;
        /* opera does not like 'margin:20px auto' */
        text-align:left;
        /* part 2 of 2 centering hack */
        width: 759px; /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        /*width: 729px;*/
        }
html>body #content {
        /*width: 729px; /* ie5win fudge ends */
        }

		#window{
 			width:800px;
 			text-align: left;
 			margin-left:auto;
 			margin-right:auto;} 		  
		  
#header{
 height:180px; 
 background: url(../img/hdr_180.jpg) no-repeat;
 width: 800px;
} 

#header2{
 height:180px; 
 background: url(../img/hdr2_180.jpg) no-repeat;
 width: 800px;
}

#header3{
 height:180px; 
 background: url(../img/hdr3_180.jpg) no-repeat;
 width: 800px;
}

#header4{
 height:180px; 
 background: url(../img/hdr4_180.jpg) no-repeat;
 width: 800px;
} 	

#header5{
 height:180px; 
 background: url(../img/hdr5_180.jpg) no-repeat;
 width: 800px;
} 	

 		
	
#footer {
	background: url(../img/ftr_100.gif) top center no-repeat;
   height:100px;
}	
	
.holder {
  margin: 0 auto;
  width: 800px;
  text-align:left;
  overflow:hidden; 
}
#bodycontent{
	width: 760px;
	padding-left: 1.5em;
	padding-right: 2em;
	padding-top: 10px;
}

.right{
background-color: #272c2f;
width: 250px;
margin-left: 20px;
padding-right: 20px;
padding-top: 10px;
float: left;
height: 300px;
color: #fff;
line-height: 120%;
background: url(../img/right_bkg.gif) top center no-repeat;
}
.right3{
background-color: #272c2f;
width: 250px;
margin-left: 20px;
margin-top: 30px;
padding-top: 10px;
float: left;
height: 300px;
color: #fff;
background: url(../img/right_bkg.gif) top center no-repeat;
}
.right2{
width: 250px;
margin-left: 25px;
margin-top: 20px;
padding-top: 10px;
float: left;
color: #000;
text-align: center;
}

.left{
width: 440px;
float: left;
margin-right: 20px;
margin-top: 20px;
background: url(../img/panel_bkg.jpg) bottom center no-repeat;
text-align: justify;
}

.left0{
width: 440px;
float: left;
margin-right: 20px;
margin-top: 20px;
background: url(../img/panel_bkg.jpg) bottom center no-repeat;
text-align: justify;
}

.left img{
	padding:5px;
	border: 1px solid #999;
	margin-top: 10px;
}
.left0 img{
	padding:5px;
	margin-top: 10px;
}

.left2{
width: 400px;
float: left;
text-align: center;
margin-right: 20px;

margin-top: 20px;
}

/*        -------------------------------------------------------------
        LOGO
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

                #logo {
                        height: 180px;
                        width: 800px;
                        display: block;
                        padding: 0px;
                        margin: 0px 0px 0px 0px; }

                #logo a {
                        height: 180px;
                        width: 800px;
                        display: block;
                        border: none;
                        background: transparent; }

                #logo a:hover {
                        background: transparent; }

#menu{
	text-align: center;
	width: 800px;
	height: 50px;
	margin: 20px 0px 0px 0px;
	background: url(../img/menu_bkg.gif) no-repeat;
}


#navlist li
{
display: inline;
list-style-type: none;
padding-right: 40px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}

#navlist li a {
		color: #666;
		letter-spacing: 2px;
}

#navlist li a:hover {
text-decoration: none;
border-bottom: 1px solid #6c9d31;
}



#navlist li a#current{
text-decoration: none;
border-bottom: 1px solid #6c9d31;
}

#flashindex{
	width: 800px;
	background-color: #272c2f;
}

#btm {
  padding-top:30px;
  text-align: center;
  font-size: 80%;
  color: #666;
}