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

/* sliding doors button where border radius and gradients aren't available */
.no-cssgradients section.text .text_body, .no-borderradius section.text .text_body {
	padding-bottom: 72px;
}
.no-cssgradients .more, .no-borderradius .more {
	line-height: 37px;
	padding: 0 20px;
	border: none;
	background-color: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
	background: url('../images/pillbutton.gif') no-repeat right;
	position: relative;
}
.no-cssgradients .more:before, .no-borderradius .more:before {
	content: url('../images/pillbutton-cap.gif');
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 37px;
}
.no-cssgradients .more:hover, .no-borderradius .more:hover {
	background-color: transparent;
	background-image: url('../images/pillbutton-hover.gif');
}
.no-cssgradients .more:hover:before, .no-borderradius .more:hover:before {
	content: url('../images/pillbutton-hover-cap.gif');
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 37px;
}
.no-cssgradients .more:active, .no-borderradius .more:active {
	background-color: transparent;
	background-image: url('../images/pillbutton-active.gif');
}
.no-cssgradients .more:active:before, .no-borderradius .more:active:before {
	content: url('../images/pillbutton-active-cap.gif');
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 37px;
}




/* transparent background images to replace rgba
   This could have been done in main.css instead, but I prefer having rgba with a solid backup to images
   and I'm ok with letting IE8 have solid backgrounds.
   Mostly this is here to show that yes, I can get that effect in IE, too.
 */
.no-rgba .page_title hgroup {
	background: transparent url('../images/header-bg.png');
}
.no-rgba nav, .no-rgba section.copyright {
	background: transparent url('../images/nav-bg.png');
}
.no-rgba section.photos img {
	background: transparent url('../images/image-bg.png');
}
.no-rgba section.photos img:hover {
	background: transparent url('../images/image-hover-bg.png');
}




/* style elements added with javascript */
.corner-cut {
	position: absolute;
	top: 0;
	left: 0;
}
.text-bottom-line {
	position: absolute;
	width: 100%;
	height: 6px;
	bottom: -6px;
	left: 0;
	background-image: url('../images/text-bottom-line.gif');
}
.footer-border {
	width: 100%;
	height: 7px;
	background-image: url('../images/line.gif');
	position: absolute;
	top: -7px;
	left: 0;
}