/* Druff Interactive Responsiveness */

/* Browsers smaller than < 960px  ----------- */
@media screen and (max-width: 959px) {
	 .mainWrap {width:100%}
							
		header {background:url(../images/Pinnacle_headerimage.png) no-repeat -420px top}
		
		.logo {left:20px}
		
		.sliderSpace {height:auto}
			.sliderSpace img {display:block; width:100%; height:auto}
			.sliderSpace #content {display:none}
			
		section h1 {width:96.7%; height:auto; font-size: 130%; padding:0 0 0 1.3%; margin:1.3% 0 0 1%}
			section h1 .shadowStripLeft {left:1%}
			section h1 .shadowStripRight {right:0.9%}
			.contentWrap {width:93%; padding:1%; margin:1% 2% 0 2%}
				.contentWrap p {width:46.5%}
				.contentWrap p:nth-of-type(2) {width:93%; padding:3% 0 0 0}
				.contentWrap img {width:430px; height:185px; float:left; border:3px solid #b6adad; margin:0 0 0 20px;
											  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
											  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
											  box-sizing: border-box;         /* Opera/IE 8+ */
				}
				
				/*.contentWrap button.learnMore {font: 14px/25px 'avenir_65medium'; color:#FFF; text-align:left; text-transform:uppercase; width:200px; height:25px; position:relative; float:right; right:-30px; background:url(../images/Pinnacle_readmore-repeat.jpg) repeat-x; border:none; cursor:pointer}
					.contentWrap button.learnMore .paperclip{width:10px; height:10px; position:absolute; right:1px; top:-9px; background:url(../images/Pinnacle_mainSprite.png)-153px -39px}
										.contentWrap button.learnMore:hover {background:url(../images/Pinnacle_readmore-repeath.jpg) repeat-x}

	
	.clientLogos {width:100%; height:auto; float:left; position:relative; display:block; background:#333}
		.clientLogos ul {list-style:none; margin:20px 0 0 0}
			.clientLogos ul li {width:150px; height:68px; float:left; margin:0 0 0 40px; background:#FFF; border:3px solid #b6adad; display:block}
			.clientLogos ul li:first-child {margin:0 0 0 10px}
				.clientLogos ul li a {border:none; cursor:pointer}
				.clientLogos ul li a:hover {
															/* IE 8 *
															-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
															
															/* IE 5-7 *
															filter: alpha(opacity=50);
															
															/* Netscape *
															-moz-opacity: 0.5;
															
															/* Safari 1.x *
															-khtml-opacity: 0.5;
															
															/* Good browsers *
															opacity: 0.5;
				}
															
															
	
	footer {width:100%; height:auto; float:left; position:relative; padding:20px 0 0 0; display:block; background:#333}
	
		footer .quickLinks {width:940px; height:auto; float:left; position:relative; margin:0 10px}
		
			footer .quickLinks ul {list-style:none}
				footer .quickLinks ul li {width:200px; height:47px; float:left; position:relative; margin:0 0 20px 30px; text-indent:45px; background:#000; font: 14px/50px 'avenir_65medium'; color:#FFF; text-align:left; text-transform:uppercase}
				footer .quickLinks ul li:nth-child(1) {width:450px; margin: 0 0 20px 30px;  text-indent:46px}
				footer .quickLinks ul li:nth-child(3) {text-indent:35px}
					footer .quickLinks ul li:hover {background:#bd1d22}
					
						footer .quickLinks ul li a {color:#FFF; text-decoration:none}
							footer .quickLinks ul li a:hover {color:#FFF; text-decoration:none; cursor:pointer}
							
					footer .quickLinks ul li .phoneIcon {width:69px; height:50px; position:absolute; left:-30px; background:url(../images/Pinnacle_mainSprite.png) 0px -148px}
					footer .quickLinks ul li .serviceIcon {width:47px; height:55px; position:absolute; left:-18px; top:-2px; background:url(../images/Pinnacle_mainSprite.png) -72px -145px}
					footer .quickLinks ul li .awardsIcon {width:42px; height:59px; position:absolute; left:-22px; top:-2px; background:url(../images/Pinnacle_mainSprite.png) -120px -144px}

		footer .footerMenu {width:100%; height:50px; float:left; background:#bd1d22}
		
		footer .footerMenu ul {list-style:none; margin:20px 0 0 10px}
			footer .footerMenu ul li {width:auto; height:15px; padding:0 10px 0 0; margin:0 0  0 10px; border-right:1px solid #FFF; float:left; font: 15px/16px 'avenir_65medium'; color:#FFF; text-transform:uppercase}
			footer .footerMenu ul li:first-child {margin:0}
			footer .footerMenu ul li:last-child {border-right:0}
			
				footer .footerMenu ul li a {text-decoration:none; color:#FFF}
					footer .footerMenu ul li a:hover {color:#000; cursor:pointer}
					
			footer .footerMenu p {font: 15px/15px 'avenir_65medium'; color:#FFF; text-transform:uppercase; float:right; margin:0 10px 0 0}

			*/
		
}