/*

site background	#D7C5B7
body background #9D8877
body text		#FFFFFF
heading text	#FFFFFF
heading bg		#574A41
heading accent	#CB3F0A
footer text		#9D8877

spacing grid	10px
heading heights	18px

body font		Verdana 11pt

note: styles for generated emails are in the email body

*/

html, body
{
padding: 0;
margin: 0;
}

body
{
position: relative;
background-color: #D7C5B7;
background-image: url(images/bg.jpg);
color: #9D8877;
}

body.popup
{
background-image: none;
}

.popupContainer
{
background-color: #9D8877;
padding: 8px;
color: #FFF;
margin: 8px;
}

body, th, td, input, select, textarea
{
font-family: Verdana;
font-size: 8pt;
}

.small { font-size: 7pt; }

input, select, textarea
{
border-width: 1px;
}

.input-text
{
padding: 2px 3px;
}

h1, h2, h3, h4, h5, h6
{
padding: 0;
margin: 0;
font-size: 10pt;
}


img { border: 0; }

img, div { behavior: url(iepngfix.htc); }

.footer a,
.footer a:visited
{
color: #9D8877;
text-decoration: none;
}

.footer a:hover
{
text-decoration: underline;
}

.footer
{
padding: 0 15px 15px 15px;
}

.footer .callUs { font-weight: bold; }

.heading
{
background-image: url(images/headingbg.gif);
background-position: top left;
color: #FFFFFF;
padding: 3px 12px 4px 26px;
font-weight: bold;
position: relative;
}

.headerContainer
{
width: 800px;
background-position: top left;
background-repeat: no-repeat;
position: relative;
}

.headerContainer .hero
{
font-size: 0;
}

.headerContainer .logo
{
position: absolute;
top: 80px;
left: 13px;
}

.headerContainer .topnav
{
position: absolute;
top: 0;
right: 0;
padding-right: 28px;
font-weight: normal;
}

.headerContainer .topnav a
{
margin: 0 10px;
}

.headerContainer .caption
{
position: absolute;
bottom: 10px;
left: 10px;
font-weight: normal;
}

.heading .bullet
{
position: absolute;
top: 6px;
left: 5px;
background-image: url(images/bullet1.gif);
background-repeat: no-repeat;
width: 9px;
height: 9px;
font-size: 0;
}

table.contentLayout
{
border-collapse: separate;
border-spacing: 10px;
width: 800px;
}

td.contentLayoutLeft
{
padding: 0;
vertical-align: top;
}

td.contentLayoutRight
{
padding: 0;
vertical-align: top;
width: 288px;
}

div.contentLayout
{
/*
background-color: #9D8877;
*/
background-image: url(images/contentbg.png);
/* note: if content ever gots long or wide enough that it's background appears to stop repeating in IE, replace contentbg.png with a version with larger dimensions */
color: #FFFFFF;
padding: 26px 0;
}

@media print
{
	body
	{
		background-image: none;
		background-color: #FFF;
		color: #000;
	}
	
	div.contentLayout
	{
		background-image: none;
		padding: 0;
		color: #000;
	}
	
	div.headerContainer
	{
		display: none;
	}
	
	.heading
	{
		background-image: none;
		background-position: top left;
		color: #000;
		font-weight: bold;
		font-size: 125%;
	}
}

body.module-project .contentLayoutLeft div.contentLayout
{
padding-bottom: 0;
}

.heading a,
.heading a:visited,
.popupContainer a,
.popupContainer a:visited,
div.contentLayout a,
div.contentLayout a:visited,
td a,
td a:visited
{
color: #FFFFFF;
}

.heading a { text-decoration: none; }
.heading a:hover { text-decoration: underline; }

div.contentLayout div.heading
{
width: 60%;
}

.contentLayoutRight div.contentLayout div.heading
{
width: 80%;
}

div.contentLayout div.body
{
padding: 10px 26px;
}

div.contentLayout div.gallery
{
padding-bottom: 0;
}

.floatRight { float: right; position: relative; }
.floatLeft { float: left; position: relative; }
.clear { clear: both; }

.rightImage
{
float: right;
position: relative;
font-size: 0;
margin: 0 0 8px 8px;
}

.leftImage
{
float: left;
position: relative;
font-size: 0;
margin: 0 8px 8px 0;
}

.rightImage img,
.leftImage img,
.albumImage img
{
border: solid 1px #574A41;
}

.gallery .galleryItem
{
display: block;
float: left;
margin: 0 17px 12px 0;
position: relative;
}

.gallery .galleryItem img
{
border: solid 1px #574A41;
}

div.contentLayout .rightImage { margin-right: 18px; }

div.listitem
{
background-image: url(images/bullet2.gif);
background-repeat: no-repeat;
background-position: 4px 3px;
padding: 2px 0 0 20px;
margin: 0 0 4px 0;
}

div.footerAlbum
{
margin-top: 5px;
}

table.projectSearchResults
{
border-collapse: collapse;
width: 100%;
}

.projectSearchResults td
{
padding: 0;
width: 50%;
	vertical-align: top;
}

.projectSearchResults th
{
	font-weight: normal;
	text-align: left;
	padding-bottom: 8px;
}

.projectSearchResults th div
{
	margin-left: -26px;
}

.projectSearchResults .projectDetails
{
float: left;
	position: relative;
	width: 105px;
}

.projectSearchResults .projectDate
{
color: #574A41;
}

.projectSearchResults .projectName
{
font-weight: bold;
}

.projectSearchResults .projectBlurb
{
}

.projectSearchResults .projectLink
{
margin-top: 0.7em;
}

table.featureFilterList
{
width: 100%;
border-collapse: collapse;
margin-top: 0.7em;
}

table.featureFilterList th
{
padding: 0;
vertical-align: top;
padding-right: 2px;
}

table.featureFilterList td
{
padding: 0;
width: 100%;
vertical-align: top;
padding-top: 3px;
}

.featureFilterSubmit
{
font-weight: bold;
margin-top: 0.7em !important;
}

.albumItem { margin-bottom: 0.7em; }

.albumImage
{
float: left;
position: relative;
margin-right: 0.7em;
}

.albumDetails
{
float: left;
	position: relative;
}

.albumCaption
{
font-style: italic;
font-size: 12px;
padding-bottom: 0.4em;
padding-top: 0.4em;
}

.albumFrom
{
color: #574A41;
padding-left: 20px;
}

#albumSendForm .input-text { width: 200px; }
#albumSendForm .label { margin: 0 0 0.2em 0; }
#albumSendForm .input { margin: 0 0 0.7em 0; }

.required { color: #F00; }

.protoformHighlight
{
background-color: #FFE0E0;
border-color: red;
}

form.std table
{
border-collapse: collapse;
width: 100%;
}

form.std table tbody th
{
font-weight: normal;
text-align: right;
white-space: nowrap;
padding: 3px 2px 0 0;
vertical-align: top;
}

form.std table tbody td
{
width: 100%;
padding: 0 0 2px 0;
}

form.std table tfoot th,
form.std table tfoot td
{
padding:8px 0 0 0;
}

form.std #shippingPrice,
form.std #totalPrice
{
text-align: right;
width: 80px;
/*padding:3px;
background-color: #FFF;
border: solid 1px #F2F0EE;
border-top-color: #75736E;
border-left-color: #75736E;
color: #000;
*/
}

#bookOrderForm_message
{
padding-bottom: 4px;
}

.input-text-readonly
{
background-color: #DDD;
}

.links table
{
border-collapse: collapse;
width: 100%;
}

.links td
{
width: 33%;
vertical-align: top;
text-align: left;
padding: 0 0.7em 1em 0;
}

.previousNextLinksContainer
{
padding: 0;
font-weight: bold;
text-transform: lowercase;
}

.previousNextLinksInside
{
background-color: #574A41;
padding: 4px 8px 5px 8px;
position: relative;
}

.previousNextLinksContainer a
{
text-decoration: none;
position: relative;
}

.previousNextLinksContainer a:hover span
{
text-decoration: underline;
}

.previousLinkContainer
{
position: relative;
float: left;
}

.nextLinkContainer
{
position: relative;
float: right;
}