/* 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; }
}

 body {color: black; width: 90%; min-width: 800px; margin-top: 20px; padding: 0; background-color: #999; }

 #container {
	background-color: #eeffee;
	background-image: none;
	width: 90%; 
	margin: 0;
	margin-left: 5%;
	padding: 0px;}

 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; }

 h2 {display: none;}

 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: 120px; margin: 20px; padding: 10px; font-weight: bold; background-color: #9c9; }

 .hidden	{display: none;}
 
#quoteanim { width: 320px; height: 80px; }
#quoteanim div { top: 10px; left: 10px; width: 300px; height: 90px; padding: 0px; margin: 10px; font-size: 16px; overflow: hidden; }


/* for Testimonials...    */

 blockquote {width: 85%;}

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

 .rightish {float: right; height: 120px; width: 350px; background-color: #9c9; line-height: 1.5em; margin: 40px 80px 10px 20px; padding: 20px; }
 .rightish div { top: 10px; left: 10px; width: 300px; height: 90px; background-color: #9c9; padding: 0px; margin: 10px; font-size: 16px; overflow: hidden; }

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

 div.contactdetails {margin: 40px; padding-left: 40px; padding-top: 20px; background-color: #cfc; width: 400px; }

 div.gallery {float: left; width: 180px; padding: 0px 10px 0px 10px; }
 div.gallery img {float: left; }
/* div.gallery p {vertical-align: top; } */


 span.thumb {width: 200px; padding: 10px; display: block; }
 span.thumb img {border: 1px solid #ccc; margin-left: 5px; }
/* .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;}

 .services {line-height: 0.75em; }


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


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

 .subtitle {font-size: x-large; margin-left: 70px; color: #333;}

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

 .main {float: left; padding: 10px 10px 10px 20px; background-color: #eeffee;
	background-image: none;}

 div.rightside {float: right; margin: 10px; padding: 10px; width: 92px; background-color: #9c9; }

 div.rightside img {margin: 4px; }

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

 .credits {width: 90%; text-align: right; margin: 0 10px 4px 0; color: #bbb; font-size: smaller; }

 .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: 4px 10px 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	border-right: 1px solid #ccc; }
ul#nav li.selected a {
	color: #111;
	}
ul#nav li a:hover {
	color: green;
	/*background-color: #eee; */
	}

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


div#dh_gallery {
float: left;
border: none;
}

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

div#dh_gallery_end {
clear: both;
}

.thumbinstr {
margin-left: 400px;
}

ul.thumblist {
list-style-type: none;
margin: 0 20px 20px 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;
}