/*
   style.css
   Shadow Mtn 2009 site
   
   Created by Lee Tengum on 2009-04-30.
   Copyright 2009 bluebeetle creative. All rights reserved.
*/


/* ============================ */
/* = Bam! Average size issues = */
/* ============================ */
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* ================================= */
/* = Default Colors and references = */
/* ================================= */


/*##################################*/


/* =============== */
/* = Body Styles = */
/* =============== */

body {
	background:#000 url('../img/bg-body.png') repeat-x;
	padding:0;
	margin:0;
	font-family:georgia;
}

#main a {
	text-decoration:none;
	color:#128B9E;
	border-bottom:1px dotted #128B9E;
}

#main a:hover {
	text-decoration:none;
	color:#45A4B3;
	border-bottom:1px dotted #45A4B3;
}

.home #headerBar {
	width:904px;
	margin:0 auto 0 29px;
	background:#fff;
	text-align:right;
	height:30px;
	position:absolute;
	filter: alpha(opacity=25);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity:0.25;
}

#contactHolder {
	width:960px;
	margin:0 auto;
	text-align:right;
	height:30px;
	position:absolute;
}

#contactHolder a {
	height:30px;
	width:94px;
	text-align:center;
	display:block;
	background:url('../img/header_button_tabs.png') no-repeat bottom left;
	float:right;
	margin:0 5px 0 0;
	color:#fff;
	text-decoration:none;
	line-height:30px;
	text-transform:uppercase;
	font-size:10px;
}

#contactHolder a:hover {
	padding:5px 0 0 0;
}

#contactHolder a.last {
	margin:0 35px 0 0;
}

#wrapper {
	width:960px;
	margin:0 auto;
}


/* ======================================================================== */
/* = Wrapping elements in a class of home for layouts for teh splash page = */
/* ======================================================================== */
.home #mainImage {
	height:310px;
	width:960px;
	text-align:center;
}

.home #mainImage a {
	position:relative;
	top:-180px;
	left:380px;
}

.home #mainImage a img {
	border:0;
}

.home #mainNavigation {
	width:960px;
	text-align:center;
	margin:-94px auto 0 auto;
	position:relative;
	z-index:100;
}

.home #logoHolder {
	height:257px;
	width:325px;
	text-indent:-9999px;
	background:url('../img/shadowMtn-logo.png') no-repeat;
	margin:0 auto;
	position: absolute;
	z-index: 900;
	top: 0;
	left: 318px; /* value for IE */

}
.home #lifestyleHolder {
	float:left;
	position:relative;
	z-index:800;
	width:315px;
	margin:69px 0px 0 20px;
	
}

.home #golfHolder {
	float:right;
	width:315px;
	position:relative;
	z-index:800;
	margin:69px 20px 0 0px;
	text-align:left;
}

#secondaryNav {
	clear:both;
	width:904px;
	height:30px;
	background:#262626 no-repeat top center;
	font-size:10px;
	font-family:helvetica;
	margin:0px auto;
	padding:0;
}

#secondaryNav ul.first {
	position:relative;
	top:0;
	left:0px;
	text-indent:6px;
	width:290px;
	height:30px;
	clear:both;
	margin:0 auto;
	background:#333;
	display:block;
	float:left;
}

#secondaryNav ul.second {
	text-indent:10px;
}
#secondaryNav ul li {
	float:left;
	margin:0 11px 0 0;
	height:25px;
	list-style:none;
}

#secondaryNav ul li.last {
	margin-right:0;
}

#secondaryNav ul li a {
	color:#999;
	width:30px;
	text-decoration:none;
	line-height:30px;
	margin:0;	
}

#secondaryNav ul li a:hover {
	text-decoration:underline;
}

/* ================== */
/* = Stepdown pages = */
/* ================== */

#headerBar {
	width:904px;
	margin:0 auto 0 29px;
	text-align:right;
	height:30px;
	position:absolute;

}

.stepdown #mainImage {
	height:117px;
	width:960px;
	text-align:center;
}

.stepdown #mainNavigation {
	width:960px;
	height:120px;
	text-align:center;
	background:url('../img/sd_mainnav_bg.png') center bottom no-repeat;
	margin:-70px auto 0 auto;
	position:relative;
	z-index:100;
}

.stepdown #logoHolder {
	height:147px;
	width:244px;
	text-indent:-9999px;
	background:url('../img/secondary_logo.png') no-repeat;
	margin:0 auto;
	position: absolute;
	z-index: 900;
	top: 0;
	left: 358px; /* value for IE */

}
.stepdown #lifestyleHolder {
	float:left;
	position:relative;
	z-index:800;
	width:315px;
	margin:62px 0px 0 20px;
	
}

.stepdown #golfHolder {
	float:right;
	width:315px;
	position:relative;
	z-index:800;
	margin:62px 20px 0 0px;
	text-align:left;
}



/*Need as we are floating teh text off to the left it skews alignment. */
#lifestyleHolder img {
	float:right;
}

/* Main Navigation Buttons */
a#lifestyle {
	float:left;
	width:315px;
	height:58px;
	text-indent:-9999px;
	background:url('../img/buttons_sprite.png') top left no-repeat;
	display:block;
}

a#lifestyle:hover {
	background:url('../img/buttons_sprite.png') bottom left no-repeat;
}


a#golf {
	float:right;
	width:315px;
	height:58px;
	background:url('../img/buttons_sprite.png') top right no-repeat;
	display:block;
	text-indent:-9999px;
}

a#golf:hover {
	background:url('../img/buttons_sprite.png') bottom right no-repeat;
}

.over a#golf, .solid a#golf  {
	background:url('../img/buttons_sprite.png') bottom right no-repeat;
}

.over a#lifestyle, .solid a#lifestyle {
	background:url('../img/buttons_sprite.png') bottom left no-repeat;
}

/* ================================= */
/* = Stepdown Secondary Navigation = */
/* ================================= */
.stepdown #sdSecondaryNav {
	clear:both;
	width:904px;
	height:51px;
	background:url('../img/sd_main_nav_bg.png');
	font-size:14px;
	margin:0px auto 0 auto;
	padding:0;
	text-align:center;
}

.stepdown #sdSecondaryNav ul {
	clear:both;
	position:relative;
	top:0;
	left:20px;
	width:884px;
	height:41px;
	margin:0 auto;
	display:block;
}

.stepdown #sdSecondaryNav ul li {
	float:left;
	margin:0 0px 0 0;
	height:35px;
	list-style:none;
	width:90px;
}


.stepdown #sdSecondaryNav ul li.semi {
	width:100px;
	margin-right:5px;
}


.stepdown #sdSecondaryNav ul li.wide {
	width:110px;
}

.stepdown #sdSecondaryNav ul li.xwide {
	width:150px;
}

.first {

}
.last {
	margin:0;
}

a.noBorder {
	border:none;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.stepdown #sdSecondaryNav ul li a {
	color:#fff;
	padding:20px 0 0 0;
	display:block;
	text-decoration:none;
	height:51px;
}

.stepdown #sdSecondaryNav ul li a:hover {
	text-decoration:underline;
}


#content {
	width:864px;
	background:#CCCC99 url('../img/content_footer.png') center bottom no-repeat;
	margin:0 auto;
	padding:20px 20px 80px 20px;
}
#main {
	margin:10px 0 0 10px;
}

#main h2 {
	margin:0;
	padding:0;
	text-indent:20px;
	color:#07869A;
	font-family:georgia;
	font-size:22px;
	
}

#main h3 {
	margin:0;
	padding:0;
	text-indent:20px;
	color:#07869A;
	font-family:georgia;
	font-size:20px;
	
}

#main h4 {
	margin:0;
	padding:0;
	text-indent:20px;
	color:#07869A;
	font-family:georgia;
	font-size:18px;
	
}

#main h5 {
	margin:0;
	padding:0;
	text-indent:20px;
	color:#938861;
	font-family:georgia;
	font-size:16px;
	
}

#main p {
	color:#45321E;
	font-family:georgia;
	font-size:14px;
	line-height:140%;
	margin:10px 20px;
	width:560px;
	letter-spacing: .5px;
}

#sideBar {
	width:204px;
	margin:15px 0px 0 60px;
	float:right;
}

.item {
	width:204px;
	display:block;
	overflow:hidden;
	background:url('../img/item_bg.png') repeat-y;
}

.item h2 {
	background:url('../img/item_h2_bg.png') no-repeat;
	height:47px;
	width:204px;
	display:block;
	font-size:22px;
	font-family:georgia;
	text-indent:13px;
	line-height:50px;
	color:#CCCC99;
}
.item img {
	width:188px;
	margin:0 0 0 8px;
}

.item h3 {
	color:#fff;
	font-size:12px;
	margin:4px 0 0 13px;
}


.item p {
	text-align:left;
	font-size:12px;
	margin:0 10px 0 13px;
	color:#CCCC99;
}

.item p a {
	color:#fff;
	text-decoration:underline;
}

.item .sb_footer {
	background: #DDD url('../img/item_bg_footer.png') no-repeat;
	height:18px;
	width:204px;
	display:block;
}

.item .sb_header {
	background: #DDD url('../img/item_bg_header.png') no-repeat;
	height:18px;
	width:204px;
	display:block;
}

.image {
	width:204px;
	display:block;
	overflow:hidden;
	float:right;
	background:url('../img/item_bg.png') repeat-y;
}

.image img {
	margin:0 0 0 8px;
}

.imageText {
	text-align:left;
	font-size:12px;
	margin:0 10px 0 13px;
	color:#FFFFFF;
}

.image p a {
	color:#fff;
	text-decoration:underline;
}

.image .sb_footer {
	background: #DDD url('../img/item_bg_footer.png') no-repeat;
	height:18px;
	width:204px;
	display:block;
}

.image .sb_header {
	background: #DDD url('../img/item_bg_header.png') no-repeat;
	height:18px;
	width:204px;
	display:block;
}

#newsImage {
	margin:0 0 15px 15px;
}

#newsImage a, #newsImage a:hover {
	border:0;
}

#footer {
	height:40px;
}

#footer p.bbc {
	float:right;
	color:#424242;
	font-size:10px;
	margin:5px 30px 0 0;
}

#footer p.bbc a {
	color:#424242;
}

#footer p.copy {
	float:left;
	color:#424242;
	font-size:10px;
	margin:5px 0px 0 30px;
}

.directions {
	
}

.over {
	cursor: pointer;
}


table.stripeRows {
	border-collapse: collapse;
	width: 560px;
	font-size: 14px;
	margin:0 0 0 20px;
}

table.stripeRows th {
	color: #187DB9;
	font-weight: bold;
	padding: 2px 5px;
	text-align: left;
	line-height: 1.2;
}

table.stripeRows td {
	padding: 6px 11px;
	vertical-align: top;
}

table.stripeRows td * {
	padding: 6px 11px;
}

table.stripeRows  tr.hover td {
	background: #BBB889;
}

table.stripeRows tr td {
	background: #AAA277;
}

table.stripeRows tr.alt td {
	background: #cccc99;
}



/* ============================================= */
/* = Temp | Lee | Thu May  7 11:53:17 MDT 2009 = */
/* ============================================= */
table.formTable {
	border-collapse: collapse;
	width: 560px;
	font-size: 14px;
	margin:0 0 0 20px;
	background:#BBB889;
	padding:20px 10px;
}

table.formTable th {
	color: #187DB9;
	font-weight: bold;
	padding: 2px 5px;
	text-align: left;
	line-height: 1.2;
}

table.formTable td {
	padding: 6px 11px;
	vertical-align: top;
}

table.formTable td * {
	padding: 6px 11px;
}

table.formTable tr.firstRow td{
	padding:20px 11px 6px 11px;
}

/* ============================================= */
/* 					End of Temp					 */
/* ============================================= */

/* End Temp */
#awards_expand, #awards_collapse {

}

#main.itemListHolder ul {
	margin:0 0 0 20px;
}

#main.itemListHolder ul li {
	margin:0 0 0 20px;
}

#main .mainImageLeft {
	padding:3px;
	border:1px solid #AAA277;
	float:left;
	margin:3px 25px 10px 0px;
}


#main .mainImageRight {
	padding:3px;
	border:1px solid #AAA277;
	float:right;
	margin:3px 0px 10px 25px;
}
#main ul.nicelist {
	margin:0 0 30px 0;
	padding:0;
}

#main ul.nicelist li {
	color:#45321E;
	font-family:georgia;
	font-size:14px;
	line-height:140%;
	margin:10px 20px;
	width:560px;
	font-weight:bold;
	letter-spacing: .5px;
}

.clear {
	width:100%;
	clear:both;
}


/* ============================================= */
/* = Temp | Lee | Thu May  7 14:57:46 MDT 2009 = */
/* ============================================= */

.offer {
	background:#BBB889;
	padding:10px;
	width:560px;
	margin:0 0 20px 0;
}

#main div.offer p {
	width:520px;
}

#main div.offer span.date {
	font-weight:bold;
}


/* ============================================= */
/* 				End of Temp					  */
/* ============================================= */

/* ================ */
/* = Photo Styles = */
/* ================ */

ul.gallery {
	width:560px;
	margin:0 0 0 15px;
}


ul.gallery li {
	float:left;
	width:260px;
	height:110px;
	overflow:hidden;
	text-align:center;
	margin:5px 15px 15px 5px;
	
}

ul.gallery li img {
	margin:0 auto;
	padding:3px;
	border:1px solid #AAA277;
}

#archive_news{
	width:560px;
	border:solid #45321E 1px;
	padding:10px;
	margin:20px 0;
	background:#AAA277;
	display:block;
	clear:left;
	float:left;
}



/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pp_pic_holder .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/tl.gif) top left no-repeat; } /* Top left corner */
	div.pp_pic_holder .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.pp_pic_holder .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pp_pic_holder .pp_content { background-color: #fff; } /* Content background */
	div.pp_pic_holder .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_pic_holder .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_pic_holder .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_pic_holder .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */

	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */

	div.pp_pic_holder .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pp_pic_holder .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.pp_pic_holder .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/br.gif) top left no-repeat; } /* Bottom right corner */

	div.pp_pic_holder .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	div.ppt div.ppt_left { background: url(../images/prettyPhoto/light_rounded/ttl.gif) top left no-repeat; }
	div.ppt div.ppt_right { background: url(../images/prettyPhoto/light_rounded/ttr.gif) top left no-repeat; }
	div.ppt div.ppt_content { background: url(../images/prettyPhoto/light_rounded/ttp.gif) top left repeat-x; }
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/tl.png) top left no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/tr.png) top left no-repeat; } /* Top right corner */
	div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/bl.png) top left no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/br.png) top left no-repeat; } /* Bottom right corner */
	div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded div.ppt_left { background: url(../images/prettyPhoto/dark_rounded/tl.png) top left no-repeat; }
	div.dark_rounded div.ppt_right { background: url(../images/prettyPhoto/dark_rounded/tr.png) top right no-repeat; }
	div.dark_rounded div.ppt_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; }
	div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_top .pp_left ,
	div.dark_square .pp_top .pp_middle,
	div.dark_square .pp_top .pp_right,
	div.dark_square .pp_bottom .pp_left,
	div.dark_square .pp_bottom .pp_middle,
	div.dark_square .pp_bottom .pp_right,
	div.dark_square .pp_content,
	div.dark_square div.ppt_left,
	div.dark_square div.ppt_right,
	div.dark_square div.ppt_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_top .pp_left ,
	div.light_square .pp_top .pp_middle,
	div.light_square .pp_top .pp_right,
	div.light_square .pp_bottom .pp_left,
	div.light_square .pp_bottom .pp_middle,
	div.light_square .pp_bottom .pp_right,
	div.light_square .pp_content,
	div.light_square div.ppt_left,
	div.light_square div.ppt_right,
	div.light_square div.ppt_content { background: #fff; }
	div.light_square div.ppt_content { color: #666666; }


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pp_pic_holder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					float: left;
					margin: 3px 0 0 0;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 0 4px; }
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
					
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled { background-position: 0 -16px; cursor: default; }
		
		div.pp_pic_holder .pp_content div.hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pp_pic_holder .pp_bottom {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #full_res { width: 100%; text-align: center; }
			div.pp_pic_holder #full_res { display: block; margin: 0 auto; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff; font-size: 13px;
		}
		
			div.ppt div.ppt_left,
			div.ppt div.ppt_right { float: left; width: 19px; height: 23px; overflow: hidden; }
			
			div.ppt div.ppt_content { float: left; line-height: 23px; }

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */