/*		global.css

		Birchside Custom Woodwork
		created by Paul Novitski, Juniper Webcraft Ltd., www.juniperwebcraft.com
*/

*
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body
{
	text-align: center;
	background: #542500 url("images/top_tile.jpg") left top repeat-x;
	color: #CAB192;
}
a
{
	text-decoration: none;
	color: #CAB192;
}
a:hover
{
	color: #DF8A3A;
	color: #FFF;
}
/*-------------------------
page structure
-------------------------*/
#pagewrap
{
	position: relative;
	xwidth: 736px;
	width: 720px;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	
	xborder: 1px dotted yellow;
	xbackground-color: Yellow;
}
* html #pagewrap
{
	width: 753px;
	width: 720px;
}
/*-------------------------
site logo
-------------------------*/
h1
{
	float: left;
}
h1 a
{
	display: block;
	xwidth: 600px;
	width: 720px;
	height: 60px;
	background: url("images/BirchsideCustomWoodwork_logo.jpg") left top no-repeat;
}
body#index h1 a
{
	cursor: default;
}
h1 span
{
	position: absolute;
	left: -1000em;
}
/*-------------------------
contact link
-------------------------*/
#contactLink
{
	float: right;
	position: relative;
	top: 0;
	right: 0;
	height: 50px;
	margin-top: 10px;

	xbackground-color: Yellow;
}
#contactLink a
{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 8em;
	line-height: 2em;
	text-align: center;
	xborder: 1px outset #CAB192;
	background-color: #694020; /* light brown */
	font-variant:small-caps;
	xbackground-color: Yellow;
}
body#contact #contactLink a
{
	cursor: default;
}
body#contact #contactLink a:hover
{
	color: #CAB192;
}
body#index #contactLink a:hover
{
	xborder-style: inset;
	background-color: #814000; /* darker brown */
}
#outer
{
	clear: right;
}
/*-------------------------
set 1
-------------------------*/
#showcase
{
	float: left;
	width: 720px;
	margin: 4px 0 4px 0;
	background-color: #694020; /* light brown */
}
#showcase .image a
{
	display: block;
	float: left;
	width: 480px;
	height: 242px;
	margin: 6px 12px 0 6px;
	background: url("images/BirchsideCustomWoodwork_showcase.jpg") left top no-repeat;
}
#showcase .image a:hover
{
	background-position: -480px 0px;
	cursor: default;
}
#showcase p
{
	margin-left: 10px;
}
#showcase p.testimonial
{
	xwidth: 5em;
	font-size: x-large;
	padding: 1ex 2em 1ex 1em;
}
#showcase p.byline
{
	font-size: small;
	margin-bottom: 0;
	padding: 1ex 1em 0ex 1em;
}
#showcase p.caption
{
	clear: left;
	font-size: small;
	padding: 1ex 0 1ex 0;
}

/*-------------------------
set 2 - cabinets
-------------------------*/
#cabinets
{
	xmargin-left: 17px;
	margin-left: 0;
}
#cabinets a
{
	background-image: url("images/BirchsideCustomWoodwork_cabinets.jpg");
}
/*-------------------------
set 3
-------------------------*/
#cupboards a
{
	background-image: url("images/BirchsideCustomWoodwork_cupboards.jpg");
}

/*-------------------------
set 4
-------------------------*/
#windows a
{
	background-image: url("images/BirchsideCustomWoodwork_windows.jpg");
}

/*-------------------------
sets 2-4
-------------------------*/
.productTypes
{
	float: left;
	margin-left: 4px;
	padding: 6px;
	font-size: 1.1em;
	background-color: #694020; /* light brown */
}
.productTypes h3
{
	line-height: 2em;
	margin-bottom: 1ex;
}
#outer .productTypes a
{
	display: block;
	width: 225px;
	height: 225px;
	background-position: left top;
	background-repeat: no-repeat;
}
#outer .productTypes a:hover
{
	background-position: -225px 0px;
	cursor: default;
}
/*-------------------------
footer
-------------------------*/
#footer
{
	clear: both;
	font-size: small;
	text-align: center;
	color: #994020; /* light brown */
}
#footer a
{
	color: #994020; /* light brown */
}
#footer a:hover
{
	color: #DF8A3A; /* light brown */
}

/*-------------------------
contact page
-------------------------*/
body#contact #outer,
body#contactthanks #outer
{
	width: 720px;
	padding-top: 1px;
	background-color: #542500;
}
body#contact #inner,
body#contactthanks #inner
{
	float: left;
	width: 700px;
	width: 720px;
	margin: 4px 0 4px 0;
	xpadding: 1ex 1ex 1em 1ex;
	padding-top: 1ex;
	padding-bottom: 1em;
	background-color: #694020; /* light brown */
}
body#contactthanks #inner
{
	height: 500px;
}
body#contact h3
{
	clear: left;
	margin: 0em 0 1ex 1ex;
}
body#contactthanks h3
{
	clear: left;
	margin: 0em 0 1em 1ex;
}
body#contactthanks p
{
	margin: 0em 0 1ex 1ex;
}
body#contact h4
{
	clear: left;
	margin: 0em 0 1ex 1ex;
}
body#contact dl
{
	padding-bottom: 1em;
	padding-left: 1ex;
}
dl#contactForm dt
{
	float: left;
	clear: left;
	width: 8em;
	margin-top: 1ex;
	margin-right: 1ex;
	font-size: small;
	text-align: right;
}
dl#contactForm dd
{
	float: left;
	width: 500px;
	margin-top: 1ex;
}
#contact_name
{
	width: 300px;
}
#contact_email
{
	width: 400px;
}
#contact_subject
{
	width: 400px;
}
#contact_message
{
	width: 450px;
}