/***
ABOUT:				Styles for Christopher Video > Services
					Legal multimedia for law offices that appreciate efficiency.
					-use of image sprites for efficient page load-time
					-use of fahrner image replacement technique for organic search
					-zoom effect modified from and thanks to ben richardson,
RELEASE:			15 april 2008
LAST UPDATED		n/a
LOCATION:			kansas city, mo */

@import url(base.css);

/* nav */
#services-page #header #nav-and-more #summary1,
#services-page #header #nav-and-more #summary2 {
	display: block;
	float: left;	
	margin: 65px 0 0 12px;
	width: 190px;
}
#services-page #header #nav-and-more #summary1 ul li,
#services-page #header #nav-and-more #summary2 ul li {
	color: #fff;
	list-style-type: square;
	font-size: 0.70em;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
}

/* width and positioning of body content */	
#services-page #content .wrapper img {
	/* photo alignment in layout */
	float: left;
}
#services-page #content #depo,
#services-page #content #editing {
	float: left;
	width: 575px;
	margin-right: 35px;
}
#services-page #content #conferencing { 
	float: left;
	padding: 14px 20px 5px 20px;
	margin: 8px 0 0 0;		
	width: 540px;
	border: 1px solid #e4e4e4; 
	border-left: none;
}
#services-page #content #photo {
	float: left;
	padding: 20px 0 0 40px;
	border: none;
	width: 472px;
}
#services-page #content #inspections {
	float: left;
	padding: 14px 0 70px 0;
	margin-right: 40px;
	width: 429px;
}
#services-page #content h5 a,
#services-page #content h5 a:hover { 	/* zoom */
	display: block;
	clear: both;
	background-image: url(../images/util/sprites.gif);
	background-repeat: no-repeat;
	background-position: 0 -180px;
	padding-top: 27px; height: 0 !important;
	height /**/: 27px; overflow: hidden;
	margin: 0 0 0 5px;
	width: 185px;
}
#services-page #content h5 a:hover {  			background-position: 0 -210px;}
		
/* sub headers */
#services-page #content h3 {
	margin-bottom: 5px;
	background-image: url(../images/util/sprites.gif);
	background-repeat: no-repeat;
	padding-top: 14px; height: 0 !important;
	height /**/: 14px; overflow: hidden;
	width: 530px;
}
	#services-page #content #depo h3 { 			background-position: 0 -240px;}
	#services-page #content #editing h3 { 		background-position: 0 -260px;}
	#services-page #content #conferencing h3 {	background-position: 0 -280px;}
	#services-page #content #photo h3 { 		width: 210px; background-position: 0 -320px;}
	#services-page #content #inspections h3 {	background-position: 0 -340px;}
	#services-page #content #conferencing h4 {
		background-image: url(../images/util/sprites.gif);
		background-repeat: no-repeat;
		padding-top: 18px; height: 0 !important;
		height /**/: 18px; overflow: hidden;
		background-position: 0 -300px;
	}

/*** Zoom effect: ReMooz ***/
.zoom-box {
	position: absolute;
	top: 0;
	left: 0;
	background:	#fff url(../images/util/spinner.gif) no-repeat center;
	z-index: 41;
}
.zoom-loading {  					background-image: url(../images/util/spinner.gif);}
.zoom-box-focus .zoom-content {  	cursor: -moz-zoom-out;}
.zoom-box-dragging .zoom-content {	cursor: move;}
.zoom-content {
	width: 100%;
	height: 100%;
}
.zoom-btn-close {
	position: absolute;
	left: -15px;
	top: -15px;
	width: 30px;
	height: 30px;
	text-decoration: none;
	border: 0;
	background:	url(../images/util/closebox.png) no-repeat top left;
	visibility:	hidden;
}
.zoom-title-wrap,
.zoom-title-bg,
.zoom-title-txt {
	display:none;
}
.zoom-img {
	display: block;
	border: 0;
	width: 100%;
	height: 100%;
}
.zoom-bg {
	position: absolute;
	width: 40px;
	height: 65px;
}