/* CSS styling, a clean modern look... */

/* some elements do not need to be printed */
@media print { 
.sidebar, #nav { width: 0%; display: none; } 
.reflection {display: none; }
.main {  clear: left; width: 100%;  margin: 0px; padding: 0px; padding-right: 0px;  padding-left: 0px;}
body #container { margin-left: -100px; width: 100%; padding: 0px; margin: 0px 10px 0px 0px; }
span.comment { padding: 0px; margin: 0px; }
body h1 {display: inline; }
body h2 {display: inline; font-size: 1em; color: #333; } 
div.rightside, div.othergalleries, span.thumb a, .credits {display: none; }
}

html { 	background: #999 url(../images/stonewall2.jpg);	
		font-size: 1em; }
/*html { 	background: #999 url(../images/stonewall_tile1.jpg);
		font-size: 1em; }*/

 body {color: #222; width: 90%; min-width: 800px; margin-top: 20px; padding: 0; 
	/*background-color: #999; 	
	background: #999 url(../images/bg_sl.jpg);*/	
	}

 #container {
	/*background-color: #eeffee;*/
	background-color: rgba(250,255,250,0.9);	/* "Apple white" 	(#eaffea)*/
	background-color: rgba(245,255,245,0.9);	/* Pale Green  		(#e5ffe5)*/
	background-color: rgba(238,255,238,0.9);	/* Original Green 	(#eeffee)*/
	*background-color: #ffffff;
	*background-color: #eeffee;
	background-image: none;
	width: 95%; 
	margin: 0;
	margin-left: 5%;
	padding: 0px;
	
	/*opacity: 0.9;*/
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-moz-box-shadow: 4px 4px 8px #333;
	-webkit-box-shadow: 4px 4px 8px #333;
	box-shadow: 4px 4px 8px #333;
	
	}

.roundsmall {  	
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
  	-moz-border-radius: 4px;
	border-radius: 4px;
}
.roundlarge {   	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
  	-moz-border-radius: 8px;
	border-radius: 8px;
}

.roundopposite {   	
	-webkit-border-radius: 0 6px;
	-khtml-border-radius: 0 6px;
  	-moz-border-radius: 0 6px;
	border-radius: 0 6px;
}

.roundright {   	
	-webkit-border-radius: 0 6px 6px 6px;
	-khtml-border-radius: 0 6px 6px 6px;
  	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.roundleft {  	
	-webkit-border-radius: 4px 0 0 4px;
	-khtml-border-radius: 4px 0 0 4px;
  	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
}

.fuzz {text-shadow: 1px 1px 1px #333; }
.palefuzz {text-shadow: 1px 1px 1px #ccc; }
	
	
	
/*	
 h1 {
	display: none;
	background-color: white; color: black; 
	font-size: 2em; font-family: "Trebuchet MS", "Century Gothic", sans-serif; 
	line-height: 150%;
	text-align: center; }
*/

h1	{font-family: "Philosopher", Candara, Tahoma, sans-serif; 
	letter-spacing: 0.033em;
	font-size: 4em; 
	line-height: 32pt;
	text-shadow: 2px 2px 4px #999;}

h1 {	padding: 16px 4px 4px 6px; 
	width: 420px;
	*height: 128px;
	margin: 16px;

/*	background-color: rgba(255,255,255,0.5);
	-webkit-border-radius: 0 6px;
	-khtml-border-radius: 0 6px;
  	-moz-border-radius: 0 6px;
	border-radius: 0 6px;

	-moz-box-shadow: 0px 0px 8px #fff;
	-webkit-box-shadow: 0px 0px 8px #fff;
	box-shadow: 0px 0px 8px #fff;

	/*border: 1px solid gray;*/
	}
	
h1>span {
	letter-spacing: 0em;
	margin: 0; padding: 0; 
	color: #333;
	text-shadow: 2px 2px 3px #999;}

span.h1_raised {font-family: "Philosopher", Candara, Tahoma, sans-serif;
	font-size: 0.475em; vertical-align: super; margin-right: -8pt; padding-left: 4pt;}
span.h1_amp {color: #333; font-family: Candara, Calibri, Tahoma, sans-serif; font-size: 1em; margin: 0;}
span.h1_lowered {font-family: "Philosopher", Candara, Tahoma, sans-serif;
	font-size: 0.475em; margin-left: -8pt; }

div.main h2 {display: none; }
	
p.reflection {display: none; }


p.subtitle {display: block; /*position: absolute;*/
	float: right;
	/*top: 80px; */
	width: 340px;
	height: 32px; 
	margin: -20px 5% 0 20px;
	padding: 2px;
	letter-spacing: -0.05em; 
	font-size: 1.4em; color: #333; }

	
/*p.subtitle {
	height: 32px; margin: -20px 0 0 20px;
	padding: 2px;
	letter-spacing: -0.05em; 
	font-size: 1.4em; color: #333;}
*/


/* h2 {display: none;}*/

span.vertical_text {display: block; position: absolute;
	*display: none;
	font-size: 2em;
	color: rgba(200,200,200,0.5);
	}

#before_text {top: 320px; left: 400px;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	}

#after_text {top: 320px; right: 10%;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);	
	}

	
 h3 {line-height: 1em; }

 span, div, li, p, a  {font-family: Calibri, "Trebuchet MS", Verdana, Tahoma, "Century Gothic", sans-serif; 
	margin: 0px; padding: 4px; }

 a {color: green; padding: 0;}
 a:visited {color: black; }

 .quote {float: left; width: 340px; height: 130px; 
	margin: 20px; padding: 10px; 
	font-weight: bold; 
	background-color: #9c9; 
	background-color: #aca; 
	border: 1px solid silver;
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 2px 2px 4px #666;
	
	}
	
 .hidden	{display: none;}
 
#quoteanim { width: 320px; height: 90px; font-size: 1em; background-color: #aca; }
#quoteanim div { top: 10px; left: 10px; width: 300px; height: 100px; 
	padding: 0px; margin: 4px; font-size: 1em; overflow: hidden; }


/* for Testimonials...    */

 blockquote {width: 85%;}

 div.comment {clear: both; font-style: italic; color: #222; font-size: larger; }
 div.customer {float: right; color: #111; padding: 0px 4px 4px 0px; }

 .rightish {
	float: right;
	height: 80px; width: 320px; 
	background-color: #9c9; 
	background-color: #aca; 
	line-height: 1.5em; 
	margin: 60px 40px 10px 40px; 
	padding: 16px; 
	border: 1px solid silver;
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 2px 2px 4px #666;
	
	}
 .rightish div { top: 4px; left: 4px; width: 300px; height: 90px; background-color: #9c9; 
	padding: 0px; margin: 4px; font-size: 16px; overflow: hidden; }

 hr {clear: both; color: #ccc; }

 div.contactdetails {margin: 16px; padding-left: 20px; padding-top: 20px; 
	font-size: 1.25em;
	letter-spacing: -0.05em;
	border: 1px solid silver;
	background-color: #cfc; 
	background-color: #fff; 
	width: 360px; 
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
	}

a.fn, span.org {font-weight: 700; color: black;}

/*a.fn, span.org {	font-size: 1.5em;
	letter-spacing: -0.0em;
	font-family: "Philosopher", Candara, Tahoma, sans-serif;	
	}*/
	
div.vcard a.url {text-decoration: none; }

div.vcard span.tel {font-weight: 900; }

 div.link {float: left; height: auto; width: 230px; 
	background-color: #cfc; 
	background-color: #e9e9e9; 
	line-height: 1.5em;
	color: #333;
	border: 1px solid silver;
	margin: 64px 80px 32px 32px; 
	margin: 220px 2px 2px 48px; 
	padding: 8px; 
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 2px 2px 4px #666;	
	}
 
 div.gallery {float: left; width: 200px; padding: 0px 10px 0px 10px; }
 div.gallery img {float: left; 
 	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
  	-moz-border-radius: 4px;
	border-radius: 4px;
 }
/* div.gallery p {vertical-align: top; } */


 span.thumb {width: 220px; padding: 10px; display: block; }
 span.thumb img {border: 1px solid #ccc; margin-left: 5px; }

 #loadarea {opacity: 1.0;}
 
 #loadarea img {	
	border: 1px solid silver;
	-moz-box-shadow: 1px 1px 2px silver;
	-webkit-box-shadow: 2px 2px 4px silver;
	box-shadow: 2px 2px 4px silver;
	}
 ul.thumblist li img {
 	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
  	-moz-border-radius: 2px;
	border-radius: 2px;
	}

ul.thumblist li img:hover {
	-moz-box-shadow: 1px 1px 2px silver;
	-webkit-box-shadow: 1px 1px 2px silver;
	box-shadow: 1px 1px 2px silver;
	}

	
/* .minilink {width: 100%; color: #777; background-color: inherit; margin: 0px; }
 .minilink a {top: 95%; margin-left: 200px; font-size: smaller; color: #555; background-color: inherit;} */

 a.minilink {font-size: smaller; background-color: #9c9; background-color: #aca;}

 .services {line-height: 0.75em; }


/* ***** Main sections of each page, header,subtitle, menu, main, footer, credits   */


 
 .masthead {padding: 10px 0 0 20px; }

 
 #nav {width: 100%; height: 32px; margin: 0px; padding: 0px; }

 .main {float: left; padding: 10px 10px 10px 20px; }

 div.rightside {float: right; 
	margin: 10px 32px; padding: 8px 6px; 
	width: 92px; 
	background-color: #9c9; 
	background-color: #aca; 
	border: 1px solid silver;
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 2px 2px 4px #666;
	}

 div.rightside img {margin: 4px; }

 .footer {clear: both; white-space: pre; height: 80px; border-top: 2px solid #eee; padding: 4px;}

 .phonenumbers {display: block; height: 20px; float: left; width: 95%; margin: 4px 10px 4px 20px;  }
 
 .credits {display: block; height: 12px; width: 128px; clear: left; float: left; margin: 8px 10px 4px 0; color: #bbb; font-size: smaller; }
 .companyinfo {display: block; height: 12px; width: 350px; margin-top: 8px; float: right; font-size: smaller; margin-right: 32px;}
  
 .footer a {color: #666; text-decoration: none;}
 .footer a:hover {color: #333; text-decoration: none;}
 
 .externallinks {float: right; padding: 20px; }

/* Menu styling... */

ul#nav {
	width: 95%;
	float: left;
	margin-left: 10px;
	/* margin: 0 2px 2px 2px; */
	padding: 0;
	list-style: none;
	background-image: url(../images/menuback.gif); 
	background-color: #f2f2f2;
/*	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc; */
	border: 1px solid #ccc;
}
ul#nav li {
	float: left; }
ul#nav li a {
	display: block;
	padding: 2px 10px 4px 0;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 500;
	color: #666;
	text-shadow: 1px 1px 1px #999;
	border-right: 1px solid #ccc; }
ul#nav li.selected a {
	color: #111;
	}
ul#nav li a:hover {
	color: #131;
	text-decoration: underline;
	/*background-color: #eee; */
	}

/* Styling for galleryN.php - esp. thumbnail lists...  */


div#dh_gallery {
float: left;
border: none;
min-height: 300px;
}

.othergalleries {margin: 10px ; }
.othergalleries a {margin: 4px ; }

div#dh_gallery_end {
clear: both;
}

.thumbinstr {
margin-left: 400px;
}

ul.thumblist {
list-style-type: none;
margin: 2px 2px 8px 40px;
margin-left: 400px;
/*width: 50%;*/
padding: 0;
}

ul.thumblist li {
display: inline;
margin: 0;
padding: 0;
}

ul.thumblist li img {
border: solid 1px #ccc;
}