* a:active, * a:focus {
  outline:0; /* for browsers that understand */
  }
  
html, body {
	color: #000;
	padding: 0;
	margin: 0; 
	background: #fff;
	height: 100%;
}

/*url(/images/slatebackground.jpg) 0 0  repeat-x #000;*/

a:link {
	text-decoration: none; color: #000;
}
	
a:visited {
	text-decoration: none; color: #000;
}

a:active {
	text-decoration: none; color: #000;
}

a:hover {
	text-decoration: underline; color: #000;
}

#wrap {
	width: 970px;
	margin: 0 auto;
	min-height: 100%;
	background: url(/images/page-bg.gif) 0 0  repeat-y #fff;
	font-size: .76em; 
	font-family: arial;
	list-style:none;
}

#inner-wrap {
	float: left;
	width: 970px;
	min-height: 100%;
	margin: 0;
	/*padding-right: 150px;*/
}

#left-column {
	float: left;
	width: 180px;
	height: 100%;
	background:#000;
}

#right-column {
	float: left;
	width: 710px; /* extra padding subtracted from overall width */
	padding: 0 40px;
	min-height: 600px;
}

#clear-all {
	clear: left;
}

.heading {color:#f93;}
/* ============= backgrounds ================ */

.st-stone-bg {
	background: url(/images/st_sidepic.jpg) repeat-y 100% 0;
}

/* ============= left column elements ============= */


h2#logo {
	width: 180px!important;
	height: 173px;
	margin: 0;
	padding: 0;
	background: url(/images/logo.jpg) no-repeat 100% 0;
}

h2#logo a {
	display: block;
	width: 180px;
	height: 173px;
	text-indent: -2000px;
	border: 0;
}

#contact-details { 
	width: 160px;
	color: #999;
	text-align: right;
	font-size: 1.5em; 
}

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

#contact-details a:hover {
	color: #f9a02c;
	text-decoration: underline;
}

ul#menu {
	width: 170px;
	margin: 25px 10px 25px 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

ul#menu li {
	clear: left;
	margin: 0;
	padding: 0;
}

ul#menu li a {
	display: block;
	text-align: right;
	padding: 0;
	font-size: 130%;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
}

ul#menu li a:hover {
	color: #fff;
	text-decoration: none;
	background:#ff590d;
}

ul#menu li ul {
	margin: 0 0 14px 0!important;
	width: 170px;
	padding: 0!important;
	list-style: none;
	font-size: 74%!important;
	/*border-left:solid 1px black;*/
}

ul#menu li ul li {
	padding: 0!important;
	margin: 0!important;
}

ul#menu li ul li a {
	display: block;
	text-align: right;
	padding: 0!important;
	margin: 0!important;
	font-size: 130%;
	/*line-height: 20px;*/
	color: #fff;
	text-decoration: none;
	background: none;
	font-family: arial, helvetica, sans-serif;
	text-transform: lowercase;
}

ul#menu li ul li a:hover {
	color: #fff;
	text-decoration: none;
	background:#ff590d;
	/*border-left:solid 1px black;	*/
}

.hide {
	display: none;
}

.show {
	display: block;
}

/* -- rotator -- */

#rotator {
	overflow: hidden;
	height: 226px;
	margin-bottom: 7px;
}


/* =============== right column elements ============ */ 

 
#right-column h1
{
	/* clear: left; */
	margin: 0;
	padding: 40px 0 10px 0;
	font-size: 25px; 
	font-family: Arial, sans-serif;
	font-weight: 500;
	letter-spacing: .15em;
	color: #333;
	line-height: 1em;
	text-decoration: none;
	/*font-style: italic;*/
}

/* =========== new nav section =========== */

.header {width:100%;overflow:hidden;height:40px;background-color:#999;border-bottom:solid 1px white;margin-bottom:5px;}
.header ul {margin:0;padding:0;list-style:none;}
.header li {float:left;font-weight:bold;text-transform: uppercase;text-align:center;margin-left:5px;padding-top:15px;width:110px;font-family:arial,helvetica,sans-serif;font-size:1em;}
.header a {text-decoration:none;color:#fff;}
.header a:link{text-decoration:none;color:#fff;}
.header a:visited{text-decoration:none;color:#fff;}
.header a:hover{text-decoration:none;color:#fff;background:#ff590d;}
.header a:active{text-decoration:none;color:#000;}


/* =========== new footer section =========== */

.footer {width:100%;overflow:hidden;height:100px;background-color:#999;margin-top:2px;}
.footer ul {margin:0;padding:0;list-style:none;padding-top:15px;}
.footer li {font-family:arial,helvetica,sans-serif;font-size:1em;text-align:center;padding-top:5px;line-height:1em;text-transform:uppercase;font-weight:bold;}
.footer a {text-decoration:none;color:#fff;}
.footer a:link{text-decoration:none;color:#fff;}
.footer a:visited{text-decoration:none;color:#fff;}
.footer a:hover{text-decoration:none;color:#fff;background:#ff590d;}
.footer a:active{text-decoration:none;color:#000;}


/* ======================= mail form ===================== */

ol#mailform {
	width: 400px;
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}


ol#mailform li {
	width: 400px;
	float: left;
	margin: 5px 0 0 0;
}

label {
	float: left;
	display: block;
	width: 140px;
	text-align: right;
	padding-right: 5px;
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
	padding-top: 4px;
}

ol#mailform input {
	width: 200px;
	height: 20px;
	float: left;
	border: 1px solid #666;
	margin-top: 0;
	padding: 3px;
}

textarea#address {
	width: 200px;
	height: 100px;
	float: left;
	border: 1px solid #666;
	margin-top: 0;
	padding: 3px;
}

textarea#message {
	width: 200px;
	height: 100px;
	float: left;
	border: 1px solid #666;
	margin-top: 0;
	padding: 3px;
}

input#submit {
	width: 100px!important;
}


/* =========== gallery elements =============== */

.gallery {
	width: 100%;
	overflow: hidden;
}

.galleryitem {
	float: left;
	width: 139px;
	height: 200px;
	margin-left: 2px;
	margin-top: 2px;
}

.galleryimage {
	float: left;
	margin-left: 8px;
	margin-top: 8px;
	width: 123px;
}

.gallerytext {
	float: left;
	margin: 8px;
	font-size: 10px;
	text-align: center;
	background: #fff;
	width: 123px;
}

.gallery ul{margin:0;padding:0;list-style:none;}
.gallery ul li{float:left;text-align:center;width:100px;font-family:arial,helvetica,sans-serif;font-size:1em;}



#gallerydetails {
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	background: #fff;
}


#gallerydetails h1 {
	background: #5d5d5d;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 10px;
	font-size: 18px;

	font-weight: 500;
	border-bottom: 1px solid #fff;
}

#popup-image {
	text-align: center;
}

#popup-description {
	color: #333;
	text-align: justify;
	/*height: 60px;*/
	overflow: auto;
	margin: 5px 20px;
	font-size: 12px;
	
}

#bottom-bits {
	clear: left;
	height: 40px;
	margin: 0;
	padding: 0;
}

#closebutton {
	float: left;
	width: 120px;
	height: 23px;
	margin: 6px 0 0 20px;
}

form {
	margin: 0;
	padding: 0;
}

#prevnext {
	float: left;
	margin: 0;
	padding: 5px 0 0 10px;
	width: 127px;
	height: 32px;
}

#nav-separator {
	float: left; 
	width: 1px;
	height: 12px;
	margin-top: 10px;
	background: #666;
	overflow: hidden;
}

#popup-left-button {
	float: left;
	display: block;	
	width: 63px;
	height: 32px;
	border: 0;
	text-indent: -2000px;
	background: url(/images/prevlabel.gif) no-repeat 0 0 #fff;
}

#popup-right-button {	
	float: left;
	display: block;	
	width: 63px;
	height: 32px;
	border: 0;
	text-indent: -2000px;
	background: url(/images/nextlabel.gif) no-repeat 0 0 #fff;	
}

/* ------------ About Us Page --------------------- */

/*
.about-us {
	background: url(/images/about-us.jpg) no-repeat top center;
}
*/

.about-us h1 {	
	color: #000!important;
	/*width: 370px;*/
	margin-bottom: 0;
	padding-bottom: 0;
	font-size:40px!important;
	letter-spacing: .2em!important;

}
.about-us p {
	margin-right: 230px;
	margin-top: 20px;
	color: #000;
	line-height: 1.8em;
} 

.about-us p.intro {
	margin-right: 230px;
	margin-top: 20px;
	color: #000;
	line-height: 1.8em;
} 

.about-us img { padding:6px; background:#fff; border:1px  solid #777;}

/* ---------------- Location Page ---------- */

#google-map {float:left;}

#map {
	width: 600px;
	height: 400px;
  
}

ol.directions {margin:0; list-style-type:none; }

.directions li {padding:0 0 0 40px;}

.miles {color:#666;}

.direction-from {text-decoration:underline; font-weight:bold; }
	

/* ============ footer details ================ */

#content-footer {
	width: 100%;
	margin: 10px auto 0;
	clear: left;
	border-top: 1px solid #666;
	padding: 10px 0;
	line-height: 21px;
	text-align: center;
}