﻿/* =Case Study Details
----------------------------------------------------------*/
 p.summary strong {color:#00703C;}
 
 strong.published {color:#000;}
 
.case-studies-details {
	border-bottom: 1px solid #f6f6f6;
    }
    
    
        /*.case-studies-details .case-study-images ul {
                                                    list-style-type:none;
                                                    float:right;
						                            padding: 0 0 0 20px;
                                                    width: 228px;
                                                    color: #00703c;
                                                    
                                                    }    */       
 /*Case study gallery
--------------------------------------------------*/
            
.jcarousel-container {
    position: relative;
	}
	.jcarousel-clip {
		z-index: 2;
		padding: 0;
		margin: 0;
		overflow: hidden;
		position: relative;
		}
		.jcarousel-list {
			z-index: 1;
			overflow: hidden;
			position: relative;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			}
			.jcarousel-list li,
			.jcarousel-item {
				float: left;
				list-style: none;
				width: 75px;
				height: 75px;
				}
	.jcarousel-next {
		z-index: 3;
		display: none;
		}
	.jcarousel-prev {
		z-index: 3;
		display: none;
		}


.case-study-images {
	clear: both;
	height: 170px;
	margin: 18px 0;
	position: relative;
	width: 100%;
	}

.case-study-images .jcarousel-container {
	min-height: 170px;
    height: auto !important;
    height: 170px;
	}
	.case-study-images .jcarousel-container-horizontal {
		width: 534px;		
		padding: 0;
		position: absolute;
		background: transparent url(/images/components/case-study-gallery.gif) no-repeat top left;
		top: 0;
		left: -6px;
		}
		.case-study-images .jcarousel-clip-horizontal {
			width: 424px;
			height: 144px;
			margin: 13px 55px;
			_margin: 13px 27px;
			float: left;
			padding: 0;
			}
			.case-study-images .jcarousel-list {
				margin: 0;
				padding: 0;
				height: 144px;
				}
			.case-study-images .jcarousel-item {
				height: 144px;
				width: 200px;
				}
			.case-study-images .jcarousel-item-horizontal {
				margin-right: 40px;
				}
				


/* Horizontal Buttons */

.case-study-images .jcarousel-next-horizontal {
    width: 31px;
    height: 31px;
    cursor: pointer;
	background: transparent url(/images/buttons/property-gallery-right.png) no-repeat left center;
	position: absolute;
	top: 70px;
	right: -3px;
	}
	
.case-study-images .jcarousel-next-horizontal:hover {
    background-position: right center;
	}
.case-study-images .jcarousel-next-horizontal:active {
    background-position: right center;
	}
.case-study-images .jcarousel-next-disabled-horizontal,
.case-study-images .jcarousel-next-disabled-horizontal:hover,
.case-study-images .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: right center;
	}
.case-study-images .jcarousel-prev-horizontal {
    width: 31px;
    height: 31px;
    cursor: pointer;
	background: transparent url(/images/buttons/property-gallery.png) no-repeat right center;
	position: absolute;
	top: 70px;
	left: -3px;
	}
.case-study-images .jcarousel-prev-horizontal:hover {
    background-position: left center;
	}
.case-study-images .jcarousel-prev-horizontal:active {
    background-position: left center;
	}
.case-study-images .jcarousel-prev-disabled-horizontal,
.case-study-images .jcarousel-prev-disabled-horizontal:hover,
.case-study-images .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: right center;
	}



/* if JS disabled */

ul.case-study-gallery	{
	list-style: none;
	width: 100%;
	float: left;
	padding: 0;
	}
	ul.case-study-gallery li {
		padding: 0 0 0.6em;
		width: 50%;
		float: left;
		text-align: center;
		}
		ul.case-study-gallery li .wrap0 {
			margin: 0;
			}
			
ul.case-study-gallery li .loupe {
	position: absolute;
	z-index: 50;
	background: transparent url(/images/buttons/loupe-bg.png) no-repeat top left;
	width: 29px;
	height: 29px;
	right: 12px;
	bottom: 12px;
	}	
       
                  
                  
		
/* Service Details
----------------------------------------------------------*/						
                        
.service-detail ul, .case-studies-details ul {
                                             font-weight:bold;
                                             color: #00703c;
                                             }
 
                                             
                                            
