/* css base */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	background-color:#ffffff;
	background-image: url("graphics/paisleyTile.jpg");
	background-repeat:repeat;
	margin:0;
	padding:1.0em 0;
	color: #4b5d2c;
	line-height:130%;
	text-align:center;
}
h1 {
	color:#4b5d2c;
	font-weight:bold;
	font-size:1.0em;
	text-align:left;
}
h2 {
	font-weight:bold;
	font-size:0.9em;
	text-align:left;
	}
p {
	font-size:0.9em;
	text-align:left;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:4b5d2c;
	font-size:0.9em;
	padding:0 0 0.5em 0;
	text-align:left;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align:left;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
form {
  margin:0 0 1.0em 0;
  padding:0.5em;
  border:ridge medium #ffff66;
  background-color:#4b5d2c;
  color:#ffffff;
  font-size:0.8em;
  line-height:100%;
  }
input {
	font-size:1.2em;
	margin-bottom:0.3em;
	}
p.warning {
	border:medium solid #990000;
	}

#centering {
	width:90%;
	background:#ffffff;
	margin:1.0em auto auto auto;
	border:medium solid #4b5d2c;
	text-align:left;
	-moz-border-radius-topright:1.0em;
	-moz-border-radius-topleft:1.0em;
	}

#header {
	margin:0;
	padding:1.0em 0 0 0;
	width:auto;
	}
#header h1 {
	font-family: "Brush Script MT", "Monotype Corsiva", "Zaph Chancery", cursive;
	font-size:1.5em;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	margin:0.5em 0;
	padding:0 0 0 1.0em;
	width:95%;
}

/* Tab Navigation (top) hooked into type of page; set body id as home, windows, closets, fabrics, energy, contact,... */

#tabnav {
	float:left;
	width:100%;
	border-top: thick solid #4b5d2c;
	background-color:#d0e295;
	margin:0;
	text-align:center;
	}
#tabnav ul {
	margin:0 0 0 5%;
	padding: 0 0 2.0em 0;
	list-style:none;
	}
#tabnav li {
	float:left;
	background-image:url("graphics/tab_left.gif");
	background-repeat:no-repeat;
	background-position:left;
	margin:0;
	padding:0 1.0em 0 18px;
	}
#tabnav a {
	float:left;
	display:block;
	background-image:url("graphics/tab_right.gif");
	background repeat:no-repeat;
	background-position:right;
	margin:0 -0.3em;
	padding:0.3em 1.5em 0.2em 0;
	text-decoration:none;
	font-weight:bold;
	font-size:0.8em;
	color:#4b5d2c;
}
#home #tabnav li,
#windows #tabnav li,
#closets #tabnav li,
#fabrics #tabnav li,
#energy #tabnav li,
#contact #tabnav li {
	float:left;
	background-image:url("graphics/tab_left.gif");
	background-repeat:no-repeat;
	background-position:left;
	margin:0 -0.3em;
	padding:0 0.5em 0 18px;
	}
#home #tabnav li:hover,
#windows #tabnav li:hover,
#closets #tabnav li:hover,
#fabrics #tabnav li:hover,
#energy #tabnav li:hover,
#contact #tabnav li:hover {
	float:left;
	background-image:url("graphics/tab_hover_left.gif");
	background-repeat:no-repeat;
	background-position:left;
	margin:0 -0.3em;
	padding:0 0.5em 0 18px;
	}
#home #tabnav li a:hover,
#windows #tabnav li a:hover,
#closets #tabnav li a:hover,
#fabrics #tabnav li a:hover, 
#energy #tabnav li a:hover, 
#contact #tabnav li a:hover  {
	background-image:url("graphics/tab_hover_right.gif");
	color:#ffffcc;
	}
#home #tabnav li.home,
#windows #tabnav li.windows,
#closets #tabnav li.closets,
#fabrics #tabnav li.fabrics,
#energy #tabnav li.energy,
#contact #tabnav li.contact {
	float:left;
	background-image:url("graphics/tab_hover_left.gif");
	background-repeat:no-repeat;
	background-position:left;
	margin:0 -0.3em;
	padding:0 0.5em 0 18px;
	}
#home #tabnav li.home a, 
#windows #tabnav li.windows a,
#closets #tabnav li.closets a,
#fabrics #tabnav li.fabrics a,
#energy #tabnav li.energy a,
#contact #tabnav li.contact a {
 	background-image:url("graphics/tab_hover_right.gif");
	background-color:transparent;
	color:#ffff66;
	}
#sidenav {
	float:left;
	margin:0 1.0em 1.0em 0;
	width:25%;
	padding:0.5em 0;
	border-right:medium solid #4b5d2c;
	-moz-border-radius-topright:0.5em;
	-moz-border-radius-bottomright:0.5em;
	background-color:#4b5d2c;
	}
#sidenav ul {
	text-align:left;
	margin:0;
	padding:0 0 1.0em 0;
	width:100%;
	text-align:left;
	}
#sidenav ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	text-align:left;
}
#sidenav li a {
	padding:0.3em 1.0em;
	margin:0;
	border:thin solid #4b5d2c;
	color: #d0e295;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.85em;
	text-decoration:none;
	text-align:left;
	display:block;
	}
#sidenav li a:visited {
	padding:0.3em 1.0em;
	margin:0;
	border:thin solid #4b5d2c;
	color: #eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.85em;
	text-decoration:none;
	text-align:left;
	}
#sidenav li a:focus {
	padding:0.3em 1.0em;
	margin:0;
	border:thin solid #d0e295;
	color: #FFFF66;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.85em;
	text-decoration:none;
	text-align:left;
	}
#sidenav li a:hover {
	padding:0.3em 1.0em;
	margin:0;
	border:thin solid #d0e295;
	color:#FFFF66;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.85em;
	text-decoration:none;
	text-align:left;
	}
#sidenav li a:active {
	padding:0.3em 1.0em;
	margin:0;
	border:thin solid #d0e295;
	color: #eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.85em;
	text-decoration:none;
	text-align:left;
	}
#sidenav p {
	padding:0.5em 0.3em 0.3em 0.3em;
	margin:1.0em 0 0 0;
	color: #d0e295;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
	text-align:left;
	}


#main {
	margin:0 20px 0 28%;
	background-color: #ffffff; 
	padding:1.0em;
	text-align:left;
}
#main h1 {
	color:#4b5d2c;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	padding-top:1.0em
}
#main h2 {
	color:#4b5d2c;
	font-weight:bold;
	font-size:1.0em;
	text-align:left;
	padding-top:2.0em;
}
#main a:link {
	color:#4b5d2c;
	text-decoration:underline;
}
#main a:visited {
	color:#336600;
	text-decoration:underline;
}
#main a:focus {
	color:#4b5d2c;
	text-decoration:underline;
}
#main a:hover {
	color:#4b5d2c;
	text-decoration:underline;
	background-color:#FFFF66;
}
#main a:active {
	color:#4b5d2c;
	text-decoration:underline;
	background-color:#FFFF66;
}
#main img {
	border:thin solid #4b5d2c;
	margin:1.0em 0;
	float:none;
}

.floatleft {
	float:left;
	margin: 0 1.5em 1.5em 0;
	font-size:0.8em;
	text-align:center;
	color: #4b5d2c;
	}
.floatright {
	float:right;
	margin: 0 0 1.5em 1.5em;
	font-size:0.8em;
	text-align:center;
	color: #4b5d2c;
	}
.photo {
	border: thin solid #4b5d2c;
	margin-bottom:0.5em;
	}
.testimonials {
	float:right;
	width:auto;
	margin: 0 1.0em 1.0em 1.0em;
	padding:0.5em;
	background-color:#FFFFcc;
	color:#4b5d2c;
	font-style:italic;
	font-size:0.95em;
	}
	
#footer {
	padding:0 0.5em; /* this padding matches left alignment of elements in div that appear above it */
	background-color:#4b5d2c;
	margin:0;
	width:auto;
	}
#footer p {
	margin:0;
	padding:1.0em 0;
	font-size:0.8em;
	color:#efefef;
	text-align:center;
	}
#footer a:link {
	color:#efefef;
	}
#footer a:visited {
	color:#dedede;
	}
#footer a:focus {
	color:#ffff66;
	}
#footer a:hover {
	color:#ffff66;
	}
#footer a:active {
	color:#ffff66;
	}


.box1 {
	padding: 0.5em;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 0.5em;
	border-width: thin;
	border-style: solid;
}
.testimonial {
margin:1.0em;
padding:1.0em;
border: thin solid #4b5d2c;
background-color:#FFFFCC;
color:#4b5d2c;
font-style:italics;
font-size:0.8em;line-height:150%;
}
.sidetest {
margin:1.0em;
padding:1.0em;
border: thin solid #4b5d2c;
background-color:#FFFFCC;
color:#4b5d2c;
font-style:italics;
font-size:0.75em;
}
.botTest {
	display:none;
	}