/* generated, do not edit */

/* services.css */

/* style the outer cntaining div to fit the landscape, portrait and buttons */
.album {
	width:478px;
	float:left;
	position: relative;
}
.album h1	{ padding-left:5px; padding-top:25px;}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	padding:0;
	margin:0;
	list-style-type:none;
	width:478px;
	/*height:170px;*/
}

/* remove the default image border */
.gallery div {
	border:0;
	position:absolute;
	background-color:#d2d0c5;
	border-left:1px solid #c8c6ba;
}

/* make the list horizontal */
.gallery li {
}

/* style the link text to be central in a surrounding box */
.gallery li a,
.gallery li a:visited {
	font-size:12px;
	text-decoration:none;
	color:#000;
	width:271px;
	line-height:26px;
	margin:2px;
	display:block;
	border: 1px solid transparent;
	background-image:url(../img/arrow.png); background-position:3px 10px; background-repeat:no-repeat;
	padding-left:15px;
}

/* position the images using an absolute position and hide them from view */
.gallery li a > div {
	position:absolute;
	top: 0;
	right: 0;
	visibility:hidden;
	border:0;
	width:191px;
	height:100%;
	background-color:#d2d0c5;
}

/* fix the top position for the landscape images */
.gallery li a div.landscape {
	/*top:215px;*/
	top: 0;
}

/* style the hover background color for the text boxes */
.gallery li a:hover,
.gallery li a.hover{
	background-color:#d2d0c5;
	border-top:1px solid #c8c6ba;
	border-bottom:1px solid #c8c6ba;
	border-left:1px solid #c8c6ba;
	border-right:1px solid #d2d0c5;
}

/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:hover,
.gallery li a.hover {
	background-color:#d2d0c5;
	border:1px solid #c8c6ba;
	border-width: 1px 0px 1px 1px;
	color:#000;
}

/* make the images visible on active/focus */
.gallery li a:hover div,
.gallery li a.hover div {
	visibility:visible;
}

.gallery a div div{
	padding: 7px 15px 0 15px;
}