@charset "utf-8";
/* CSS Document */

/* Color scheme:
Navigation background: #7b2e00 dark maroon
Headings #7b2e00 dark maroon
Navigation shadow:  #868365 green/gray
link: #7b2e00 dark maroon
link hover:  #5e6539  darker green
Footer/page bottom:  #fefefd almost white
Font:  #534741  gray
Photo shadow: #afa978
Photo border:  white
Photo border width: 7px
Header - title: #f7f3cf  off white
Header - classic, etc.  white
ThisPage text - #a2bb7d;
*/

body  {
	background: #534741;  /*gray color*/
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #534741;  /*gray*/
	line-height: 1.6;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */

}
h1 {
	font-size: larger;
	color:  #7b2e00;
}
h2 {
	font-size: large;
	color:  #7b2e00;	
}
h3 {
	font-size: medium;
	color:  #7b2e00;	
}
h4 {
	font-size: small;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a:link {color: #7b2e00;} /* dark maroon */

a:visited {color: #7b2e00;} /* dark maroon */



a:hover { 
	color: #5e6539; /* dark green */
}

a:active {color: #5e6539; } 


#container { 
	position: relative;
	width: 900px;
	background: #fefefc url(images/page-background.jpg) top no-repeat; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	padding: 0;
} 

#header {
	padding: 0;
	width: 900px;
	height: 194px;
	background-image:  url(images/suzanne-brigham-header.png);
	background-repeat: no-repeat;
} 

#logo {
	position: absolute;
	top: 5px;
	left: 70px;
}

#textline {
	position: absolute;
	top: 110px;
	left: 280px;
	color: #fefefd;
	text-transform:uppercase;
	font-size: 18px;
	letter-spacing: .10em;
}


#nav {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #7b2e00;
	padding-top: 1px;
	height: 30px;
	width: 900px;
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	border-bottom: #868365 solid thin;
	-moz-box-shadow: 0 2px 3px 0 #868365;
	-webkit-box-shadow: 0 2px 3px 0 #868365;
	box-shadow: 0 2px 3px 0 #868365;
}

#nav ul { 
	list-style-type: none;
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 5px;
	text-align:center;
}

#nav li {
	display: inline;
}	

#nav a {
	padding-right: 30px;
	border: none;
	text-decoration: none;
	color:white;
	margin-right: 4px;
}

#nav a:link {color: white}

#nav a:visited {color: white}

#nav a:hover { 

	color: #f7f3cf; /*off white*/
	color: #f7ffcf;
}

#nav a:active {color: #f7f3cf; } 


.thispage {
	color: #a2bb7d;  /* light green */
	padding-right: 30px;
	border: none;
	text-decoration: none;
	font-size: 14px;
	margin-right: 4px;
}


#mainContent {
/*	background: #fefefd url(images/page-background.png) top no-repeat; */
	margin: 3px 0 0 0;  /* 3px top margin leaves room for small drop shadow on navigation */
	padding: 10px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	min-height: 600px;
} 

#page-bottom {
	height: 120px;
	background: url(images/filigree.png) bottom no-repeat;
}

#footer {
	height: 36px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #999;
	font-size: medium;
	text-align: center;
}
#footer p {
	margin-top: 3px;
}


#breadcrumbs {
	
	font-family: Arial, Helvetica, sans-serif;

	font-size: x-small;

	margin-top: 0;

	margin-bottom: 15px;

}



/***************/



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height: 0;

    font-size: 1px;

    line-height: 0;

}



.indentblock {

	margin-left: 80px;

}	

.indentalot {

	margin-left: 400px;

}

.indentsome {

	margin-left: 200px;

}

.fancytext {

	font-size: 18px;

}	



.tiny {

	font-size:12px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}	



.caption {

	font-size: 11px;

	font-weight: bold;

	text-align:center;

	margin-top: 5px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}	

.contact_form {

	margin:10px auto 20px;

	width: 540px;

	border: solid 1px #f5ad35;

}

.form_note {

	color: red;

}

.redtype {

	font-size:medium;

	color: #ef4237;

	text-align:center;

	font-weight: bold;

	padding-top: 20px;

	padding-bottom: 20px;

}

.smallred {

	color: #ef4237;

	font-weight:bold;

}

.banner {

	width: 700px;

	height: 50px;

	background-color: #ef4237;

	color: white;

	margin-left: 70px;

	margin-top: 100px;

	text-align: center;

	padding-top: 10px;

	text-transform: uppercase;

	font-size: medium;

	font-weight: bold;

}

.specialtext {

	position: relative;

	top: -40px;

	width: 658px;

	height: 100px;

	border: thin solid  #CCC;

	margin-left: 70px;

	text-align: center;

	font-size: medium;

	padding: 20px;

}
.homeleftcolumn {
	width: 250px;
	padding-top:20px;
	font-size: 15px;
}
.homerightcolumn {
	float: right;
	width: 590px;
}

.homeslideshow {
/*	float: right;*/
	margin: 20px;
	width: 546px;
	height: 321px;
	background: white;
	box-shadow: 2px 2px 3px #afa978, -2px -2px 3px #afa978;
	-moz-box-shadow: 2px 2px 3px #afa978, -2px -2px 3px #afa978;
	-webkit-box-shadow: 2px 2px 3px #afa978, -2px -2px 3px #afa978;
}
.testimonial {
	margin: 20px 28px 40px 36px;
	line-height: 1.5;
}
.testimonial span {
	color: #7b2e00; /* maroon */
	font-size: 1.1em;
}
.testimonial p {
	margin-top: 12px;
	text-transform:uppercase;
	font-size: small;
}

.photobox {
	float: right;
	min-width: 250px;
/*	height: 300px;*/
	margin-left: 20px;
	margin-bottom: 20px;
	background-color: white;
	border: 10px white solid;
	-moz-box-shadow: 0 0 3px 1px #868365;
	-webkit-box-shadow: 0 0 3px 1px #868365;
	box-shadow: 0 0 3px 1px #868365;
}
.photobox p {
	text-align: center;
	color: #7b2e00;
	margin-top: 10px;
}
.servicesbox {
	float: left;
	max-width: 300px;
	color: #7b2e00;
	margin-right: 40px;
		margin-bottom: 20px;
	background-color: white;
	border: 10px white solid;
	-moz-box-shadow: 0 0 3px 1px #868365;
	-webkit-box-shadow: 0 0 3px 1px #868365;
	box-shadow: 0 0 3px 1px #868365;
}
	

/***************  Styles for the new design page *************/

#new-gallery {
	position: relative;
	min-height: 600px;  /*sets height of gallery area - must be changed for long captions */
}
	
.newthumbnails {
	position: relative;
	height: 130px;
	margin-left: 120px;
}

.newimage {
	height: 306px;
	width: 529px;
}
.newimagediv {
	position: relative;
	height: 306px;
	width: 529px;  
	margin-left: 20px;
	border: 10px white solid;
	-moz-box-shadow: 0 0 3px 1px #868365;
	-webkit-box-shadow: 0 0 3px 1px #868365;
	box-shadow: 0 0 3px 1px #868365;
}
#gazebocaption, #brighamcaption, #brighamcarriagecaption {
	position: absolute;
	bottom: 8px;
	color: #868365;
	margin-left: 70px;
	margin-right: 70px;
	line-height: 1.5;
	font-size: small;
}


/*************** Renovations page rollover image styles *************/
#renovation-gallery {
	position: relative;
/*	min-height: 500px;*/
	min-height: 600px;  /*sets height of gallery area - must be changed for long captions */
	
}
	
.thumbnails {
	position: relative;
	height: 130px;
/*	margin-left: 50px;
*/
	margin-left: 0;  /*to accomodate 8 thumbnails */
}

 .tndiv {
	background-repeat: no-repeat;
	height: 59px;
	width: 85px;
}

.image {
	height: 239px;
	width: 694px;
} 

.imagediv {
	position: relative;
	left: 70px;
	height: 239px;
	width: 694px;  /*two across */
	border: 10px white solid;
	-moz-box-shadow: 0 0 3px 1px #868365;
	-webkit-box-shadow: 0 0 3px 1px #868365;
	box-shadow: 0 0 3px 1px #868365;
}

.renovations-before {
	text-transform:uppercase;
	color: #868365;
	margin-left: 70px;
}
.renovations-after {
	text-transform:uppercase;
	color: #868365;
	margin-left: 300px;
}


#grahamcaption, #tilghmancaption, #bungalowcaption, #lindemanncaption, #lenhardcaption,#lopezcaption, #hoodcaption, #beckettcaption {
	position: absolute;
	bottom: 4px;
	color: #868365;
	left: 70px;
	margin-right: 70px;
	line-height: 1.5;
	font-size: small;
}

/*************** Additions & remodeling page rollover image styles *************/
#additions-gallery {
	position: relative;
/*	min-height: 500px;*/
	min-height: 680px;  /*sets height of gallery area - must be changed for long captions */
	
}
	
.additions-thumbnails {
	position: relative;
	height: 130px;
/*	margin-left: 50px;
*/
	margin-left: 0;  /*to accomodate 8 thumbnails */
}

#jamarikcaption, #clineburgcaption, #clementscaption, #clements2caption, #mosiercaption, #sternickcaption, #greenbaumcaption, #blanknercaption {
	position: absolute;
	bottom: 70px;
	color: #868365;
	left: 70px;
	margin-right: 70px;
	line-height: 1.5;
	font-size: small;
}
#blanknercaption {
	bottom: 10px;
}
 #sternickcaption {
	bottom: 3px;
 }
.additions-before {
	text-transform:uppercase;
	color: #868365;
	margin-left: 70px;
}
.additions-after {
	text-transform:uppercase;
	color: #868365;
	margin-left: 300px;
}



/*************** Historic page rollover image styles *************/
#historic-gallery {
	position: relative;
/*	min-height: 500px;*/
	min-height: 600px;  /*sets height of gallery area - must be changed for long captions */
	
}
	
.historic-thumbnails {
	position: relative;
	height: 130px;
	margin-left: 50px;
}
#mccannacaption, #lowcaption, #lomurnocaption, #wojciechowskicaption {
	position: absolute;
	bottom: 16px;
	color: #868365;
	left: 70px;
	margin-right: 70px;
	line-height: 1.5;
	font-size: small;
}
.before {
	text-transform:uppercase;
	color: #868365;
	margin-left: 18px;
}
.after {
	text-transform:uppercase;
	color: #868365;
	margin-left: 302px;
}

/********************************************************************************************/
/* Styles for the media page */
#media-gallery {
	position: relative;
	min-height: 600px;
}
	
.mediathumbnails {
	position: relative;
	height: 150px;
	margin-left: 120px;
}

.mediaimage {
/*	height: 306px;*/
	width: 600px;
}
.mediaimagediv {
	position: relative;
/*	height: 306px;*/
	top: 50px;
	height: 400px;
	width: 618px; 
	overflow: auto;
	overflow-x: hidden; 
	margin-left: 20px;
	border: 10px white solid;
	-moz-box-shadow: 0 0 3px 1px #868365;
	-webkit-box-shadow: 0 0 3px 1px #868365;
	box-shadow: 0 0 3px 1px #868365;
}

	
/* Contact form classes */
.contact_form {
/*	margin:20px auto 20px;*/
	margin: 20px;
	width: 640px;
	padding: 20px;
	border: none;
}
.form_note {
	color: #C00;
}
.contact_info {
	float: right;
	width: 180px;
	margin-left: 10px;
	margin-top: 15px;
	padding: 10px;
	line-height: 1.5;
	font-size: small;
	-moz-box-shadow: 0 0 3px 1px #868365;
	-webkit-box-shadow: 0 0 3px 1px #868365;
	box-shadow: 0 0 3px 1px #868365;
/*	background-color: rgb(255,255,255); opacity: 0.5;*/
	background-color: rgba(255,255,255,0.3);	
}