/*
File: screen.css
Author: Larry French
Date: 071707
*/


* { padding: 0; margin: 0; }
body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:86%;
color:#464646; background-color:#f1efe7; }
.left { float:left; }
.right { float:right; }
img { border:0; }
hr {
color:#71201f; background-color:#71201f;
height:2px; border:0; }



/* Page content holder */
div#container {
position:relative;
width:930px;
margin:0 auto; }



/* HEADER ------------- */
div#header { 
width:100%; height:90px;
background: #d9d5c5 url(../pics/background_header_footer.jpg) repeat-y;
text-align:right; 
margin-top:15px;}

div#header p {
text-align: right;
line-height:55px;
padding-top:40px;
padding-right:70px;
font-style:italic; font-weight:bold; font-size:1.1em;
font-family:Georgia, "Times New Roman", Times, serif;
color: #711f1f; }



/* NAVIGATION ---------- */
div#navigation{

width:930px;
background-color:#711f1f; 

}

div#navigation ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
div#navigation li {
display: inline;
height:28px;
margin: 0px;
padding: 0px;

}

div#navigation li a {
padding-top:6px;
padding-bottom:6px;
padding-left:8px;
padding-right:8px;
letter-spacing:0.05em;
font-size:0.9em; line-height:25px; 
text-decoration:none;
font-weight:bold;
border-left:2px solid #ffffff;
color:#ffffff;

}

div#navigation li a:hover,
body#company a#company_link, 
body#cherry a#cherry_link, 
body#dealers a#dealers_link, 
body#contact a#contact_link, 
body#literature a#literature_link, 
body#maple a#maple_link, 
body#oak a#oak_link, 
body#quality a#quality_link, 
body#ideas a#ideas_link, 
body#white a#white_link,
body#home a#home_link { 
color:#aa3e3c;
background: #fffffe; }

body#specifications {
	width: 720px;
}

/* CENTER COLUMN -------------- */
div#column_center_holder {
float:left; width:910px;
position:relative;
min-height:500px;
padding:0 10px;
background: #f1efe7 url(../pics/background_center_column_edges.jpg) repeat-x; 
_width:600px; }

div#column_center {
float:left; width:908px;
padding-top:30px;
min-height:500px;
margin:0 auto;
background-color:#d9d5c5; }



/* DOOR VIEWER -------------- */
div#door_viewer {
float:left; width:175px; height:300px; 
margin-left:120px; }

div#door_viewer img {
display:block;
width:75px;
margin:10px auto; }

div#door_viewer h4 {
width:90%;
margin:0 auto 10px auto;
background-color:#d9d5c5;
border: solid 1px #71201f;
color: #fff; font-size:1em;
text-transform:none;
padding:4px; }

div#door_viewer h4#page_title_on {
	background-color:#71201f;
	color:#fffffe;
}

div#door_viewer h4 a { 
background-color:#d9d5c5;
color:#71201f; 	
	 }



/* SUB NAVIGATION PAGE ------------ */
ul#sub_nav_boxes { 
	
}

ul#sub_nav_boxes li {
	
float:left; width:46%;
margin:8px; display:block; }

ul#sub_nav_boxes li.wide_box {
border:solid 1px #71201f; 
background-color:#d9d5c5; }

ul#sub_nav_boxes ul li {
margin:20px 0; width:48%;
text-align:center; }

ul#sub_nav_boxes a {
color: #711f1f; font-size:0.8em;
text-decoration:none; }





/* SWATCHES -------------- */
div#swatches_wide {
float:left; width:700px;
margin-left:120px;
margin-top:50px;
}

div#door_viewer p.swatch_title {
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
margin-top:20px;
line-height:1em; }

div#swatches_wide img { width:65px }
div#swatches_wide a { text-decoration:none; color:#711f1f; }

div#swatches_wide li {
float:left; display:block;
width:20%; height:80px;
font-size:0.8em; color:#711f1f;
font-weight:bold;
text-align:center; }

p.return_button {

padding-bottom:15px;
padding-left:30px;
font-family:Georgia, "Times New Roman", Times, serif; }


p.return_button a { text-decoration:none; color:#711f1f; }



/* DETAILS -------------- */
div#details {
float:left; clear:left; width:100%;
background-color:#d9d5c5; }

div#details h2.details_title {
width:90%;
margin:10px auto; }

div#details ul {
width:85%;
margin:10px auto; }

div#details li {
float:left; display:inline;
width:49%; height:115px;
font-size:0.9em;
overflow:visible;
border-left: #d9d5c5 solid 2px;

_height:150px; }

div#details li p { padding:7px 5px; 

line-height:1.3em;}



/* PORTFOLIO VIEWER -------------- */
div#portfolio_viewer {
float:left;
margin-left:100px;
width:400px; height:300px;
font-size:0.80em;

}

div#portfolio_viewer img { float:left; }
div#portfolio_viewer p#pagination { 
float:right; width:20%;
text-align:right; }
div#portfolio_viewer p#portfolio_caption { float:left; width:330px; }

/* Used in functins.js to show that the pagination.a was clicked */
.portfolio_viewer_clicked { text-decoration:none; font-weight:bold; color:#71201f; }



/* CENTER COLUMN FOOTER ------------ */
div#center_column_footer {
float:left; width:620px;
background-color:#d9d5c5;
borderx:solid red;
padding:0 40px 25px 40px; }

div#center_column_footer p, p.return_button {
float:left; width:70%; clear:left;
margin-top:20px; }

div#center_column_footer a {
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#711f1f; }



/* HEADER TAGS --------------- */
h2 {
color: #fffffe;
line-height:1.2em; }

div#column_center h2 {
width:100%;
margin-bottom:1em;
background-color:#71201f;
font-size:1.5em; font-weight:normal; 
letter-spacing:0.2em; }

/* Page sub titles */
div#column_center h3 {
margin:5px;
color:#711f1f;
font-size:1.2em;
text-transform:none; }

div#details h5 {
background-color:#f0eee7;
text-align:center; color:#711f1f;
font-size: 1.2em;
line-height:1.5em; }



/* MISC STYLES  --------------- */
/* Draws the small red boxes in the center column near the footer. */
div#bottom_right_spot, div#bottom_left_spot{
background-color: #71201f;
position:absolute;
width:10px; height:12px;
bottom:0; right:0; }
div#bottom_left_spot { left:0; }

p.click_to_enlarge { 
font-family:Georgia, "Times New Roman", Times, serif;
text-align:right; font-size:0.80em; }
p.click_to_enlarge a { text-decoration:none; color:#464646; }







/* FOOTER ------------------- */
div.footer_bar, div#footer {
float:left; width:80%;
margin-left:10%;
margin-top:15px;
text-align:center; }

div.footer_bar {
height:10px;
background: #f1efe7 url(../pics/background_header_footer.jpg) repeat-y center; }

div#footer {
font-size:0.85em; color:#bbb; }
div#footer a { color:#bbb; }

/* Literature */
div#literature {
float:left; height:1300px; width:785px; }
.lit {
color:#71201f;
padding-left:10px;
}
.lit2 {
color:#71201f;
}

/* Featured */
div#feature {
height:1400px;}
div#feature2 {
height:1000px;}


/* TYPOGRAPHY --------------- */
a { color: #000; text-decoration:none;}
a:hover { color: #006951; }

h2, h3, h4 { 
text-align:center;
text-transform:uppercase; }

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
line-height: 1.2em;
margin-bottom:1.2em; }

#holder {
	width:620px;
	margin:10px auto;
}

/* START OF CSS FOR MAP */
dl.map {
	position:relative;
	width:550px;
	height:381px;
	background:url(../pics/map.png) no-repeat;
	text-align:left;
	margin:0px;
	padding:0px;
	border:#999 1px solid;
}
dl.map dt {
	list-style:none;
	display:inline;
}

dl.map a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../pics/point.png) no-repeat;
	width:20px;
	height:20px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map a.location:hover {
	background:url(../pics/point-hover.png) no-repeat -1px -1px;
}
dl.map dd a {
	text-decoration:none;
	color:#000;
}

/* START OF CSS FOR MAP POINTS */
dl.map a#location01 {
	top:90px;
	left:275px;
}
dl.map a#location02 {
	top:110px;
	left:320px;
}
dl.map a#location03 {
	top:140px;
	left:370px;
}
dl.map a#location04 {
	top:138px;
	left:425px;
}
dl.map a#location05 {
	top:185px;
	left:310px;
}
dl.map a#location06 {
	top:240px;
	left:360px;
}
dl.map a#location07 {
	top:302px;
	left:432px;
}

dl.map a#location08 {
	top:200px;
	left:440px;
}

dl.map a#location09 {
	top:172px;
	left:413px;
}

dl.map a#location10 {
	top:110px;
	left:460px;
}

/* START OF CSS FOR MAP */
dl.box1 {
	position:relative;
	width:500px;
	height:425px;
	background:url(../pics/top-white.jpg) no-repeat;
	text-align:left;
	margin:0px;
	padding:0px;
	border:#999 1px solid;
}
dl.box1 dt {
	list-style:none;
	display:inline;
}
dl.box1 dd {
	position:absolute;
	left:-9999px;
	width:350px;
	padding:4px;
	border:#464646 2px solid;
	background:#ffffff;
	color:#000000;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index:11;
	font-size:0.8em;
}
dl.box1 dd img {
	position:relative;
	float:left;	
	margin-right:2px;
	margin-bottom:2px;
}
dl.box1 a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	outline:none;
	z-index:10;
	text-decoration:none;
}

dl.box1 dd a {
	text-decoration:none;
	color:#000;
}

/* START OF CSS FOR MAP POINTS */
dl.box1 a#location01 {
	top:358px;
	left:325px;	
	background:url(../pics/num1.jpg) no-repeat;
	width:28px;
	height:28px;		
}
dl.box1 a#location02 {
	top:354px;
	left:427px;
	background:url(../pics/num2.jpg) no-repeat;
	width:28px;
	height:28px;	
}
dl.box1 a#location03 {
	top:29px;
	left:361px;
	background:url(../pics/num3.jpg) no-repeat;	
	width:28px;
	height:28px;	
}
dl.box1 a#location04 {
	top:74px;
	left:322px;
	background:url(../pics/num4.jpg) no-repeat;	
	width:28px;
	height:28px;	
}
dl.box1 a#location05 {
	top:146px;
	left:340px;
	background:url(../pics/num5.jpg) no-repeat;	
	width:28px;
	height:28px;	
}
dl.box1 a#location06 {
	top:186px;
	left:216px;
	background:url(../pics/num6.jpg) no-repeat;	
	width:28px;
	height:28px;	
}
dl.box1 a#location08 {
	top:286px;
	left:148px;
	background:url(../pics/num8.jpg) no-repeat;	
	width:28px;
	height:28px;		
}
dl.box1 a#location09 {
	top:190px;
	left:89px;
	background:url(../pics/num9.jpg) no-repeat;	
	width:28px;
	height:28px;		
}
dl.box1 a#location10 {
	top:199px;
	left:420px;
	background:url(../pics/num10.jpg) no-repeat;	
	width:28px;
	height:28px;	
}


dl.box2 {
	position:relative;
	width:500px;
	height:402px;
	background:url(../pics/bottom-white.jpg) no-repeat;
	text-align:left;
	margin:0px;
	padding:0px;
	border:#999 1px solid;
}
dl.box2 dt {
	list-style:none;
	display:inline;
}
dl.box2 dd {
	position:absolute;
	left:-9999px;
	width:350px;
	padding:4px;
	border:#222 2px solid;
	background:#ffffff;
	color:#000000;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index:11;
	font-size:0.8em;
}
dl.box2 dd img {
	position:relative;
	float:left;	
	margin-right:2px;
	margin-bottom:2px;

}
dl.box2 a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	outline:none;
	z-index:10;
	text-decoration:none;
}

dl.box2 dd a {
	text-decoration:none;
	color:#000;
}

/* START OF CSS FOR MAP POINTS */
dl.box2 a#location01 {
	top:309px;
	left:317px;	
	background:url(../pics/num1.jpg) no-repeat;
	width:28px;
	height:28px;		
}
dl.box2 a#location02 {
	top:322px;
	left:431px;	
	background:url(../pics/num2.jpg) no-repeat;
	width:28px;
	height:28px;	
}
dl.box2 a#location03 {
	top:258px;
	left:294px;	
	background:url(../pics/num3.jpg) no-repeat;	
	width:28px;
	height:28px;	
}
dl.box2 a#location04 {
	top:67px;
	left:380px;	
	background:url(../pics/num4.jpg) no-repeat;	
	width:28px;
	height:28px;	
}
dl.box2 a#location05 {
	top:187px;
	left:335px;	
	background:url(../pics/num5.jpg) no-repeat;	
	width:28px;
	height:28px;	
}
dl.box2 a#location06 {
	top:145px;
	left:283px;	
	background:url(../pics/num6.jpg) no-repeat;	
	width:28px;
	height:28px;	
}
dl.box2 a#location07 {
	top:94px;
	left:195px;	
	background:url(../pics/num7.jpg) no-repeat;	
	width:28px;
	height:28px;	
}

dl.box2 a#location09 {
	top:98px;
	left:91px;	
	
	background:url(../pics/num9.jpg) no-repeat;	
	width:28px;
	height:28px;		
}
dl.box2 a#location10 {
	top:170px;
	left:421px;	
	background:url(../pics/num10.jpg) no-repeat;	
	width:28px;
	height:28px;	
}

input.norm {	border: 1px dotted black; }
input:focus { border: 1px solid black; }
input.error { border: 1px dotted #71201f; }
input.burg {background-color: #71201f; font-weight: bold; font-size: 12px; color: white;}