/* CSS by Michael Pehl in August 2011 */

	* {margin:0;padding:0;}
	html {height:100%;}
	body {background:#fff;width:100%;height:100%;background:url('../images/main-bg-800x640.jpg');}
	#main {position:relative;width:800px;height:640px;top:50%;left:50%;margin-left:-400px;margin-top:-330px;}
	#testimonials {position:absolute;bottom:80px;left:10px;font-size:14px;width:360px;height:70px;-moz-box-shadow:0 0 8px #ccc;-webkit-box-shadow:0 0 8px #ccc;box-shadow:0 0 8px #ccc;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
	#testimonials ul#testimonialslisting {width:360px;height:70px;}
	#testimonials ul#testimonialslisting li{ display:none;width:360px;height:70px;}
	#testimonials ul#testimonialslisting { list-style-type:none;}
	#testimonials ul#testimonialslisting li p.text{ font-size:16px;font-style:italic;}
	#testimonials ul#testimonialslisting li p.author{
	color: #878787;
    font-size: 11px;
    font-style: italic;
    text-align: right;
	position:absolute;
	bottom:2px;
	right:2px;
	}
	#testimonials #testimonialslisting p.author a,
	#testimonials #testimonialslisting p.author a:visited{
	color:#6aa42a;
	}
	
	ul#boxes {width:800px;list-style-type:none;overflow: hidden;}
	li.box {z-index:1;position: relative;width:180px;height:180px;margin:10px;background:#fff;float:left;-moz-box-shadow:0 0 8px #888;-webkit-box-shadow:0 0 8px #888;box-shadow:0 0 8px #888;}
	li.box:hover {background:#fff;-moz-box-shadow:0 0 8px #222;-webkit-box-shadow:0 0 8px #222;box-shadow:0 0 8px #222;}
	li.box.gradient {
	
	/* SVG fallback(Opera 11.10-, IE9) */
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIyNCwyMjQsMjI0LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjU1LDI1NSwyNTUsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);

/* Opera 11.10+ */
background: -o-linear-gradient(top, rgba(224,224,224,1), rgba(255,255,255,1));

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, rgba(224,224,224,1), rgba(255,255,255,1));

/* Chrome 7+ and Safari 5.03+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(224,224,224,1)), color-stop(1, rgba(255,255,255,1)));

/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE0E0E0,EndColorStr=#FFFFFFFF);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE0E0E0,EndColorStr=#FFFFFFFF)"
	}
	li.box.gradient:hover {
	
	/* SVG fallback(Opera 11.10-, IE9) */
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTUsMjU1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjI0LDIyNCwyMjQsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);

/* Opera 11.10+ */
background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(224,224,224,1));

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(224,224,224,1));

/* Chrome 7+ and Safari 5.03+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,1)), color-stop(1, rgba(224,224,224,1)));

/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFE0E0E0);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFE0E0E0)"
	
	}
	li.box div.spacer {height:24px;}
	li.box p {padding:4px;font: 16px "Trebuchet MS",Arial,sans-serif;line-height:22px;}
	li.box p.center {text-align:center;}
	li.box p.bigred {font-weight:bold;font-size: 24px;color:#a01010;text-shadow: 0 -2px 2px #FFFFFF, 0 2px 2px #666666;}
	li.box.callus {
	-webkit-transition: all 0.65s ease-in-out; 
	-moz-transition: all 0.65s ease-in-out; 
	-o-transition: all 0.65s ease-in-out; 
	transition: all 0.65s ease-in-out; 
	}
	li.box.callus:hover {
	z-index:1;
	/*
	-moz-transform: scale(1.1245);
	-webkit-transform: scale(1.1245);
	-o-transform: scale(1.1245);
	transform: scale(1.1245);
	*/
	-moz-transform: scale(1.25) rotate(360deg);
-webkit-transform: scale(1.25) rotate(360deg);
-o-transform: scale(1.25) rotate(360deg);
-ms-transform: scale(1.25) rotate(360deg);
transform: scale(1.25) rotate(360deg);

		-moz-box-shadow:0 0 32px #800;
		-webkit-box-shadow:0 0 32px #800;
		box-shadow:0 0 32px #800;
	}
	ul#boxes2 {width:400px;list-style-type:none;float:left;}
	#bigbox {position:relative;margin:10px;width:380px;height:430px;float:right; -moz-box-shadow:0 0 8px #f0f0f0;-webkit-box-shadow:0 0 8px #f0f0f0;box-shadow:0 0 8px #f0f0f0; overflow:hidden;
	
background-image: -webkit-gradient(
          linear, right bottom, right top, from(rgba(255, 255, 255, 1.0)),
          to(rgba(255, 255, 255, 0))
        );

        /* mozilla example - FF3.6+ */
        background-image: -moz-linear-gradient(
          right top,
          rgba(255, 255, 255, 1.0) 20%, rgba(255, 255, 255, 0) 95%
        );

        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=0, startColor=0, endColorStr=#FFFFFF
        );

        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=0, startColor=0, endColoStr=#FFFFFF
        );
		
	_background:#fff;
	
	}
	#bigbox:hover {-moz-box-shadow:0 0 14px #e0e0e0;-webkit-box-shadow:0 0 8px #e0e0e0;box-shadow:0 0 8px #e0e0e0;}
	li h3 {
		font: bold 14px "Trebuchet MS",Arial,sans-serif;
		padding: 0;
		margin: 0;
		color:#fff;
	}
	#bigbox p {padding:4px;font: 14px "Lucida Sans",Arial,sans-serif;text-align:justify;}
	li div.caption {
	text-align:justify;
		display: none;  /* Required to hide the captions */
		font: 12px "Trebuchet MS",Arial,sans-serif;
		position: absolute; /* Required for positioning to overlay over image */
		bottom: 0px;
		left: 0px;
		padding: 5px;
		background: #000;
		width: 170px; /* Since we are using absolute positioning we need to set the width */
		height:170px;
		line-height: 1.3em;
		color:#fff;
		opacity:0.9;
		-moz-box-shadow:0 0 8px #000;
		-webkit-box-shadow:0 0 8px #000;
		box-shadow:0 0 8px #000;
		/* -moz-border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
		border-radius: 8px 8px 0 0; */
	}
	#bigbox div.bigboxcaption {
		display: none;  /* Required to hide the captions */
		font: 12px "Trebuchet MS",Arial,sans-serif;
		position: absolute; /* Required for positioning to overlay over image */
		bottom: 0px;
		left: 0px;
		padding: 5px;
		background: #000;
		width: 370px; /* Since we are using absolute positioning we need to set the width */
		height:370px;
		line-height: 1.3em;
		color:#fff;
		opacity:0.85;
		-moz-box-shadow:0 0 8px #000;
		-webkit-box-shadow:0 0 8px #000;
		box-shadow:0 0 8px #000;
		/* -moz-border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
		border-radius: 8px 8px 0 0; */
	}
	li div.caption a {
		background:#a01010;
		color:#fff;
		position:absolute;
		right:8px;
		bottom:8px;
		padding:2px 8px;
		text-decoration:none;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		-moz-box-shadow:0 0 6px #a01010;
		-webkit-box-shadow:0 0 6px #a01010;
		box-shadow:0 0 6px #a01010;
	}
	li div.caption a:hover {
		background:#fff;
		color:#a01010;
		-moz-box-shadow:0 0 8px #fff;
		-webkit-box-shadow:0 0 8px #fff;
		box-shadow:0 0 8px #fff;
	}
	li a.book {
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		
/* SVG fallback(Opera 11.10-, IE9) */
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDk2LDAsMCwxKTsiIC8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDE2MCwxNiwxNiwxKTsiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgZmlsbD0idXJsKCNncmFkaWVudCkiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIC8+PC9zdmc+);

/* Opera 11.10+ */
background: -o-linear-gradient(top, rgba(96,0,0,1), rgba(160,16,16,1));

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, rgba(96,0,0,1), rgba(160,16,16,1));

/* Chrome 7+ and Safari 5.03+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(96,0,0,1)), color-stop(1, rgba(160,16,16,1)));

/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF600000,EndColorStr=#FFA01010);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF600000,EndColorStr=#FFA01010)";
		
		color:#fff;
		position:absolute;
		width:128px;
		text-align:center;
		left:19px;
		height:20px;
		line-height:20px;
		bottom:8px;
		padding:2px 8px;
		text-decoration:none;
		-moz-border-radius:8px 0 8px 0;
		-webkit-border-radius:8px 0 8px 0;
		border-radius:8px 0 8px 0;
		-moz-box-shadow:0 0 6px #a01010;
		-webkit-box-shadow:0 0 6px #a01010;
		box-shadow:0 0 6px #a01010;
	}
	li a.book:hover {

/* SVG fallback(Opera 11.10-, IE9) */
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDE2MCwxNiwxNiwxKTsiIC8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDk2LDAsMCwxKTsiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgZmlsbD0idXJsKCNncmFkaWVudCkiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIC8+PC9zdmc+);

/* Opera 11.10+ */
background: -o-linear-gradient(top, rgba(160,16,16,1), rgba(96,0,0,1));

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, rgba(160,16,16,1), rgba(96,0,0,1));

/* Chrome 7+ and Safari 5.03+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(160,16,16,1)), color-stop(1, rgba(96,0,0,1)));

/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFA01010,EndColorStr=#FF600000);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFA01010,EndColorStr=#FF600000)";
	
		color:#fff;
		-moz-box-shadow:0 0 12px #a01010;
		-webkit-box-shadow:0 0 12px #a01010;
		box-shadow:0 0 12px #a01010;	
	}
	#bigbox img {position:absolute;bottom:5px;left:10px;width:360px;height:56px;opacity:0.85;}
	#bigbox a {color:#a01010;text-decoration:none;font-weight:bold;}
	#bigbox a:hover {color:#601010;border-bottom:1px dashed #601010;}
	p.supersmall {position:absolute;bottom:2px;right:-32px;font-size:8px;font-family:"Trebuchet MS",Arial,sans-serif;}
	p.supersmall a {color:#a01010;text-decoration:none;font-weight:bold;}
	p.supersmall a:hover {color:#601010;border-bottom:1px dashed #601010;}
	#footernav {width:400px;float:left;margin:-40px 0 0 10px;}
	#footernav ul {float:left;list-style-type:none;}
	#footernav ul li {margin-right:10px;padding:0 8px;float:left;background:#f0f0f0;border-left:1px solid #fff;height:24px;font: 14px "Trebuchet MS", Arial, sans-serif;color:#bbb;line-height:22px;text-align:center;-moz-box-shadow:0 0 8px #888;-webkit-box-shadow:0 0 8px #888;box-shadow:0 0 8px #888;-moz-border-radius:8px 0 8px 0;-webkit-border-radius:8px 0 8px 0;border-radius:8px 0 8px 0;}
	#footernav ul li:hover {-moz-box-shadow:0 0 14px #a01010;-webkit-box-shadow:0 0 14px #a01010;box-shadow:0 0 14px #a01010;background:#e8e8e8;}
	#footernav ul li a {text-decoration:none;color:#bbb;}
	#footernav ul li a:hover {color:#a01010;}
	.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}
p.supersmall button#michaelpehl {
width:39px;
height:39px;
background:url('../images/NEW-logo-sprite-39x78.jpg');
background-position: 0 0;
border:0;
}
p.supersmall button#michaelpehl:hover {
width:39px;
height:39px;
background:url('../images/NEW-logo-sprite-39x78.jpg');
background-position: 0 -39px;
}