#page_testimonials {
    margin: 45px 0 60px;
    /*border-bottom: 1px dashed #ccc;*/
}

#page_testimonials .grid_9 {
    width: 720px;
}


#page_testimonials .testimonial p {
    font-size: 1em;
    font-family: "Segoe UI Italic", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-style: italic;
    color: #000000;
    line-height: 1.5em;
    margin: 20px 0;
}

#page_testimonials .testimonial p:before, #page_testimonials .testimonial p:after {
    font-size: 1.4em;
    color: #000;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: bold;
}

#page_testimonials .testimonial p:before {
    content: '\201c';
}

#page_testimonials .testimonial p:after {
    content: '\201d';
}

#page_testimonials .testimonial .client {
    font-size: 1em;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    margin: 0;
    color: #800000;
   /* float: right;*/
}

#page_testimonials .testimonial .client:before, #page_testimonials .testimonial .client:after {
    content: "";
}

#page_testimonials .testimonial .example {
    text-decoration: none;
    margin-top: 20px;
}

#page_testimonials .testimonial:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}



#client_testimonials {
	padding: 75px 0 80px;
	
	.grid_9 {
		width: 720px;
		margin-bottom: 40px;
	}
	
	h2 {
		font-size: 3em;
		font-family: $font_stack_light;
		font-weight: lighter;
		color: #000;
		margin: 0 0 15px;
	}
	
	.testimonial {
		display: none;
	
		p {
			font-size: 1em;
			font-family: $font_stack_italic;
			font-style: italic;
			color: #666;
			line-height: 1.5em;
			margin: 20px 0;
		}
		p:before, p:after {
			font-size: 1.4em;
			color: #000;
			font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
			font-weight: bold;	
		}
		p:before {
			content: '\201c';	
		}
		p:after {
			content: '\201d';
		}
		
		.client {
			font-size: 1.25em;
			font-family: $font_stack_regular;
			font-style: normal;
			margin: 0;
			color: #000;
			float: right;
		}
		.client:before, .client:after {
			content: '';
		}
		
		.example {
			margin-top: -35px;
			text-decoration: none;
		}
	}
	
	nav {
		//width: 122px;
		margin: auto;
		
		li {
			float: left;
			padding-right: 10px;
			
			a {
				display: block;
				height: 8px;
				width: 8px;
				background-color: rgba(0, 0, 0, 0);
				border: 2px solid #500000;
				cursor: pointer;
				
				-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 1px 4px 0px;
				-moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 1px 4px 0px; /* color, h-offset, v-offset, blur, spread */
				box-shadow: rgba(0, 0, 0, 0.75) 0px 1px 4px 0px; /* inset is optional */
				
				@include border_radius(8px);
			}
			a.active {
				background-image: -moz-linear-gradient(top, #660000, #500000); /* FF3.6 */
				background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #660000), color-stop(1, #500000)); /* Safari 4+, Chrome 2+ */
				background-image: -webkit-linear-gradient(top, #660000, #500000); /* Safari 5.1+, Chrome 10+ */
				background-image: -o-linear-gradient(top, #660000, #500000); /* Opera 11.1+ */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#660000', endColorstr='#500000'); /* IE6,IE7 */
				-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#660000', endColorstr='#500000')'; /* IE8+ */
				background-image: linear-gradient(to bottom, #660000, #500000);
			}
		}
		li:last-child {
			padding-right: 0;
		}
	}
}

@media all and (max-width: 1020px) {
	#client_testimonials {
		width: 100%;
		padding: 32px 0 40px;
	}
	#client_testimonials h2 {
		padding: 0 40px;
		margin: 0;
	}
	#client_testimonials .testimonial {
		padding: 0 40px;
	}
	#client_testimonials .grid_9 {
		width: 60%;
		margin: 0;
	}
	#client_testimonials .testimonial .quote {
		margin: 30px 0;
	}
	#client_testimonials .testimonial .example {
		width: 220px;
		margin: -15px 0 0;
		float: right;
		text-align: center;
	}
	#client_testimonials .example span.desktop {
		display: none;
	}
	#client_testimonials .example span.mobile {
		opacity: 1;
		position: relative;
		background: none;
		border: none;
		clear: both;
		display: block;
		height: auto;
		width: auto;
		padding: 0;
		top: auto;
		left: auto;
		margin: 20px 0 0;
		font-size: 1em;
		line-height: 1.375em;
		color: #500000;
	}
	#client_testimonials nav {
		clear: both;
		padding-top: 40px;
	}	
}

@media all and (max-width: 650px) {
	#client_testimonials {
		padding: 20px 0 25px;
	}
	#client_testimonials h2 {
		padding: 0 24px 5px;
	}
	#client_testimonials .testimonial {
		padding: 0 24px;
		
		.quote {
			margin: 20px 0;
		}
		
		.example {
			width: 100%;
			margin: 0;
			float: none;
			display: block;
			clear: both;
			padding: 24px 0 0;
		}
	}
	#client_testimonials .grid_9 {
		width: 100%;
	}
	#client_testimonials nav {
		padding-top: 30px;
	}	
}