﻿/* Enable image placeholders in Firefox 
---------------------------------------------------*/
@-moz-document url-prefix(http), url-prefix(file) {
    img:-moz-broken{
        -moz-force-broken-image-icon:1;
        width:24px;
        height:24px;
    }
}

body 
{
	height: 100%;
	font: normal normal 16px arial, sans-serif;
	background: #fbf1dc;
}

#outer_pagewrapper
{
	width: 57.5em;
	position: relative;/**/
	padding-top: 0;
	background: transparent url('/images/template/shadow_sides.jpg') repeat-y 0 0;
	margin: 0em auto 0em auto;
}

#page_wrapper
{
	margin: 0 0px 0 0px;
	padding: 0;
	width: 57.5em;
	/*overflow: hidden; for safari?*/
	background: transparent url('/images/template/headers/grandfather.jpg') no-repeat;
}


#divConstantContact{
	margin: 2em 0 0 -1.4em;
}
/*-------------------Header----------------*/
#header
{
	width: 57.5em;
	height: 19.5em;
	left: 0;
	margin: 0;
	padding: 0;
	cursor: default;
	/*background: transparent url('/images/template/headers/1.jpg');*/
}

.pageImgHeader
{
	position: absolute;
}

#logo
{
	position: absolute;
	right: 4em;
	top: 2.5em;
	width: 18em;
	height: 5em;
	/*cursor: hand;
	cursor: pointer;
	border: 1px solid blue;*/
}

#menu
{
	padding: 0;
	position: absolute;
	top: 12.9em;
	right: 8.5em;
	z-index: 20;
}

#menu2
{
	clear:both;
}

.left_end
{
	float: left;
}

#search_box
{
	position: absolute;
	top: 13.7em;
	left: 4.5em;
	height: 1em;
	width: 6.5em;
}

.searchbox
{
	background: none;
	border: none;
	font: normal .8em verdana, sans-serif;
	width: 8em;
	color: #733E3A;
}

.search_button
{
	position: absolute;
	top: .1em;
	left: 9em;
}

/*--------------Main Page Content----------*/
#main_content
{
	width: 55.8em;
	color: #665647;
	text-align: justify;
	padding: 0em;
	margin-left: .85em;
	background: transparent url('/images/template/panel_bg2.jpg') repeat-y 1.68em bottom;
	clear: both;
	float: left;
	position: relative;
	z-index: 19;
}

#page_title
{
	padding: 0 0 .8em 0em;
	float: left;
	width: 30em;
	background: transparent;
	font-size: 1.2em;
	font-family: Tahoma, Verdana;
}

#left_panel_wrapper
{
	background: transparent url('/images/template/panel_bg2.jpg') repeat-y 1.85em bottom;
	width: 56.26em;
	border: 1px solid blue;/**/
	min-height: 20em;
	clear: both;
	float: left;
}

#center_content_div
{
	clear: both;
	margin-bottom: 1em;
	font: normal .8em tahoma, verdana, san-serif;
	text-align: left;
	padding-bottom: 2em;
	padding-right: 0em;
	float: left;
	width: 50em;
	/*border: 1px solid blue;*/
}

#bottom_content_div
{
	clear: both;
	margin-bottom: 1em;
	font: normal .8em tahoma, verdana, san-serif;
	text-align: left;
	padding-bottom: 2em;
	padding-right: 0em;
	float: left;
	width: 50em;

}

#page_content
{
	width: 40.5em;
	background: transparent;
	float: left;
	padding-left: 1em;
	margin-right: 0em;

}

#left_panel
{
	width: 12.1em;
	padding: 0;
	margin-left: 1.68em;
	border-left: 1px solid #BAAF99;
	border-right: none;
	border-top: none;
	border-bottom: none;
	float: left;
	background: transparent url('/images/template/panel_bg.jpg') repeat-y;
	white-space: normal;
}

#left_panel img
{
	margin-left: 1px;
}

#left_navpanel
{
	width: 12.13em;
	float: left;
}

#left_navpanel a,
#menu2 a, #menu a
{
	text-decoration: none;
}

#panel_bottom
{
	float: left;
	margin-left: -1px;
	clear: both;
}

#left_extra
{
	/*display: none;*/
	float: left;
	font-size: 0.8em;
	padding:0 1.3em;
	/**/
}

#left_extra p
{
	/*Removed by Martin C. 01/25/10. Added 1.3em padding to #left_extra instead*/
	/*padding: 0 0.5em 0 0.5em;*/
}

#right_content_div
{
	display: none;
	width: 13.75em;
	border-left: 1px solid #d69b79;
	float: left;
	font-size: 0.8em;
	padding-left: 0.5em;
	margin-top: 0.5em;
}

/*---------------Footer--------------------*/
#footer
{
	clear: both;
	color: white;
	width: 57.5em;
	height: 7em;
	text-align: center;
	background: transparent url('/images/template/footer.jpg') no-repeat top right;
	padding-top: .7em;
}

	#footer img
	{
		padding: 0;
		margin: 0;
	}
	
	#footer .text
	{
		font-size: 0.7em;
		font-family: Tahoma, Verdana, Sans-Serif;
		font-weight: 500;
	}
	
	#footer a
	{
		color: #BAAF99;
	}
	
	#footer a:visited
	{
		color: #B8C6E0;
	}



/*---------------CMS Description User Control ------------*/
.CMSFeatures
{
	margin-top: 25px;
}

.CMSFeatures p
{
	margin: 0 0 1.2em;
}

.CMSFeatures a
{
	color: #7C782D;
}

.featureTitle
{
	font-family:Tahoma,Verdana;
	font-size: 1.1em;
	font-weight: bold;
}

.featureSampleText
{
	color: #e57406;
	font-weight: bold;
}

.featureBoxA, .featureBoxB
{
	width: 620px;
	height: 160px;
	padding: 15px;
}

.featureBoxA
{
	margin-bottom: 25px;
	background: #EEEEEE;
}

.featureBoxB
{
	margin-bottom: 20px;
}

.featureInfo
{
	width: 445px;
	height: 160px;
	/*border: 1px solid green;*/
}

.featureSamples
{
	height:160px;
	width:170px; /*Made this 10px more than height on purpose. Need extra pixels for the floats to have a margin */
	/*border: 1px solid purple;*/
}

.featureBoxA .featureInfo, .featureBoxB .featureSamples
{
	float: left;
}

.featureBoxA .featureSamples, .featureBoxB .featureInfo
{
	float: right;
}

.featureBoxA .sampleType1Square
{
	float: right;
}

.featureBoxB .sampleType1Square
{
	float: left;
}

.featureBoxA .sampleType4Square
{
	float: right;
	margin: 0 0 13px 13px;
}

.featureBoxB .sampleType4Square 
{
	float: left;
	margin: 0 13px 13px 0;
}

/*-- Borders for all elements --*/

#divLightBoxLink, .featureSamples #itThumbContainer, .featureSamples .cms_border
{
	border: 1px solid #F5DBA0;
}

/*-- Sample Lightbox --*/
.sampleTypeLightbox
{
	margin-bottom: 10px;
}

.sampleTypeLightbox p
{
	display: none;
}

.sampleTypeLightbox #ImageTrakkerLightBox
{
	margin: 0;
	padding: 0;
	background: none;
}

#center_content_div .featureSamples ul
{
	margin-left: 0;
}

#center_content_div .featureSamples li
{
	margin-bottom: 0;
}

.featureSamples .thumbnails li 
{
	width: 85px;
	margin: 0;
}

.featureSamples #itThumbContainer /*Images must be on the left*/
{
	height: 70px;
	min-height: 70px;
	width: 70px;
}

.featureBoxA #itThumbContainer
{
	margin: 0 0 13px 13px;
}

.featureBoxB #itThumbContainer
{
	margin: 0 13px 13px 0;
}

.featureSamples .thumbText
{
	display: none;
}

/*-- Sample Search Box --*/
#sample_search_box
{
	margin-top: 50px;
}

.sample_search_input
{
	width: 110px;
}

.sample_search_button
{
	position: relative;
	top: -1px;
}

/*-- Home Slider --*/
#homeSlider
{
	background: url(/images/slider_background_bottom.png) no-repeat 0px -15px;
	height:316px;
	padding:33px 6px 27px 32px;
	position: relative;
	/*width:556px;*/
}

#homeSlider ul
{
	margin-left: 0;
}

#homeSlider h3
{
	position: relative; 
	z-index: 12;
}

#homeSlider h3 a
{
	color: #723C3B;
}

#homeSlider h3 a:hover
{
	color: #A23D3C;
	text-decoration: none;
}
