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

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

body { 
background:url(../images/body_bg.jpg) repeat;
}

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:940px; padding:0 10px; }

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


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


header { 
	position:relative; width:100%; height:565px; margin-bottom:0px; z-index:50;
	background:#202120 url(../images/header_bg.jpg) no-repeat top center;  border-bottom:1px solid #858b8e;
}

header .center_this {
height:565px; padding:0 40px;
background:url(../images/the_spit.jpg) no-repeat bottom center; 
}

#header_image {
	position:absolute; bottom:-33px; right:0px; width:460px; height:369px; padding:6px 9px 9px 7px;
	background:url(../images/hdr_img_frm_none_476x384_666_6_9_9_7.png) no-repeat; z-index:2000;
}



#greydient{
	position:absolute; top:560px; left:0; width:100%; height:600px; 
	background:url(../images/content_bg.jpg) repeat-x bottom; 
}

header hr {
	position:absolute; bottom:0; width:100%; height:0; margin:0; z-index:60;
	border:none; border-top:1px solid #474c4f;
	-moz-box-shadow:0px -1px 5px #000; -webkit-box-shadow:0px -1px 5px #000; box-shadow:0px -1px 5px #000; 
}

h1#hdr_logo {
	display:inline-block; position:absolute; top:22px; left:-52px; width:730px; height:104px; margin:0; z-index:20000;
	background:url(../images/logo_big.png) no-repeat; text-indent:-9000px; overflow:hidden;
	font-size:3em; font-weight:bold; line-height:1em; text-shadow:0px 1px 1px #333;
}

h1#hdr_logo_link {
	position:absolute; top:22px; left:-52px; margin:0; z-index:20000;
	font-size:1em; line-height:1em;
}
h1#hdr_logo_link a {
	display:inline-block; width:730px; height:104px;
	background:url(../images/logo_big.png) no-repeat; text-indent:-9000px; overflow:hidden;
	font-size:3em; font-weight:bold; line-height:1em; text-shadow:0px 1px 1px #333;
}		
h1#hdr_logo_link a:hover { text-decoration:none; text-shadow:0px 1px 1px #000; }

article#textblock_1 { 
	float:left; width:400px; height:auto; margin:200px 0 20px 20px; z-index:20000;
	color:#fff; font-size:1.5em;
}



#trillium_1 { 
	position:absolute; bottom:-155px; left:-115px; width:256px; height:259px; margin-left:15px;
	background:url(../images/trillium_001.png) no-repeat; z-index:20000;
}


nav {
	position:absolute; top:120px; right:0; width:940px; height:40px; padding:0; margin:0 0 20px; z-index:100;
	background:url(../images/nav_bar_bg.png) no-repeat; text-align:right;
}
.sf-menu { height:40px; } /* match nav_bar height */
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { top:41px; } /* match nav_bar height */

.sf-menu li { display:inline; width:auto; }

ul.sf-menu li a, ul.sf-menu li span.no_link {
	display:inline-block; width:auto; height:16px; padding:12px; margin:0 0px 0 1px;
	font-family:"Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; font-size:16px; color:#fff; letter-spacing:-1px;
}
ul.sf-menu li a:hover, ul.sf-menu li span.no_link:hover { color:#b6ae65; text-shadow:0px 0px 15px #36495b; text-decoration:none; background:none; }	/* bdbba8	7cb0fd		*/
 
ul.sf-menu li + li { margin-right:1em; }

/*ul.sf-menu li + li:before {
	content: "|"; display:inline-block; width:2px; height:66px; color:transparent;
	background:transparent url(../images/nav_divider.png) no-repeat; vertical-align:middle;
	text-indent:-9000px; overflow:hidden;	
}*/


.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:"Lucida Grande", Verdana, Arial; 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; /*background:#7e8da0;*/
}
#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 {
	width:940px; height:auto; padding:0 10px 45px; z-index:60;
	font-size:2em; line-height:1.3em; 
}

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:-6px; left:-7px; margin:.75em 1em .25em 0;
	border-width:14px 13px 14px 12px;
	-o-border-image: url(../images/img_frm_none_196x155_999_14_13_14_12.png) 14 13 14 12 stretch stretch;
	-icab-border-image: url(../images/img_frm_none_196x155_999_14_13_14_12.png) 14 13 14 12 stretch stretch;
	-khtml-border-image: url(../images/img_frm_none_196x155_999_14_13_14_12.png) 14 13 14 12 stretch stretch;
	-moz-border-image: url(../images/img_frm_none_196x155_999_14_13_14_12.png) 14 13 14 12 stretch stretch;
	-webkit-border-image: url(../images/img_frm_none_196x155_999_14_13_14_12.png) 14 13 14 12 stretch stretch;
	border-image: url(../images/img_frm_none_196x155_999_14_13_14_12.png) 14 13 14 12 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; }


table {
border:none;
border-top:1px solid #999; border-left:1px solid #999;
}

td {
border:none;
border-right:1px solid #999; border-bottom:1px solid #999;
padding:15px 30px;
}

/****************** 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:180px; }  /* must be same height as the footer */

footer {
	clear:both; position:relative; width:100%; height:120px; padding:40px 0; margin:-180px 0 0; z-index:100;
	background:#0b0c0d;
	font-size:1.4em;
}


#trillium_2 {
	position:absolute; top:-100px; right:0px; width:256px; height:259px; 
	background:url(../images/trillium_002.png) no-repeat top right;; z-index:200;
}


#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 { 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:#999; }

footer a#pyfo { color:#666; font-weight:normal; font-size:.9em; }
footer a#pyfo:hover { color:#999; }

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

.clearfloat { 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;
}