/* CSS Document */

body { background-image:url(../images/fade-bkgnd.jpg); background-repeat:repeat-x;margin-top:0;}

div#centerPage {	margin-left: auto; margin-right: auto; width: 760px; text-align: left; margin-top:0;}

#maincontent {
width:750px;
float:left;
position:relative;
background-image:url(../images/bkgnd-main.jpg);
background-repeat:repeat-y;
padding-bottom:20px;
}

a:link { color:#000066; text-decoration:none; }
a:visited { color:#000066; text-decoration:none; }
a:hover {color:#6699CC; text-decoration:none; } 



/* TEMPLATE */

#footer{
float:left;
width:750px;
position:relative;
margin:0 0 20px 0;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:.6em;
}

#footer-l{
float:left;
width:auto;
position:relative;
margin:0;
text-align:left;
}

#footer-r{
float:right;
width:auto;
position:relative;
margin:0;
text-align:left;
}

#contact-us {
width:511px;
height:55px;
position:relative;
float:left;
}


#logo{
float:left;
width:239px;
height:109px;
position:relative;
}

#lh-col{
float:left;
width:175px;
height:auto;
}

#curve{
float:left;
width:175px;
height:100px;
position:relative;
}

#nav-links{
float:left;
width:175px;
height:auto;
}


#image-top{
float:left;
width:511px;
height:54px;
position:relative;
}

#image-mid{
float:left;
width:575px;
height:auto;
position:relative;
}

.shadow{
	background:url(../images/bg-shadow.png) repeat-y; 
	overflow:hidden; 
	width:760px;
	height:auto;
	float:left;
}

.shadow-btm{
	width:760px;
	height:14px;
	float:left;
}

.logos{
float:left;
width:500px;
margin: 20px 0 0 190px;
}

.logos-txt{
float:left;
width:500px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
margin-bottom:5px;
text-align:left;
font-size:.7em;
}
.logos-hd{
float:left;
margin: 0 10px 0 0;
position:inherit;
}
.registered_ea{
	float:left;
	position:inherit;
	width: 110px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
}

/* RIGHT HAND COLUMN */

#rh-col{
float:right;
width:180px;
height:auto;
margin: 55px 5px 0 0;
}

#rh-col2{
float:right;
width:195px;
height:auto;
margin: 55px 5px 0 0;
}

#map-col{
float:right;
width:190px;
height:auto;
margin: 10px 10px 0 0;
text-align:right;
}

#map{
float:right;
width:190px;
height:auto;
margin:20px 0 0 0;
}

#directions{
float:right;
width:190px;
height:auto;
}

.casket{
float:right;
width:180px;
height:auto;
margin: 0 0 0 0;

}
.description{
float:right;
width:175px;
height:40px;
margin: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
font-size:.7em;
font-weight:bold;
}


/* TABLES & FORMS */

#faq-form{
float:left;
width:180px;
height:auto;
padding: 10px 5px 0 5px;
margin: 0;
font-family:Arial, Helvetica, sans-serif; 
font-size:.7em;
text-align:left;
color:#000066;
background-color:#F1F6FE;
border: 1px solid #000066;
}


#table-faq {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:center;
font-size:.7em;
width:180px;}

#th-faq {
font-size:115%;
font-weight:bold;}

#table-price {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
font-size:0.75em;
width:370px;}

#th-price {
font-size:150%;
font-weight:bold;}


#contact-form {
width:300px;
float:left; 
margin: 20px 0 30px 0;
font-family:Arial, Helvetica, sans-serif; 
font-size:.7em;
text-align:left;color:#000066;}



/* GENERAL PAGE */

.header-div {
float:left;
width:340px;
margin: 10px 0 0 15px;
height:auto;
}

.header-div2 {
float:left;
width:340px;
margin: 10px 0 10px 0;
height:auto;
}

.header-sml {
float:left;
width:280px;
margin: 10px 0 0 15px;
height:auto;
}

.main-text {
float:left;
width:340px;
margin: 0 0 30px 15px;
height:auto;
}

.caskets-hd {
float:left;
width:550px;
margin: 0 0 30px 15px;
height:auto;
}
.caskets-text {
float:left;
width:550px;
margin: 0 0 30px 0;
height:auto;
}

.index-text {
float:left;
width:340px;
margin: 0 0 30px 15px;
height:auto;
}
.sent-text {
float:left;
width:340px;
margin: 0 0 30px 15px;
height:500px;
}

.links-holder {
float:left;
width:340px;
margin: 0 0 30px 15px;
height:auto;
}
.links-text {
float:left;
width:340px;
margin: 0 0 30px 0;
height:auto;
}

.links-image {
float:left;
width:100px;
margin: 0 20px 0 0;
height:auto;
}

.contact-text {
float:left;
width:340px;
margin: 0 0 30px 15px;
height:auto;
}

.price-text {
float:left;
width:340px;
margin: 20px 0 30px 0;
height:auto;
}


.questions-holder {
float:left;
width:340px;
margin: 0 0 30px 15px;
height:auto;
}

.questions {
float:left;
width:340px;
margin: 0 0 10px 0 ;
height:auto;
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
font-size:.75em;
font-weight:bold;
}

.questions-image {
float:left;
width:33px;
margin:-.5em 5px 0 0;
height:33px;
}

.answers-holder {
float:left;
width:340px;
margin: 60px 0 30px 0;
height:auto;
}

.answers {
float:left;
width:340px;
margin: 0 0 20px 0 ;
height:auto;
}

.answers p {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
font-size:.7em;
}

.answers strong {
font-weight:bold;
font-size:105%;
line-height:1.3em;
}

.answers-image {
float:left;
width:33px;
margin:.5em 5px 0 0;
height:33px;
}



.equine-text {
float:left;
width:340px;
margin: 0 0 30px 15px;
height:auto;
}


/* TYPOGRAPHY */
h5 {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
font-weight:bold;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
}

.main-text p {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
line-height:1.6em;
font-size:.7em;
}

.caskets-text p {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
line-height:1.6em;
font-size:.7em;
margin: 0 0 25px 0;
}

.index-text p {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
line-height:1.6em;
font-size:.85em;
font-weight:bold;
}


.links-text p {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
font-size:.7em;
}

.contact-text p {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
font-size:.7em;
}

#directions p {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
font-size:.7em;
}

#directions strong {
font-weight:bold;
font-size:110%;
}

.links-text strong {
font-weight:bold;
font-size:110%;
}


.faq-form strong {
font-weight:bold;
font-size:120%;
}

.equine-text ul, li {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-size:.7em;
line-height:1.6em;
margin: 0 0 0 -1em;

}

.gallery p {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
font-size:.7em;
line-height:1.6em;
padding-left:20px;
}

.sent-text p {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:left;
font-size:.7em;
line-height:1.6em;
}

strong {
font-weight:bold;
font-size:120%;
}

/* GALLERY */

#gallery_test {
	background-color: #CCC;
	padding: 10px;
	width: 555px;
	float: left;
	}
	#gallery_test ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #123366;
}
	#gallery_test ul li {
	display: inline;
	margin-right:30px;
	}
	#gallery_test ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery_test ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery_test ul a:hover { color: #fff; }





.gallery  {
float:left;
width:550px;
height:900px;}

#gallery {
	width:550px;
	height:auto;
	padding:0;
	list-style:none;
	position:relative;
	z-index:1;
	margin: auto;
}

#gallery p {font-family:Arial, Helvetica, sans-serif;color:#000066;font-size:.7em;}

#gallery table {border-collapse:collapse; margin:-1px -10px;}

#gallery li {float:left; margin:5px 10px; display:inline; color:#000; text-decoration:none; width:85px; height:85px; }
#gallery li a.thumb {display:block; width:75px; height:75px; text-decoration:none;border:5px solid #fff;}
#gallery li a.thumb img {display:block; border:0;}

#gallery li div {position:absolute; left:-9999px; border:0; width:550px; text-align:center; z-index:-1;}
#gallery li div img {margin:10px auto;}

#gallery li a.thumb:hover {border-color:#D6EBFF;}

#gallery :hover div {position:absolute; left:9px; top:0; padding:220px  0; }
#gallery :hover div img {border:1px solid #000066;}
#gallery :hover div p {width:550px; text-align:center;  font-family:verdana, sans-serif; font-size:10px; line-height:18px; color:#000066;}


/* CASKETS */

.img-cask-l{
width:auto;
margin: 0 8px 5px 0px;
float:left;}

.img-cask-r{
width:auto;
margin: 0 0 5px 8px;
float:right;}