@import url("../../../css/undohtml.css");
@import url("typography.css");

header, nav, section, article, aside, footer { display:block; }

body { 
	background:#fff; 
}

html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }

#wrapper { z-index:5; }

.center_this {
	position:relative; padding:0; margin:0px auto; /*border:1px solid red;*/
}
.page_width { width:960px; }

.shadow {
	-moz-box-shadow:0px 1px 3px #333; -webkit-box-shadow:0px 1px 3px #333; box-shadow:0px 1px 3px #333;
}


/****************** HEADER ******************/


header { 
	width:100%; height:91px; padding:0; margin:0; z-index:50;
	background:url(../images/noise_bg_off_white.jpg);
}
header .center_this  { height:91px; }

#hummy {
	display:inline-block; position:absolute; top:23px; left:0px; width:56px; height:42px; margin:0; z-index:20000;
	background:url(../images/hummy_blue.png) no-repeat; 
}

h1#hdr_logo {
	display:inline-block; position:absolute; top:31px; left:63px; width:109px; height:35px; margin:0; z-index:20000;
	background:url(../images/logo_PYFO.png) no-repeat; text-indent:-9000px; overflow:hidden;
	font-size:1em; font-weight:bold; line-height:1em;
}

h1#hdr_logo_link {
	position:absolute; top:31px; left:63px; margin:0; z-index:20000;
	font-size:1em; line-height:1em;
}
h1#hdr_logo_link a {
	display:inline-block; width:109px; height:35px;
	background:url(../images/logo_PYFO.png) no-repeat; text-indent:-9000px; overflow:hidden;
	font-size:1em; font-weight:bold; line-height:1em; 
}		
h1#hdr_logo_link a:hover { text-decoration:none; }




nav {
	position:relative; top:0px; float:right; width:800px; height:91px; padding:0; margin:0; z-index:100;
	background:none; text-align:right;
}
.sf-menu { height:91px; } /* match nav_bar height */
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { top:91px; } /* match nav_bar height */

.sf-menu li { display:inline; position:relative; width:auto; margin:0; }

ul.sf-menu li a, ul.sf-menu li span.no_link {
	display:inline-block; width:auto; height:16px; padding:42px 24px 33px; margin:0;
	font-size:16px; color:#999; vertical-align:middle; text-transform:lowercase; letter-spacing:-.5px;
}
ul.sf-menu li a:hover, ul.sf-menu li span.no_link:hover { color:#666; text-decoration:none; }			/*00e8ff*/
ul.sf-menu li a.current {
	background:url(../images/nav_hover.jpg) repeat-x; vertical-align:middle;
	color:#666; 
}		




div.hoverBtn {
	display:inline-block; position:relative;
	background:transparent none; border:none;
}

div.hoverBtn a {
	display:inline-block; width:auto; height:16px; padding:42px 24px 33px; margin:0;
	font-size:16px; color:#999; vertical-align:middle; text-transform:lowercase; letter-spacing:-.5px;
	background:	transparent none; border:none;
}

div.hoverBtn a.current {
	display:inline-block; width:auto; height:16px; padding:42px 24px 33px; margin:0;
	font-size:16px; color:#999; vertical-align:middle; text-transform:lowercase; letter-spacing:-.5px;
	background:	transparent none; border:none;
}

div.hoverBtn div {
	display:none; position:absolute; top:0px; left:0; padding:0; margin:0; z-index:1;
	background:	transparent url(../images/nav_hover.jpg) repeat-x; border:none;
}


/*.sf-menu ul {
	background: #fff; padding:2px 2px 2px 1px;
	border-top:1px solid #eee; border-right:1px solid #ddd; border-bottom:1px solid #ccc; border-left:1px solid #e8e8e8;
	-moz-border-radius-topright: 10px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-radius-topright: 5px; 
	-moz-border-radius-bottomleft: 10px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-radius-topright: 5px; 
}

ul.sf-menu ul li a {
	display:block; width:252px; height:14px; padding:12px 24px;
	font-family: "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	font-size:14px; color:#333; letter-spacing:-.5px;
	text-indent:0; text-transform:capitalize; text-shadow:none;
}
ul.sf-menu li a.current { font-weight:bold; }

ul.sf-menu ul li + li a { border-top:1px dotted #eee; }

ul.sf-menu ul li + li:before { content:""; display:none; float:none; width:0; height:0; background:none;}

ul.sf-menu ul li a:hover { text-shadow:0px 1px 1px #fff; color:#333; background: #f8f8f8;
-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
 }

ul.sf-menu ul li a.current { font-weight:bold; }
ul.sf-menu ul li a.current:hover { text-decoration:none;  }*/

/*#header_nav {
position:absolute; top:0; width:100%; height:21px; z-index:10;
background:url(../images/header_nav.png); border-bottom:1px solid #000; 
}
#header_nav ul {}
#header_nav ul li {
	float:right; display:inline; margin:.2em 0 0 1em;
	font-size:12px; color:#131315;
}
#header_nav ul li a { color:#051d3c; }
#header_nav ul li a:hover { color:#0b3a77;  text-decoration:underline; }*/








/****************** CONTENT ******************/


section.sidebar_left article { float:right; } 
section.sidebar_right article { float:left; } 

section.no_sidebar article { width:100%; } 
section.one_column article { width:600px; } 
section.two_columns article { width:280px; } 
section.two_columns article + article { margin-left:20px; }
section.three_columns article { width:280px; } 
section.three_columns article +  article { margin-left:10px; }

section.center_this {
	position:relative; width:940px; height:auto; padding:0 10px; z-index:60;
}

section ul { list-style:inside disc; margin:0 0 2em; }
section ul li { line-height:1.25em; margin:0 0 1em; }

section p { margin:0 0 1em; }
section p+h1, section p+h2, section p+h3, section p+h4, section p+h5, section p+h6 { margin-top:1.5em; }
section h1+p, section h2+p { margin-top:.5em; }

article {
	position:relative; width:600px; height:auto; padding:10px; margin:0 0 10px;
}



article img, #sidebar_text img {
	position:relative; top:0; left:0; margin:.75em 1em .25em 0; max-width:95%;
	border:1px solid #fff;
	-moz-box-shadow:0px 1px 3px #1a1408; -webkit-box-shadow:0px 1px 3px #1a1408; box-shadow:0px 1px 3px #1a1408;
}

article img.dec_brdr_1, #sidebar_text img.dec_brdr_1 {
	position:relative; top:-1px; left:-3px; margin:1em 1em .25em 0;
	border-width:7px 10px 12px 10px;
	-o-border-image: url(../images/img_frm_fff_336x230_bbb_7_10_12_10.png) 7 10 12 10 stretch stretch;
	-icab-border-image: url(../images/img_frm_fff_336x230_bbb_7_10_12_10.png) 7 10 12 10 stretch stretch;
	-khtml-border-image: url(../images/img_frm_fff_336x230_bbb_7_10_12_10.png) 7 10 12 10 stretch stretch;
	-moz-border-image: url(../images/img_frm_fff_336x230_bbb_7_10_12_10.png) 7 10 12 10 stretch stretch;
	-webkit-border-image: url(../images/img_frm_fff_336x230_bbb_7_10_12_10.png) 7 10 12 10 stretch stretch;
	border-image: url(../images/img_frm_fff_336x230_bbb_7_10_12_10.png) 7 10 12 10 stretch stretch;
-moz-box-shadow:none;  -webkit-box-shadow:none; box-shadow:none;
}
#sidebar_text a.zoom img.dec_brdr_1 { margin:0 -.5em 0 0; }

article img.left  { float:left; margin:1em 1.5em .5em 0; }
article img.right { float:right; left:0; right:-8px; margin:1em 0 .5em 2em; }

#sidebar_text img.left  { float:left; margin:.75em .75em .5em 0; }
#sidebar_text img.right { float:right; left:0; right:-8px; margin:.75em 0 .5em .75em; }

article h1 + article img, article h2 + article img, article h3 + article img, article h4 + article img, article h5 + article img, article h6 + article img,
article img + article h1, article img + article h2, article img + article h3, article img + article h4, article img + article h5, article img + article h6, 
article h1 + article img.left, article h2 + article img.left, article h3 + article img.left, article h4 + article img, article h5 + article img, article h6 + article img
{ margin-top:0; }



article img.no_border, #sidebar_text img.no_border {
	margin:0; border:none;
	-moz-box-shadow:none;  -webkit-box-shadow:none; box-shadow:none;
}

article a.zoom:after, #sidebar_text a.zoom:after { content:""; margin:0; }



/****************** SIDEBAR ******************/


aside {
	position:relative; width:300px; height:auto; min-height:250px; padding:0; margin:60px 0 10px;
	background:url(../images/sidebar_bg.png) repeat;
}

section.sidebar_left aside { float:left; margin-right:2%; margin-left:0px; }
section.sidebar_right aside { float:right; margin-right:0px; margin-left:2%; }

.sidebar_widget { width:80%; padding:0 10%; margin:0; border:none; }
.sidebar_widget + .sidebar_widget { margin:0; }


#subnav ul { list-style:none; margin:0 0 2em; }

#sidebar_text h1 + #sidebar_text img, #sidebar_text h2 + #sidebar_text img, #sidebar_text h3+ #sidebar_text img, #sidebar_text h4 + #sidebar_text img, #sidebar_text h5 + #sidebar_text img, #sidebar_text h6 + #sidebar_text img,
#sidebar_text img + #sidebar_text h1, #sidebar_text img + #sidebar_text h2, #sidebar_text img + #sidebar_text h3, #sidebar_text img + #sidebar_text h4, #sidebar_text img + #sidebar_text h5, #sidebar_text img + #sidebar_text h6, #sidebar_text p + h4, 
#sidebar_text h1 + #sidebar_text img.left, #sidebar_text h2 + #sidebar_text img.left, #sidebar_text h3+ #sidebar_text img.left, #sidebar_text h4 + #sidebar_text img.left, #sidebar_text h5 + #sidebar_text img.left, #sidebar_text h6 + #sidebar_text img.left { margin-top:0; }

#sidebar_text a.zoom, #sidebar_text a.zoom img { margin:0; }

/****************** FOOTER ******************/

#footer_push { width:100%; height:314px; }  /* must be same height as the footer */

footer {
	clear:both; position:relative; width:100%; height:270px; padding:45px 0 0; margin:-270px 0 0; z-index:100;
	background:url(../images/noise_bg_dark_grey.jpg);
	font-size:1.3em; line-height:2em; color:#969891;
}

#white_hummy {
	display:inline-block; position:absolute; top:11px; right:132px; width:56px; height:42px; margin:0; z-index:20000;
	background:url(../images/hummy_white.png) no-repeat; 
}
h4#put_your_face_on {
	display:inline-block; position:absolute; top:31px; right:0px; width:130px; height:20px; margin:0; z-index:20000;
	background:url(../images/put_your_face_on.png) no-repeat; text-indent:-9000px; overflow:hidden;
	font-size:1em; font-weight:bold; line-height:1em;
}


.sxth { float:left; width:120px; height:200px; }
.qrtr { float:left; width:240px; height:200px; }
.thrd { float:left; width:288px; height:200px; padding:0 0 0 40px; border-left:1px solid #313234; border-right:1px solid #474b4d; }
.half {  float:left;width:480px; height:200px; }


footer .first { width:268px; padding:0 40px 0 0;  border-left:none; }
footer .last { width:268px; padding:0 0 0 40px ; border-right:none; }


#footer_nav ul {  margin:0 0 1em; }
#footer_nav ul li { float:left; display:inline; margin-right:1.5em; }
/*#footer_nav ul li a { font-weight:normal; color:#ccc; }
#footer_nav ul li a:hover { color:#fff; }
#footer_nav ul li + li:before { content: "|"; color:#666; margin-right:1.5em; }*/

footer ul#contact_info { margin:0; color:#666; }
footer ul#contact_info li { display:inline; margin-right:1.25em; }
footer ul#contact_info li a { color:#666; font-weight:normal;}
footer ul#contact_info li a:hover { color:#999; }
footer ul#contact_info li + li:before { content: "|"; color:#333; margin-right:1.5em; }


ul#copyright { margin:3em 0 0; color:#666; line-height:1.25em; font-size:.8em; }
ul#copyright li { display:inline; margin-right:1.5em; }
ul#copyright li a { font-weight:normal; color:#666; }
ul#copyright li a:hover { color:#969891; }

footer a#pyfo { color:#666; font-weight:normal; }
footer a#pyfo:hover { color:#969891; }



/****************** FIXES ******************/

.float_left { float:left; }
.float_right { float:right; }

.clear_float { clear:both; }

.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 */

.no_display
{
	position:absolute;
	display:none;
	width:0;
	height:0;
	margin:0;
	padding:0;
}