/* 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, body, div, p, span {
	zoom: 100%;
	padding: 0; margin: 0;
	font-family: 'Droid Serif', 'Crimson Text', 'Times New Roman', serif;
	font-size: 1em;
	font-size: 100%;
	line-height: 1.0;
	color: black;
	}

html { height: auto; }
body { height: 100%; margin: 0px; padding: 0px; }

#map_canvas { height: 100% }
  
dive { border: 1px dotted gray; }

html {
	background-color: #f0f0f0; 
	background: #f0f0f0 url(../images/backgrounds/whitewood1.jpg);
	}

div#container {
	width: 800px;
	min-width: 799px; 
	max-width: 800px;
	min-height: 600px; 
	margin: 2px auto 16px;
	background: #eee url(../images/paper_bg4.jpg);

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

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

div#banner {
	width: 100%; 
	height: 210px; 	
	background-color: white;
	float: left;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	}

#logo {float: left;
	_height: 1px;
	display: inline;	
	width: 336px;
	height: 150px;
	font-family: "Droid Serif", "IM Fell French Canon","Times New Roman",serif;
	margin: 16px;
	margin-top: 24px;
	border: 1px solid silver;
	background-color: #fefefe;
	/*
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*/
	-moz-box-shadow: 2px 2px 4px #ccc;
	-webkit-box-shadow: 2px 2px 4px #ccc;
	box-shadow: 2px 2px 4px #ccc;
	
	}

#logo_brush {
	display: block;
	float: left;
	margin: 8px;
	margin-right: 4px;
	aborder: 1px solid red; 
	}
	
#logo_website {
	display: block;
	_display: inline;	
	float: left;
	margin: 60px 0 2px 0px;
	aborder: 1px solid red;
	font-family: "Numans", "Modern Antiqua","Times New Roman",serif;
	text-shadow: 1px 1px 2px #eee;
	letter-spacing: -0.05em;
	font-size: 1.0em;
	text-transform: uppercase;
	}

#logo_website .large {
	_display: inline;	
	font-size: 120%;
	}

#logo_website .tiny {
	_display: inline;	
	letter-spacing: -0.01em;
	font-size: 66.66%;
	}
	
#logo_title {
	display: block;
	_display: inline;	
	float: left;
	margin: 2px 0 2px;
	font-size: 1.4em;
	color: #111;
	aborder: 1px solid red; 
	text-transform: uppercase;
	letter-spacing: -0.02em;
	/*letter-spacing: -1px;*/
	font-weight: lighter;
	text-shadow: 1px 1px 2px #eee;
	}
#logo_mobile {
	display: block;
	_display: inline;	
	float: left;
	font-size: 1.2em;
	margin: 2px 4px 2px 0px;
	aborder: 1px solid red; 
	}
	
#logo_home {
	display: block;
	_display: inline;	
	float: left;
	font-size: 1.2em;
	margin: 2px 4px 2px 4px;
	aborder: 1px solid red; 
	}
	
div#gplusone {
	display: inline-block;
	margin: 8px;
	width: 32px;
	height: 32px;
	margin-top: 60px;
	aborder: 1px solid red; 
	}

div#facebook {
	display: inline-block;
	margin: 8px;
	width: 64px;
	height: 64px;
	margin-top: 28px;
	aborder: 1px solid red; 
	}
	
#eye_candy {  
	width: 196px;	
	height: 196px;
	min-height: 196px;
	min-width: 196px;
	padding: 4px; 
	margin: 4px 8px; 
	float: right;
	_top: 32px;
	margin-right: 4px;
	_position: absolute;
	_left: 580px;
	}

#eye_candy img {
	min-width: 180px;
	min-height: 180px;
	max-width: 196px;
	max-height: 196px;
	}
	
div#menu {
	width: 101%; 
	height: 40px; 
	margin: 0px -4px 8px -8px;
	padding-right: 8px;
	float: left;
	clear: both;
	background: tan url(../images/oakbeam2.jpg);

	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: 2px 2px 4px #666, 6px 2px 8px #666;
	-webkit-box-shadow: 2px 2px 4px #666, 6px 2px 8px #666;
	box-shadow: 2px 2px 4px #666, 6px 2px 8px #666;

	
	
	}

ul.nav {list-style: none; 
	margin: 0; 
	margin-left: 16px;
	padding: 0; 
	}
	
ul.nav li {
	color: #333;
	float: left;
	display: block;
	font-size: 1.5em;
	text-shadow: -1px -1px 1px #666;
	padding: 2px 4px;
	margin: 6px 8px 4px 8px;
	cursor: pointer;
	border: 1px solid transparent;
	/*border: 1px solid red;*/
	}

/*ul.nav li a {text-decoration: none; color: black;}*/
	
ul.nav li.current {text-decoration: underline; 
	color: white; 	
	text-shadow: 1px 1px 1px #ddd;
	}
	
ul.nav li:hover { 
	color: white; 	
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
div#content {
	/*float: left;*/
	clear: both;
	width: 90%;
	min-width: 600px; 
	margin: 16px auto;
	padding-top: 10px;
	height: 650px;
	min-height: 650px;
	padding-bottom: 16px;
	overflow-y: auto;
	background: #eee url(../images/paper_bg4.jpg);
	aborder: 2px dotted blue; 
	}

div.page {
	width: 95%;
	/*min-width: 640px;*/ 
	font-size: 1.1em;
	line-height: 1.25em;
	margin: 16px auto;
	padding: 4px;
	background: #eee url(../images/paper_bg4.jpg);
	aborder: 1px dashed lime;
	}

#page4 {font-size: 0.95em; 	overflow-y: auto; height: 620px;}
	
	
div#insurance { width: 90%; height: 100px; margin: 32px auto;
	background: white; padding: 8px;
	border: 4px solid silver; border-radius: 8px;
	}
	
div#insurance img {float: left; padding: 8px; margin: 16px 32px;
	}
	
div#insurance p { display: inline-block;
	padding: 4px;
	float: left;
	width: 360px;
		}
		
div.page #logo {
	width: 200px;
	float: right;
	}
	
.page p, .page span {
	font-size: 1.1em;
	line-height: 1.25em;
	}
	
a.pagelink {text-decoration: underline; cursor: pointer;}
	
/*#map_canvas*/
#gmap {float: right; 
	margin: 16px;
	border: 1px solid gray;
	}
	
ul#services li {line-height: 2.0em;}
	
	
/* #page4 {height: 640px; } */

div.testimonial p {font-style: italic; color: #222; 
	font-size: 0.85em;
	width: 90%;
	margin: 8px 4px 4px 8px;}
p.signed {
	text-align: right;
	color: #000; 
	margin: 0px 16px 8px 8px;
	padding-right: 8px;	
	font-size: 0.8em; font-weight: 700;}
	
span.from {font-size: 0.8em; }

.gallery_ui {display: block;
	width: 40px; height: 40px; border: 2px solid #fff;
	border-radius: 25px; position: absolute; top: 140px; z-index: 9999; color: #fff;
	background-color: #000; text-decoration: none; text-align: center;
	font: 50px/30px Georgia; outline: none;
	}
	
#prev {left: 32px; display: block;}
#next {left: 640px; display: block;}

#nav {left: 0px; position: relative; }
#nav a { display: inline-block; float: left;
	border: 1px solid #ccc; color: gray; border-radius: 0.4em;
	width: 1.1em; height: 0.9em; font-size: 0.7em; text-align: center;
	background: #eee; text-decoration: none; margin: 3px 4px; padding: 0.2em;  }
#nav a.activeSlide { background: #fff; color: black; border-color: grey; box-shadow: 0px 0px 1px 3px orange;}
#nav a:focus { outline: none; }

#gallery {
	top: 88px;
	left: 20px;
	margin: 8px auto;
	}

/* give each slide the same dimensions */

#gallery img {
	display: block;
	border: 2px solid silver; 
	margin: 8px auto;
	}

#paints a img {border: none; }
	

	
/*

div#tradelinks {overflow-y: auto;}

#tradelinks img {border: 2px solid silver; border-radius: 4px; float: left; margin: 4px;}

*/

#tradelinks a { text-decoration: none; }
	

/*
.trades {display: block;
	padding: 8px;
	margin: 8px;
	width: 90%;
	height: auto;
	line-height: 1.2em;
	}
*/

.trades {display: block;
	padding: 8px;
	margin: 8px 2% 8px;
	width: 90%;
	height: auto;
	line-height: 1.2em;
	/*border: 1px solid gray;*/
	border-radius: 4px;
	box-shadow: 2px 2px 4px #666;
	background-color: white;
	}

div.narrow { width: 44.5%;  float: left; margin-right: 1%; padding: 2px 0px; height: 120px;}
	
.trades img  {
	display: block;
	max-width: 30%;
	/*border: 1px solid silver; */
	border-radius: 2px; 
	clear: none;
	float: left;
	margin: 4px;
	}

.trades img+p {
	display: block;
	width: 65%;
	clear: none;
	float: left;
	margin: 4px;
	margin-left: 8px;
	}

.narrow img {max-width: 80%;}
.narrow img+p {}
	
.trades img.wide  {
	display: block;
	max-width: 50%;
	/*border: 1px solid silver; */
	border-radius: 2px; 
	clear: none;
	float: left; 
	margin: 4px;
	}

.trades img.wide+p {
	display: block;
	width: 45%;
	clear: none;
	float: left;
	margin: 4px;
	}

#page6 {font-size: 0.95em; 	overflow-y: auto; height: 620px;}
	
div#page6 hr {clear: both; visibility: hidden; background-color: silver; height: 1px; color: white; margin: 2px;}

/*
img.tradeleft {
	float: left;
	margin: -4px 16px 4px 8px;
	}
	
img.traderight {
	float: right;
	margin: 0px 16px 4px 8px;
	}
*/
	
div#request {
	background-color: #fdf9e7;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 3px 3px 5px #666;
	font-size: 0.9em;
	width: 500px;
	padding: 8px;
	margin: 20px auto 20px 50px; }
/*button#quote_request {height: 32px; font-size: 16px; margin: 4px; padding: 2px; left: 100px;}*/
#reqbutt {margin-left: 70px; }
ul.callback {list-style: none none inside; margin: 4px; margin-left: 8px; }
li.reqlable label {
	display: block; 
	float: left; 
	clear: left; 
	width: 160px; height: 20px; 
	padding: 4px;
	}

#callback_name, #callback_number, #callback_message ,
 #callback_email, #callback_copyme {
	display: block; float: left; 
	width: 200px; margin-left: 16px; 
	}
#callback_copyme {width: auto; padding-right: 180px;}

#callback_message {height: 128px; margin: 8px; margin-left: 16px; }

span#request_callback {
	display: block;
	float: left;
	clear: left;
	background-color: #ddd; 
	border: 1px solid #ccc; 
	padding: 4px; margin: 8px; 
	cursor: pointer; }

span#request_callback:hover {background-color: #eee; }

#callbackresult {margin: 8px; margin-left: 70px; 	
	display: block;
	width: 200px;
	float: left;
	overflow: auto;
}

div#request hr {
	width: 100%;
	height: 4px;
	visibility: hidden;
	clear: both;
	}

div#webinfo {
	/*position: absolute; */
	/*top: 14px; 
	/*right: 32px;*/
	height: 12px;
	width: 800px;
	text-align: right;
	margin: 20px auto 0px;
	padding-right: 26px;
	font-family: Calibri, tahoma, sans-serif;
	font-size: 7pt;
	font-weight: 900;
	}
	
#webinfo span {color: #888; float: right; text-shadow: 1px 1px 2px silver;}
#webinfo a {color: #444; text-decoration: none; }

div#galleria { width: 99%;
	padding: 0;
	}

div#galleria img {
	float: left;
	width: 100px;
	border: 1px solid silver;
	border-radius: 3px;
	box-shadow: 3px 3px 5px gray;	
	margin: 2px 16px 8px 0px;
	cursor: pointer; 
	opacity: 0.66;
	}

div#galleria img:hover {
	opacity: 1.0;
	}
	
div#galleria img.selected {
	border: 1px solid white;
	opacity: 1.0;
	/*box-shadow: 3px 3px 5px white;*/
	}