/*  
Theme Name: evanson
Theme URI: http://evanson.commonmind.biz/
Description: The Evanson site style.
Version: 1
Author: Ben Beverly 
Author URI: http://evanson.commonmind.biz/
*/

body {
  background-color: #663300;
  margin: 0px;
  text-align: center;
  font-size: .7em;
}

a { color: #FFFFCC; }
a:link { color: #FFFFCC; }
a:visited { color: #FFFFCC; }
a:hover { color: #CCCC99; }
a:active { color: #CCCC99; }

.header {
  float: left;
  width: 100%;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: #000000;
}

.intro {
  float: left;
  width: 100%;
  height: 304px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFCC;
}

.page {
  float: left;
  width: 100%;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: #663300;
}

.page_size {
  width: 800px;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: transparent;
  text-align: left;
}

.intro_content {
  position: relative;
  width: 800px;
  height: 242px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  position:absolute;
  overflow: auto;
  z-index: 10;
}

.intro_content p {
  float: right;
  width: 424px;
  border: 0px;
  padding: 0px;
  margin: 12px 24px 0px 0px;
  font-family: Arial, Verdana, Sans-Serif;
  color: #000000;
  font-size: 1em;
  text-align: left;
  word-spacing: 1px;
}

.intro_content p a {
  border: 0px;
  margin: 0px;
  padding: 0px;
  color: #663300;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  word-spacing: 1px;
}

.intro_content p a:link { color: #663300; text-decoration: underline; }
.intro_content p a:visited { color: #663300; text-decoration: underline; }
.intro_content p a:hover { color: #000000; text-decoration: underline; }
.intro_content p a:active { color: #000000; text-decoration: underline; }

#intro_finishes {
  float: right;
  width: 206px;
  border: 0px;
  padding: 0px;
  margin: 12px 12px 0px 0px;
}

#intro_finishes h2 {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background: url('/images/titles/titles_availablefinishes.gif') 0 0 no-repeat;   width: 180px;
  height: 24px;
}

#intro_finishes h2 strong {
  border: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-transform: uppercase;
  display: none;
}

#intro_finishes ul {
  clear: both;
  display: block;
  height: 132px;
  overflow: hidden;
  border: 0px;
  padding: 0px;
  margin: 0px 0px 0px 24px;
  list-style-type: none;
  text-align: left;
}

#intro_finishes ul li {
  float: left;
  width: 60px;
  height: 60px;
  border: 1px solid #663300;
  margin: 2px 3px;
  padding: 0px;
}

#intro_finishes ul li a {
  display: block;
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 60px; height: 60px;
  overflow: hidden;
  font-family: "Arial Narrow", Arial, Verdana, Sans-Serif;
  font-size: 1em;
  text-align: center;
  word-spacing: 1px;
  text-decoration: none;
  line-height: 5em;
  color: #FFFFCC;
}

#intro_finishes ul li a:link { background: transparent; color: #FFFFCC; }
#intro_finishes ul li a:visited { background: transparent; color: #FFFFCC; }
#intro_finishes ul li a:hover, #intro_finishes ul li a:active {
  display: block !important;
  width: 60px; height: 60px;
  overflow:hidden;
  color: #663300 !important;
  background: #FFFFCC !important;
}

#intro_finishes div {
  margin-left: 100px;
}

#intro_diagram {
  float: right;
  width: 206px;
  border: 0px;
  padding: 0px;
  margin: 12px 24px 0px 0px;
  font-family: Arial, Verdana, Sans-Serif;
  color: #000000;
  font-size: 1em;
  text-align: left;
  word-spacing: 1px;
}

#intro_diagram p {
  border: 0px;
  padding: 0px;
  margin: 12px 0px;
  width: 206px;
  font-family: Arial, Verdana, Sans-Serif;
  color: #000000;
  font-size: 1em;
  text-align: left;
  word-spacing: 1px;
}

.index {
  float: left;
  border: 0px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

h1#splash {
  width: 800px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background: url('/images/hnav/hnav_splash.gif') 0 0 no-repeat;
  height: 178px;
}

h1#splash a {
  border: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-transform: uppercase;
  display: none;
}

h1#logo_small {
  width: 276px;
  height: 50px;
  border: 0px;
  margin: 12px 0px 0px 0px;
  padding: 0px;
  background: url('/images/logo_small.gif') 0 0 no-repeat;
}

h1#logo_small a {
  display: block;
  width: 276px;
  height: 50px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  overflow:hidden;
  text-decoration: none;
}

h1#logo_small a strong {
  overflow: hidden;
  display: none;
}

#category_header {
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 800px;
  height: 242px;
  position: absolute;
  vertical-align: bottom;
}

#category_header div {
  border: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  bottom: 0px;
  text-align: left;
  font-size: 0px;
}

#category_header div img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

/** begin declarations for general top nav layout **/

ul#tnav {
  width: 800px;
  float: left;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  list-style-type: none;
  text-align: left;
}

ul#tnav li {
  float: left;
  height: 30px;
  border: 0;
  margin: 0;
  padding: 0;
}

ul#tnav li a {
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  height: 30px;
  overflow:hidden;
  text-decoration: none;
}

ul#tnav li a:hover {
  background-image: none;
}

ul#tnav li a strong, ul#tnav li strong {
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-transform: uppercase;
  display: none;
}

/** begin declarations for top nav default and hover background images on hover the image slides to the right **/

#phone { background: url('/images/tnav/tnav_phone.gif') 0 -30px no-repeat; width: 135px; }
#appointment { background: url('/images/tnav/tnav_appointment.gif') top left no-repeat; width: 175px; }
#appointment a { background: url('/images/tnav/tnav_appointment.gif') 0 -30px no-repeat; width: 175px !important; }
#custom { background: url('/images/tnav/tnav_custom.gif') top left no-repeat; width: 140px; }
#custom a { background: url('/images/tnav/tnav_custom.gif') 0 -30px no-repeat; width: 140px !important; }
#enteremail { text-align: right; width: 315px; }

#enteremail form, #enteremail img {
  margin: 0px;
  border: 0px;
  padding: 0px;
  float: left;
}

.hidden {
  margin: 0px;
  border: 1px solid red;
  padding: 0px;
  width: 0px;
  height: 0px;
  float: left;
}

#tnav_input {
  margin: 0px;
  margin-top: 7px;
  vertical-align: top;
  border: 0px;
  padding: 2px;
  font-size: .8em;
}

#tnav_button {
  margin: 0px;
  margin-top: 6px;
  margin-left: 4px;
  vertical-align: top;
  border: 0px;
  padding: 0px;
}

.full_size {
  float: left;
  width: 100%;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: #000000;
}


/** begin declarations for general top nav layout **/

ul#hnav {
  width: 702px;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: transparent;
  list-style-type: none;
  text-align: left;
}

ul#hnav li {
  float: left;
  width: 117px;
  border: 0;
  margin: 0;
  padding: 0;
}

ul#hnav li a {
  display: inline;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden; 
  text-decoration: none;
}






.productlist {
  width: 404px;
  background-color: #000000;
  background: #000000;
}

.productlist h2 {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background: url('/images/titles/titles_productsincategory.gif') 0 0 no-repeat;
  width: 164px;
  height: 24px;
}

.productlist h2 strong {
  border: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-transform: uppercase;
  display: none;
}

.productlist h3 {
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 17px;
  clear: both;
}

.productlist ul {
  clear: both;
  display: block;
  border: 0px;
  padding: 0px;
  margin: 12px;
  list-style-type: none;
  text-align: left;
}

.productlist ul li {
  float: left;
  display: inline;
  width: 117px;
  border: 0;
  margin: 0;
  padding: 0;
}

.productlist ul li a {
  border: 0;
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
}


h2#featuredproducts {
  border: 0px;
  margin: 0px;
  margin-left: 160px;
  padding: 0px;
  background: url('/images/titles/titles_featuredproducts.gif') 0 0 no-repeat;
  width: 260px;
  height: 24px;
  clear: both;
}

h2#featuredproducts strong {
  border: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-transform: uppercase;
  display: none;
}

ul#pnav {
  width: 640px;
  margin: 0px;
  margin-left: 162px;
  display: block;
  border: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: left;
}

ul#pnav li {
  float: left;
  width: 117px;
  border: 0;
  margin: 0;
  padding: 0;
}

ul#pnav li a {
  border: 0;
  margin: 0;
  padding: 0;
  display: inline;
  overflow: hidden;
  text-decoration: none;
}


.hsplash {
  width: 404px;
}

.hsplash ul {
  border: 0px;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  text-align: left;
}

.hsplash ul li {
  float: left;
  display: inline;
  border: 0;
  margin: 0;
  padding: 0;
}

.hsplash ul li a {
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  text-decoration: none;
}






.footer {
  float: left;
  width: 100%;
  height: 30px;
  border: 0px;
  margin: 0px;
  margin-top: 60px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: #000000;
}


/** begin declarations for general top nav layout **/

ul#fnav {
  width: 800px;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: transparent;
  list-style-type: none;
  text-align: left;
}

ul#fnav li {
  float: left;
  border: 0;
  margin: 0;
  padding: 0;
}

ul#fnav li a, .copyright {
  float: left;
  border: 0px;
  margin: 0px;
  margin-right: 20px;
  padding: 0px;
  color: #FFFFCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
  font-style: normal;
  line-height: 1.8em;
  overflow: hidden;
  text-decoration: none;
}

ul#fnav li a:hover {
  color: #CCCC99;
  text-decoration: none;
}

ul#fnav li a strong {
  font-style: normal;
}


#subnav {
  float: left;
  width: 136px;
  border: 0px;
  margin: 0px;
  margin-bottom: 30px;
  padding: 0px;
}



.lnav {
  float: left;
  width: 136px;
  border: 0;
  margin: 0;
  margin-top: 12px;
  padding: 0;
  list-style-type: none;
  text-align: left;
  letter-spacing: .1em;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 1em;
  font-weight: normal;
  color: #48412F;
}

.lnav li {
  float: left;
  width: 136px;
  border: 0;
  margin: 0;
  padding: 0;
}

.lnav li a {
  display: block;
  margin: 0;
  padding: 0;
  width: 136px; height: 14px;
  overflow:hidden;
  text-decoration: none;
}

.lnav li a strong {
  overflow: hidden;
  display: none;
}

/** all the bang emportant statements for the rest of the page are necessary to prevent ie windows parent selectors improperly overriding child selectors **/

ul.lnav li a:hover {
  background-image: none !important;
}

/** begin declarations for left nav and subnav default and hover background images on hover the image slides to the right **/

#forinteriordesigners { background: url('/images/lnav/lnav_forinteriordesigners.gif') -136px 0 no-repeat; height: 14px; }
#forinteriordesigners a { background: url('/images/lnav/lnav_forinteriordesigners.gif') top left no-repeat; height: 14px !important; }
#forarchitects { background: url('/images/lnav/lnav_forarchitects.gif') -136px 0 no-repeat; height: 14px; }
#forarchitects a { background: url('/images/lnav/lnav_forarchitects.gif') top left no-repeat; height: 14px !important; }
#fordecorators { background: url('/images/lnav/lnav_fordecorators.gif') -136px 0 no-repeat; height: 14px; }
#fordecorators a { background: url('/images/lnav/lnav_fordecorators.gif') top left no-repeat; height: 14px !important; }
#forresidentialhomes { background: url('/images/lnav/lnav_forresidentialhomes.gif') -136px 0 no-repeat; height: 14px; }
#forresidentialhomes a { background: url('/images/lnav/lnav_forresidentialhomes.gif') top left no-repeat; height: 14px !important; }
#forcommercialspaces { background: url('/images/lnav/lnav_forcommercialspaces.gif') -136px 0 no-repeat; height: 14px; }
#forcommercialspaces a { background: url('/images/lnav/lnav_forcommercialspaces.gif') top left no-repeat; height: 14px !important; }
#cabinets { background: url('/images/lnav/lnav_cabinets.gif') -136px 0 no-repeat; height: 14px; }
#cabinets a { background: url('/images/lnav/lnav_cabinets.gif') top left no-repeat; height: 14px !important; }
#diningtablesandconsole { background: url('/images/lnav/lnav_diningtablesandconsole.gif') -136px 0 no-repeat; height: 14px; }
#diningtablesandconsole a { background: url('/images/lnav/lnav_diningtablesandconsole.gif') top left no-repeat; height: 14px !important; }
#chairs { background: url('/images/lnav/lnav_chairs.gif') -136px 0 no-repeat; height: 14px; }
#chairs a { background: url('/images/lnav/lnav_chairs.gif') top left no-repeat; height: 14px !important; }
#sideandcocktailtables { background: url('/images/lnav/lnav_sideandcocktailtables.gif') -136px 0 no-repeat; height: 14px; }
#sideandcocktailtables a { background: url('/images/lnav/lnav_sideandcocktailtables.gif') top left no-repeat; height: 14px !important; }
#customfurniture { background: url('/images/lnav/lnav_customfurniture.gif') -136px 0 no-repeat; height: 14px; }
#customfurniture a { background: url('/images/lnav/lnav_customfurniture.gif') top left no-repeat; height: 14px !important; }
#exoticmaterials { background: url('/images/lnav/lnav_exoticmaterials.gif') -136px 0 no-repeat; height: 14px; }
#exoticmaterials a { background: url('/images/lnav/lnav_exoticmaterials.gif') top left no-repeat; height: 14px !important; }
#collectionlists { background: url('/images/lnav/lnav_collectionlists.gif') -136px 0 no-repeat; height: 14px; }
#collectionlists a { background: url('/images/lnav/lnav_collectionlists.gif') top left no-repeat; height: 14px !important; }
#casestudies { background: url('/images/lnav/lnav_casestudies.gif') -136px 0 no-repeat; height: 14px; }
#casestudies a { background: url('/images/lnav/lnav_casestudies.gif') top left no-repeat; height: 14px !important; }
#testimonials { background: url('/images/lnav/lnav_testimonials.gif') -136px 0 no-repeat; height: 14px; }
#testimonials a { background: url('/images/lnav/lnav_testimonials.gif') top left no-repeat; height: 14px !important; }
#evansonnews { background: url('/images/lnav/lnav_evansonnews.gif') -136px 0 no-repeat; height: 14px; }
#evansonnews a { background: url('/images/lnav/lnav_evansonnews.gif') top left no-repeat; height: 14px !important; }
#faq { background: url('/images/lnav/lnav_faq.gif') -136px 0 no-repeat; height: 14px; }
#faq a { background: url('/images/lnav/lnav_faq.gif') top left no-repeat; height: 14px !important; }
#aboutevanson { background: url('/images/lnav/lnav_aboutevanson.gif') -136px 0 no-repeat; height: 14px; }
#aboutevanson a { background: url('/images/lnav/lnav_aboutevanson.gif') top left no-repeat; height: 14px !important; }
#contactevanson { background: url('/images/lnav/lnav_contactevanson.gif') -136px 0 no-repeat; height: 14px; }
#contactevanson a { background: url('/images/lnav/lnav_contactevanson.gif') top left no-repeat; height: 14px !important; }




.wide_post, .wide_post_wm {
  float: left;
  width: 640px;
  border: 0px;
  margin: 0px;
  margin-top: 12px;
  margin-left: 12px;
  margin-right: 12px;
  padding: 0px;
  overflow: hidden;
}

.wide_post_wm {
  margin-left: 148px;
}

.post {
  float: left;
  width: 376px;
  border: 0px;
  margin: 0px;
  margin-top: 12px;
  margin-left: 24px;
  margin-right: 24px;
  padding: 0px;
  overflow: hidden;
}

.callouts {
  float: left;
  width: 224px;
  border: 0px;
  margin: 0px;
  margin-top: 12px;
  margin-right: 12px;
  padding: 0px;
  overflow: hidden;
}

#newslettersignup form {
  width: 200px;
  border: 0px;
  margin: 6px 12px;
  padding: 0px;
}

#newslettersignup table {
  border: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  color: #FFFFCC; 
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 1em; 
  line-height: 1.2em;
  text-align: right;
}

#newslettersignup form table tr td input, #newslettersignup input {
  float: right;
  margin: 2px 0px 4px 2px;
  border: 0px;
  padding: 2px !important;
}

div#callouts_custom {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background: url('/images/callouts/callouts_custom.gif') 0 0 no-repeat;
  width: 224px;
  height: 195px;
}

div#callouts_custom div {
  border: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  display: none;
}

div#callouts_highlight {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background: url('/images/callouts/callouts_highlight.gif') 0 0 no-repeat;
  width: 224px;
  height: 257px;
}

div#callouts_highlight div {
  border: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  display: none;
}

#emaillink {
  border: 0px;
  border-top: 1px solid #FFFFCC;
  margin: 0px 12px;
  padding: 0px;
  padding-top: 12px;
}

#emaillink form {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

#emaillink table {
  border: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  color: #FFFFCC; 
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 1em; 
  line-height: 1.2em;
  text-align: left;
}

#emaillink form table tr td {
  margin: 0px;
  border: 0px;
  padding: 0px !important;
  padding-right: 6px !important;
}

#emaillink form table tr td input,  #emaillink input {
  float: left;
  margin: 2px 0px 4px 0px;
  border: 0px;
  padding: 2px !important;
}

#emaillink p {
  float: left;
  margin: 2px 0px 4px 0px;
  border: 0px;
  padding: 2px !important;
}

.img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.wide_post p, .wide_post_wm p, .post p {
  border: 0px;
  margin: 6px 12px;
  padding: 0px;
  color: #FFFFCC;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 1em;
  text-align: left;
  word-spacing: 1px;
} 

.wide_post p a, .wide_post_wm p a, .post p a {
  border: 0px;
  margin: 0px;
  padding: 0px;
  color: #FFFFCC;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 1em;
  text-align: left;
  word-spacing: 1px;
}

.wide_post p a:link { color: #FFFFCC; text-decoration: underline; }
.wide_post p a:visited { color: #FFFFCC; text-decoration: underline; }
.wide_post p a:hover { color: #CCCC99; text-decoration: underline; }
.wide_post p a:active { color: #CCCC99; text-decoration: underline; }

.post p a:link { color: #FFFFCC; text-decoration: underline; }
.post p a:visited { color: #FFFFCC; text-decoration: underline; }
.post p a:hover { color: #CCCC99; text-decoration: underline; }
.post p a:active { color: #CCCC99; text-decoration: underline; }

.wide_post_wm p a:link { color: #FFFFCC; text-decoration: underline; }
.wide_post_wm p a:visited { color: #FFFFCC; text-decoration: underline; }
.wide_post_wm p a:hover { color: #CCCC99; text-decoration: underline; }
.wide_post_wm p a:active { color: #CCCC99; text-decoration: underline; }





.callouts div {
  margin: 0px 0px 8px 0px;
}



div#contactevansontitle h3, div#howcanwehelp h3 {
  border: 0px;
  margin: 6px 12px;
  padding: 0px;
  color: #FFFFCC; 
  text-align: left;
  font-family: "Arial Narrow", Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 1em; 
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

div#contactevansontitle pre, div#howcanwehelp p {
  border: 0px;
  margin: 6px 12px;
  padding: 0px;
  color: #FFFFCC; 
  text-align: left;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 1em; 
  font-weight: normal;
  line-height: 1.2em;
}

div#newfromevanson h3, div#newfromevanson p {
  border: 0px;
  margin: 6px 12px;
  padding: 0px;
  color: #FFFFCC; 
  text-align: left;
  font-family: Palatino, Times, serif;
  font-size: 1.2em; 
  line-height: 1em;
  font-style: italic;
  text-transform: none;
}

div#newfromevanson h3 {
  font-weight: bold;
}

div#howcanwehelp ul {
  list-style-type: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

div#howcanwehelp ul li {
  border: 0px;
  margin: 0px 20px;
  padding: 0px;
  color: #FFFFCC; 
  text-align: left;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 1em; 
  font-weight: normal;
  line-height: 1.2em;
}

#contactforprint {
  display: none;
}
