*
{
	margin: 0;
	padding: 0;
	font-family: 'Microsoft Sans Serif', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: 0 0;
}

html
{
	background-image: url(../images/bkgd_woodgrain.gif);
	background-repeat: repeat;
}

body
{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;
	font-size: 14px;
	background-image: url(../images/bkgd_screen.png);
	background-repeat: repeat-x;
}

h1, h2, h3, h4 {  }

h1
{
	font-size: 28px;
	line-height: 28px;
	padding: 0;
	margin: 0 0 6px 0;
	font-weight: bold;
}

h2
{
	padding: 0;
	margin: 0 0 12px 0;
	font-size: 25px;
	line-height: 27px;
	font-weight: normal;
	color: #785E22;
}

h3
{
	padding: 0;
	margin: 6px 0 6px 0;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #730000;
}

h2 + h3 { margin-top: 0; }

h4
{
	font-size: 16px;
	line-height: 18px;
	padding: 0;
	margin: 6px 0 6px 0;
	font-weight: bold;
}

h5
{
	font-size: 14px;
	line-height: 17px;
	padding: 0;
	margin: 6px 0 6px 0;
}

p
{
	padding: 0;
	margin: 0 0 9px 0;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .02em;
	text-align: left;
}

a,
a:link
{
	color: #666666;
	text-decoration: underline;
}

a:visited
{
	color: #333333;
	text-decoration: underline;
}

a:hover,
a:active
{
	color: #730000;
	text-decoration: none;
	outline: 0 none;
}

strong,
b { font-weight: bold; }

sup
{
	font-size: 70%;
	vertical-align: baseline;
	position: relative;
	bottom: 0.5em;
}

hr
{
	border-top: 1px #CCC solid;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	margin: 10px 0;
}

em { font-style: italic; }

dl
{
	margin: 0 0 9px 0;
	padding: 0;
}

dt
{
	float: left;
	padding: 0 10px 0 0;
	font-weight: bold;
}

dd
{
	margin: 6px 0 6px 0;
	padding: 0;
}

ol 
{
	font-size: 14px;
	line-height: 19px;
}

ul
{
	margin: 0 0 12px 0;
	padding: 0 0 0 24px;
}

li
{
	margin: 0 0 6px 0;
	padding: 0;
}

object { display: block; }

blockquote
{
	display: block;
	overflow: auto;
}

blockquote p
{
	font-size: 16px;
	line-height: 25px;
	font-style: italic;
	font-weight: normal;
}

blockquote p.author
{
	font-style: normal;
	font-weight: bold;
	text-align: right;
}

/*   FORM ELEMENTS   */
form
{
	margin: 0;
	padding: 0;
	border: 0;
}

fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

label
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

input[type=text],
input[type=password],
select,
textarea
{
	background-color: #FFF;
	padding: 3px;
	margin: 0;
	font-size: 14px;
	line-height: 14px;
	border: 1px #CCC solid;
}

input.btn
{
	border: 1px #666 solid;
	background-color: #FFF;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #666;
	padding: 3px 10px;
	margin: 0;
	cursor: pointer;
}

input.btn:focus,
input.btn:hover
{
	background-color: #CCC;
	color: #000;
}

form dl
{
	margin: 0;
	padding: 0;
}

form dt
{
	float: left;
	padding: 0 10px 0 0;
	width: 200px;
	text-align: right;
}

form dd
{
	margin: 0 0 6px 210px;
	padding: 0;
}

form dd.submit_row { }
input.type1,
select.type1 { width: 230px; }
input.type2,
select.type2 { width: 117px; }
input.type3,
select.type3 { width: 35px; }
input.type4,
select.type4 { width: 150px; }
input.type5,
select.type5 { width: 150px; }

textarea.type1a
{
	width: 230px;
	height: 200px;
}

textarea.type1b
{
	width: 230px;
	height: 100px;
}

.checkbox { }

dt.type1
{
	width: 87px;
	padding: 0;
}

dd.type1 { margin-left: 87px; }

/*   END FORM ELEMENTS   */

#outer_wrap
{
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}

* html #outer_wrap {  }

#inner_wrap { padding: 0 40px 0 40px; }

#main
{
	padding: 10px 0;
	min-height: 300px;
}

#footer
{
	clear: both;
	text-align: left;
	overflow: auto;
	margin: 20px 0 0 0;
	padding: 20px 0 20px 0;
	border-top: 2px #CCCCCC solid;
	font-size: 12px;
	line-height: 16px;
}

#footer span.spacer { padding-left: 20px; }

#header
{
	overflow: auto;
	padding: 30px 0 0 0;
}

#header h1 { float: left; }

#header h1 a
{
	display: block;
	width: 278px;
	height: 97px;
	background-image: url(../images/Architectural_Woodcraft_logo_Asheville.gif);
	text-indent: -6000px;
}

/* Top Menu */
/* SUCKERFISH MENUS */

ul#main_menu
{
	list-style: none;
	padding: 0;
	margin: 55px 0 0 0;
	float: right;
}

#main_menu li
{
	float: left;
	display: block;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: .04em;
	margin: 0;
	padding: 0;
}

#main_menu li div
{
	height: 26px;
	padding: 0 0 0 12px;
	margin: 0 0 0 12px;
	border-left: 1px #555555 solid;
	font-variant: small-caps;
}

#main_menu li#home_link div
{
	padding-left: 0;
	margin-left: 0;
	border-left: 0 none;
}

#main_menu li a
{
	display: block;
	color: #730000;
	text-decoration: none;
}

#main_menu li:hover,
#main_menu li.sfhover { position: static; }

#main_menu li ul
{
	position: absolute;
	z-index: 1;
	clear: both;
	left: -999em;
	margin: 0 0 0 12px;
	padding: 0 0 20px 0;
	list-style: none;
	background-image: url(../images/submenu_bkgd_btm.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	width: 198px;
}

#main_menu li li
{
	float: none;
	margin: 0;
	padding: 0;
	background-image: url(../images/submenu_bkgd.png);
	font-size: 16px;
	line-height: 18px;
	background-position: 0 -12px;
}

#main_menu li li a
{
	display: block;
	padding: 4px 22px 4px 15px;
	color: #FFFFFF;
	height: auto;
}

#main_menu li li:hover { background-position: 0 -116px; }

/* first in submenu get something different */

#main_menu li li:first-child { background-position: 0 0; }

#main_menu li li:first-child a { padding-top: 16px; } /* padding of li li a + graphic top */

#main_menu li li:first-child:hover { background-position: 0 -104px; }

#main_menu li ul ul
{
	margin: -28px 0 0 180px;
	border-left: 2px #FFF solid;
	border-bottom: 2px #FFF solid;
}

#main_menu li:hover ul ul,
#main_menu li:hover ul ul ul,
#main_menu li.sfhover ul ul,
#main_menu li.sfhover ul ul ul { left: -999em; }

#main_menu li:hover ul,
#main_menu li li:hover ul,
#main_menu li li li:hover ul,
#main_menu li.sfhover ul,
#main_menu li li.sfhover ul,
#main_menu li li li.sfhover ul { left: auto; }

/* END SUCKERFISH MENUS */

p.type1 { float: right; }
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
img.float_left { margin: 0 20px 10px 0; }
img.float_right { margin: 0 0 10px 20px; }


#photo_boxes
{
	overflow: auto;
	margin: 0 0 20px 0;
}

body#home_page #flash
{
	float: left;
	margin: 0 5px 0 0;
}

ul#photo_links
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 357px;
	float: right;
}

#photo_links li
{
	display: block;
	float: left;
	margin: 0 0 5px 0;
}

#photo_links li#doors_link
{
	background-image: url(../images/photo_box_doors.jpg);
	margin-right: 5px;
}

#photo_links li#furniture_link { background-image: url(../images/photo_box_furniture.jpg); }

#photo_links li#renovations_link
{
	background-image: url(../images/photo_box_renovations.jpg);
	margin-right: 5px;
}
#photo_links li#cabinetry_link { background-image: url(../images/photo_box_cabinetry.jpg); }

#photo_links li a
{
	display: block;
	float: left;
	width: 176px;
	height: 176px;
	background-image: url(../images/photo_box_screen.png);
	background-position: 0 0;
	color: #FFFFFF;
	text-decoration: none;
}

#photo_links li a:hover { background-position: 0 -180px; }

#photo_links li a span
{
	display: block;
	padding: 5px 10px 0 10px;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: .04em;
}

#pro_orgs
{
	float: left;
	width: 270px;
}

#pro_orgs h4 { display: none; }

#pro_orgs ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

#pro_orgs li
{
	display: block;
	float: left;
}

li#home_builders_assoc { margin: 0 0 0 23px; }
li#bbb { margin: 0 20px; }
li#chamber { margin: 10px 0 0 53px; }

#pro_orgs li a
{
	display: block;
	text-indent: -6000px;
}

li#home_builders_assoc a
{	
	width: 69px;
	height: 70px;
	background-image: url(../images/Asheville_Home_Builders_logo.gif);
}

li#bbb a
{	
	width: 45px;
	height: 70px;
	background-image: url(../images/Better_Business_Bureau_logo.gif);
}

li#green_building_council a
{	
	width: 68px;
	height: 70px;
	background-image: url(../images/WNC_Green_Building_Council_logo.gif);
}

li#chamber a
{	
	width: 159px;
	height: 53px;
	background-image: url(../images/Asheville_Chamber_Commerce_logo.gif);
}

body#home_page p { margin: 0 0 0 290px; }

.handmade_icon a
{
	display: block;
	width: 103px;
	height: 102px;
	background-image: url(../images/Handmade_in_Asheville_NC_logo.gif);
	text-indent: -6000px;
}

.handmade_icon a span {  }

body#home_page .handmade_icon
{
	float: right;
	margin: 0 0 10px 20px;
}

h2.page_title
{
	font-size: 40px;
	line-height: 42px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 12px 0;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}

.sidebar_box
{
	float: right;
	margin: 0 0 10px 30px;
	padding: 14px 0 0 0;
	width: 270px;
	background-image: url(../images/sidebar_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.sidebar_box .inner
{
	background-color: #FFF;
	padding: 10px 20px;
	background-image: url(../images/sidebar_middle.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	overflow: auto;
}

.sidebar_box .shim
{
	height: 14px;
	background-image: url(../images/sidebar_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.sidebar_box h2
{
	padding: 0;
	margin: 0 0 6px 0;
}

.sidebar_box h3
{
	color: #785E22;
	padding: 0 0 6px 0;
	margin: 0;
}

.sidebar_box h4
{
	font-size: 15px;
	line-height: 17px;
	padding: 0;
	margin: 2px 0 0 0;
}

.section
{
	overflow: auto;
	border-top: 1px #CCC solid;
	margin-top: 20px;
	padding-top: 20px;
}

/* CONTACT */


body#contact_page h2.page_title,
body#resources_page h2.page_title { width: 300px; }

div.required
{
	color: #8F0000;
	float: left;
	font-size: 10px;
	padding-top: 5px;
}

.row
{
	margin-top: 7px;
	overflow: auto;
}

.row .row
{
	margin-top: 0;
	overflow: hidden;
}

.formfield
{
	float: left;
	width: 250px;
}

fieldset.type2 label,
body#feedback_page label
{
	float: left;
	font-weight: bold;
	padding: 5px 10px 0 0;
	text-align: right;
	width: 210px;
}

fieldset.type2 .formfield label,
body#feedback_page .formfield label
{
	width: 180px;
	margin-left: 34px;
	float: none;
}

div.checkbox { overflow: hidden; }

fieldset.type2 div.checkbox label
{
	float: left;
	padding: 0;
	text-align: left;
	width: 250px;
	clear: none;
}

fieldset.type2 div.checkbox .formfield
{
	float: left;
	width: 210px;
	padding: 0 10px 0 0;
	text-align: right;
}

fieldset.type2 .formfield label.type2
{
	width: auto;
	text-align: left;
	margin-left: 0;
	font-weight: normal;
	clear: right;
	padding-top: 20px;
}

ul.type1
{
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}

ul.type1 li
{
	margin: 0 0 10px 0;
	padding: 0;
}


ul.type1 li a { text-decoration: none; }
ul.type1 li a b { font-size: 15px; }

.col_wrap { overflow: auto; }

.col_2 { width: 48%; }

#col_first { float: left; }
#col_second { float: right; }

body#historic_page ul.type1 li { margin-bottom: 25px; }
body#historic_page h5 + body#historic_page h5 { margin: 0; }

.footnote
{
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	margin: 15px 0 0 0;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 - 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active #main_menu div
	{
		visibility: hidden;
		font-size: 20px;
		letter-spacing: normal;
	}
	.sIFR-active #photo_links li a span
	{
		visibility: hidden;
		font-size: 21px;
		letter-spacing: normal;
	}
	
	.sIFR-active h2.page_title
	{
		visibility: hidden;
		font-size: 40px;
		letter-spacing: normal;
	}
  
}