@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}




body {
  min-width: 630px;    /* 2x (LC width + CC padding) RC width */
  background-color: #FFFFFF;
  background-image:url(artwork/1.jpg);/* Pattern creator: Tia http://www.k10k.net/pixelpatterns/ */
 
}



/* navigation bar */


/*wraps around the secondary level*/
#Container {
background-color:#fff;
color: #333;
clear: both;
margin: 0px;
padding-top: 2.2em;
padding-right: 0;
padding-bottom: 0;
padding-left: 0px;
width: 99.7%;
float: left;
border: 2px solid #c0c0c0;
display: block;
}

#Content {
background-color: #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #C0C0C0;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin: 0px;
width: auto;
height: auto;
} 

#Navigation {
margin: 0px;
padding: 0px;
font-family: Georgia,'Hoefler Text', 'Times New Roman', serif;
font-size: 12.5px;
text-transform: ;
color: #999;
position: relative;
height: 20px;
display: block;
width: auto;
} 

ul#primary {
margin: 0;
padding: 0;
position: absolute;
bottom: -1px;
width: 900px;
}

ul#primary li {
display: inline;
list-style: none;

}

ul#primary a, ul#primary a.active {
width: 11.5em;
display: block;
float: left;
text-align: center;
font-family: Georgia,'Hoefler Text', 'Times New Roman', serif;
font-size: 12.5px;
text-decoration: none;
color:#fff;
letter-spacing: .1em;
margin-top: 0px;
margin-right: 2px;
margin-bottom: 0;
margin-left: 0;
padding-top: 4px;
padding-right: 0;
padding-bottom: 4px;
padding-left: 0;
}


ul#primary a.active,ul#primary a.active:hover {
border-top: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
border-bottom: none;
border-left: 1px solid #c0c0c0;
background-color: #fff;
color:#FF0000;
margin-top: 0;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 1px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
}


ul#primary a {
background-color:#999;
border-top: 1px solid #c0c0c0;
border-right: 2.5px solid #c0c0c0;
border-bottom: none;
border-left: 1px solid #c0c0c0;
margin-top: 0px;
margin-right: 2px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
}

ul#primary a:hover {
margin-top: 1px;
border-color: #c0c0c0;
background-color:#fff;
color: #333;
padding-bottom: 3px;
margin-right: 2px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 4px;
padding-right: 0px;
padding-left: 0px;
}

ul#secondary { position: absolute;
margin: 0;
padding: 0;
top: 2.6em;
bottom: -1.6em;
left: 1px;
width: 100%;
}

ul#secondary li a {
width: auto;
display: block;
float: left;
padding: 0 10px;
margin: 0;
text-align: center;
border-top: none;
border-right: 1.5px dashed #333;
border-bottom: none;
border-left: none;
background: none;
color:#333;
background-color:#fff; /*for secondary immediate background color*/
text-decoration: none;
}

ul#secondary li a:hover {
color:#FF0000;
background-color:#fff; /*for secondary immediate background color*/
border-top: none;
border-right: 1px dashed #333;
border-bottom: none;
border-left: none;
margin: 0px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
}

ul#secondary li a:active {
color: #000;
background-color: #fff;
}

/*ul#secondary li:last-child a {
border: none;
} */


/* end navigation bar */



div #header{
  background-image:url(artwork/new-header.gif);
  background-repeat:no-repeat;
  height:155px;
  }


span {display: none;}


#wrap {
    background-color:#ccc;
    margin:0 auto;
    width: 900px;
    }



#wrap  #header {
    background-color:#ccc;
	color:#666666;
	padding:5px;
	}


 /* for "Heartstone, Inc." header and all links */
 A:link {
 	color:#766249;
	text-decoration: none;
	}
	
	A:visited {
	color:#766249;
	text-decoration: none;
	}
	
	A:active {
	text-decoration: none;
	}
	
	A:hover {
	color:#FF0000;
	}	
 
ul{
list-style-type: none;
padding: 0;
margin-left: 0;
}
 

.main  {
	background-color:#DDDDC3;
	float:left;
	padding: 10px 20px 40px 80px;
	position:relative;	
	top: 0;
	font-family: Georgia,'Hoefler Text', 'Times New Roman', serif;
	color:#333;
	font-size:12.5px;
	letter-spacing:0.1em;
	line-height:165%;
	margin-bottom:20px;
    }

#header h1 
	{

	background-color:#DEDEDE;
	color:#766249;
    font-family: Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	margin: 10px auto;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 30pt;
	font-variant: small-caps;
	text-decoration: none;

        }
		
		
h2, p  {

    font-family: "Lucida Grande", Tahoma;
	font-size: 12px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color:#766249;
	margin-bottom: 30px;
	text-align: center!important;
	letter-spacing: 0.3em;
     }

h3 {
    font-family: "Lucida Grande", Tahoma;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color:#333;
    margin-top: 2px;
	text-align: center!important;
	letter-spacing: 0.3em;
}


	
/*float left*/
.left
{
         float: left; /*left in our text*/
         margin: 10px 20px 20px 10px; /*space around the image*/
		 width:auto;
}

img {
border: none;
}


/*float right*/
.right
{
         float: right; /*right in our text*/
         margin: 40px 20px 20px 10px; /*space around the image*/
		 width:auto;
}

img {
border: none;
}




#footer {
  clear: both;
  position: relative;
  font-family: "Lucida Grande", Tahoma;
  color:#766249;
  background-color:#ccc;
  font-size: 65%;
  padding: 1%;
  text-align:center;
}


/*** IE6 Fix ***/
* html #left {
  left: 150px;           /* RC width */
}