/*


	-- -- -- -- -- -- --
	design.css
	Global design style
	-- -- -- -- -- -- --
	
*/

@import url("ie6win.css");
@import url("formathtml.css");


																				/* ---- BASIC HTML ELEMENTS  */
a:link {
	color: #107B84;
	text-decoration: underline;
}
a:visited {
	color: #054E54;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #107B84;
}

address {
	line-height: 1.7;
	margin: 0 2em 2em 2em;
}
blockquote {
	margin: 0 2em;
	font-style: italic;
}
body {
	color: #000;
	background: #fff url(../i/ui/body-bg.gif) repeat-x 0 0;
	font: 80% verdana, sans-serif;
}
dl {
	line-height: 1.7;
}
dt {
	font-weight: bold;
	background: url(../i/ui/dt.gif) no-repeat 18px 0.5em;
	padding: 0 30px;
}
dd {
	margin: 0 0 1em 0;
	padding: 0 30px;
}
ol {
	margin: 1em 0;
}
ol li {
	margin: 0 0 1em 3em;
	list-style: decimal;
	line-height: 1.4;
}

ul li {
	margin: 0 0 1em 0;
	list-style: none;
	line-height: 1.7;
	background: url(../i/ui/dt.gif) no-repeat 18px 8px;
	padding: 0 30px;
}
ul ul {
	margin: 1em 0;
}
ul ul li {
	color: #111;
	background: url(../i/ui/li-li.gif) no-repeat 18px 8px;
}

h2 {
	font: normal 1.8em palatino, georgia, arial, sans-serif;
}
h3 {
	font: bold 1.5em palatino, georgia, serif;
	color: #323313;
	margin: 0.75em 0 0.25em 0;
}
h4 {
	font: normal 1.1em palatino, georgia, serif;
	text-transform: uppercase;
	color: #323313;
	background: url(../i/ui/h-sep.gif) repeat-x left bottom;
	margin: 1.35em 0 0.45em 0;
}
h5 {
	font: bold 1em verdana, sans-serif;
	color: #000;
	margin: 1.4em 0 0.7em 0;
}
h6 {
	font: normal 1em verdana, sans-serif;
	color: #323313;
	margin: 2em 0 1em 0;
}
p {
	line-height: 1.7;
	margin-bottom: 0.7em;
}
td {
	padding: 4px 2px;
}


tr td {
	background: #E0E9E9;
}
tr.odd td {
	background: #fff;
}



																				/* ---- HEADER AREA */
#header {
	position: relative;
	width: 100%;
	padding-top: 36px;
	height: 65px;
}
#header h1 {
	display: inline;
}
#header h1 a:link, #header h1 a:visited {
	text-decoration: none;
	width: 166px;
	height: 54px;
	text-indent: -9000px;
	display: block;
	border: 0;
	background: url(../i/ui/rosenfeld-logo.gif) no-repeat 0 20px;
	overflow: hidden;
	position: absolute;
	top: 8px;
	left: 0;
}

																				/* Global site nav */
#site-nav {
	position: absolute;
	right: 3px;
	top: 20px;
}
#site-nav ul {
	display: block;
	margin-bottom: 5px;
	text-align: right;
}
#site-nav .no-search {
	padding-top: 1.5em;
}
#site-nav li {
	font-size: 0.91em;
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	line-height: 18px;
}
#site-nav li a:link, #site-nav li a:visited {
	margin-right: 5px;
	padding-right: 10px;
	background: url(../i/ui/v-sep.gif) no-repeat right center;
}
#site-nav li a.last:link, #site-nav li a.last:visited {
	margin-right: 0;
	padding-right: 0;
	background: none;
}
#site-nav form {
	display: block;
	text-align: right;
}
#site-nav .search {
	height: 16px;
	position: relative;
	top: -4px;
	color: #10693f;
	background: #f9fcfa;
	border: solid 1px #d7e6d9;
}
#site-nav .search:focus {
	color: #01552D;
	background: #e2f1e8;
	border: solid 1px #418560;
}


																				/* Global main nav */
#main-nav {
	clear: both;
	position: absolute;
	top: 61px;
	left: 1px;
	width: 688px;
	height: 36px;
	background: url(../i/ui/global-nav-2010b.gif) no-repeat -1px -36px;
}
#main-nav li {
	display: inline;
	background: none;
}
#main-nav li a:link, #main-nav li a:visited {
	display: block;
	height: 36px;
	position: absolute;
	top: 0;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
/* 	background: rgba(255, 0, 0, 0.2); */
}

	#main-nav li#nav-about a:link, #main-nav li#nav-about a:visited {
		left: 0;
		width: 75px;
	}
	#main-nav li#nav-about a:hover, #main-nav li#nav-about a:focus {
		background: url(../i/ui/global-nav-2010b.gif) no-repeat -1px 0;
	}
	#main-nav li#nav-products a:link, #main-nav li#nav-products a:visited {
		left: 76px;
		width: 96px;
	}
	#main-nav li#nav-products a:hover, #main-nav li#nav-products a:focus {
		background: url(../i/ui/global-nav-2010b.gif) no-repeat -77px 0;
	}
	#main-nav li#nav-participate a:link, #main-nav li#nav-participate a:visited {
		left: 173px;
		width: 133px;
	}
	#main-nav li#nav-participate a:hover, #main-nav li#nav-participate a:focus {
		background: url(../i/ui/global-nav-2010b.gif) no-repeat -174px 0;
	}
	#main-nav li#nav-events a:link, #main-nav li#nav-events a:visited {
		left: 307px;
		width: 77px;
	}
	#main-nav li#nav-events a:hover, #main-nav li#nav-events a:focus {
		background: url(../i/ui/global-nav-2010b.gif) no-repeat -308px 0;
	}
	#main-nav li#nav-partners a:link, #main-nav li#nav-partners a:visited {
		left: 386px;
		width: 91px;
	}
	#main-nav li#nav-partners a:hover, #main-nav li#nav-partners a:focus {
		background: url(../i/ui/global-nav-2010b.gif) no-repeat -387px 0;
	}
	#main-nav li#nav-uxzeitgeist a:link, #main-nav li#nav-uxzeitgeist a:visited {
		left: 479px;
		width: 110px;
	}
	#main-nav li#nav-uxzeitgeist a:hover, #main-nav li#nav-uxzeitgeist a:focus {
		background: url(../i/ui/global-nav-2010b.gif) no-repeat -480px 0;
	}


																				/* section-specific main nav variants */
.section-about li#nav-about a:link, .section-about li#nav-about a:visited { 
	background: url(../i/ui/global-nav-2010b.gif) no-repeat -1px -72px;
}
.section-publications li#nav-products a:link, .section-publications li#nav-products a:visited,
.section-products li#nav-products a:link, .section-products li#nav-products a:visited,
.section-webinars li#nav-products a:link, .section-webinars li#nav-products a:visited,
.section-books li#nav-products a:link, .section-books li#nav-products a:visited { 
	background: url(../i/ui/global-nav-2010b.gif) no-repeat -77px -72px;
}
.section-participate li#nav-participate a:link, .section-participate li#nav-participate a:visited {
	background: url(../i/ui/global-nav-2010b.gif) no-repeat -174px -72px;
}
.section-events li#nav-events a:link, .section-events li#nav-events a:visited { 
	background: url(../i/ui/global-nav-2010b.gif) no-repeat -308px -72px;
}
.section-partners li#nav-partners a:link, .section-partners li#nav-partners a:visited { 
	background: url(../i/ui/global-nav-2010b.gif) no-repeat -387px -72px;
}
.section-zeitgeist li#nav-uxzeitgeist a:link, .section-zeitgeist li#nav-uxzeitgeist a:visited {
	background: url(../i/ui/global-nav-2010b.gif) no-repeat -480px -72px;
}



																				/* header cart display */
.price {
	color: #323313;
}
#site-nav strong.price {
	margin-right: 5px;
	padding-right: 10px;
	background: url(../i/ui/v-sep.gif) no-repeat right center;
}
#site-nav li a.cart-view:link, #site-nav li a.cart-view:visited {
	padding: 2px 0 2px 18px;
	margin-right: 0;
	background: url(../i/icons/header-cart-unselected.gif) no-repeat 0 3px;
}
#site-nav li a.cart-view:hover {
	background-image: url(../i/icons/header-cart-hover.gif);
}



																				/* ---- FOOTER */
#footer {
	background: #1C5F64;
	text-align: center;
	clear: left;
}
#footer p {
	color: #9FBAC0;
	background: #054E54 url(../i/ui/footer-bg.gif) repeat-x 0 0;
	padding: 6px 10px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.9em;
	width: 880px;
}
#footer a:link, #footer a:visited {
	color: #fff;
}


																				/* ---- CONTENT FORMATTING */
																				/* Global re-usable classes  */
a.available:link, a.available:visited {
	clear: left;
	display: block;
	padding: 0.5em 2px 0.5em 1.6em;
	background: url(../i/ui/blue-arrow-onwhite.gif) no-repeat 0.2em 0.9em;
}
a.available:focus {
	outline: none;
}
blockquote.testimonial {
	margin: 0;
	padding-top: 40px;
	background: url(../i/ui/quote.gif) no-repeat 12px 44px;
}
blockquote.testimonial p {
	margin: 0;
	padding: 0 1em 1em 2em;
	font: italic 1.2em Palatino, Georgia, serif;
	line-height: 1.5;
}
blockquote.testimonial cite {
	font-style: normal;
}
blockquote.testimonial .cred {
	font-style: normal;
	display: block;
	padding: 0 1em 0 2.4em;
}

input.button {
	font-weight: bold;
	color: #e4efe9;
	background: #378861 url(../i/ui/button-bg.gif) repeat-x 0 0;
	border: solid 1px #368860;
	padding: 4px;
}
input.button:hover {
	border-color: #005d27;
	cursor: pointer;
	color: #fff;
}
.error {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: #640D06;
	padding: 1em;
	margin: 1em;
}
textarea.code-display {
	width: 90%;
	height: 100px;
	margin-bottom: 2em;
}
.warning {
	margin: 1em 24px;
	border: solid 1px #c2e1c7;
	border-width: 1px 0;
	padding: 1em 0;
}
.warning p {
	padding-left: 48px;
	background: url(../i/icons/warning.gif) no-repeat 0 6px;
}
.read-more {
	font-size: 0.9em;
	display: block;
}
.post {
	background: url(../i/ui/h-sep.gif) repeat-x left bottom;
	padding: 0 40px 1em 40px;
	margin: 0 5px 2em 5px;
}
.final-post {
	background: none;
	padding: 0 40px 1em 40px;
	margin-bottom: 1em;
}
.post h3 {
	background: url(../i/ui/ico-post.gif) no-repeat 0 2px;
	padding-left: 16px;
	position: relative;
	left: -16px;
}
.post h3 a:link, .post h3 a:visited {
	text-decoration: none;
}
.post h3 a:hover, .post h3 a:focus {
	text-decoration: underline;
}
.scrollabledata {
	font-family: Monaco, Courier, monospace;
	margin: 1em 24px;
	padding: 0.5em 12px;
	overflow: auto;
	background: #E9F2EB;
	border: solid 1px #B7D5BD;
}
.metadata {
	font-size: 0.9em;
	color: #86A06A;
}
.separator {
	color: #C4CEB8;
}
.sidebar-item {
	text-align: center;
}
.stage {
	text-align: center;
	margin: 1em 0;
}
.submit {
	font-weight: bold;
	color: #fff;
	background: #378861 url(../i/ui/button-bg.gif) repeat-x 0 0;
	border: solid 1px #368860;
	padding: 4px;
}
.scrollabledata {
	width: 770px;
}



																				/* ---- Default layout formatting  */
#page-container {
	background: url(../i/ui/header-bar-high.gif) no-repeat 0 62px;
	margin: 0 auto;
	width: 900px;
	padding: 0 12px;
}
#content-area {
	width: 898px;
	overflow: hidden;
	border: solid 1px #C2E1C7;
	border-width: 0 1px;
}

.layout-default #main-column {
	width: 599px;
	float: left;
}
	* html .layout-default #main-column {
		width: 598px;
	}
.layout-default #secondary-column {
	width: 299px;
	float: left;
}
.layout-default #content-area {
	background: url(../i/ui/layout-high-bg.gif) repeat-y;
}
.layout-default #secondary-column .column-header {
	padding-bottom: 2px;
	margin-bottom: 0.5em;
	background: #8EBC9E url(../i/ui/columnheader-bottom.gif) repeat-x left bottom;
}
.layout-default #secondary-column h2 {
	font-size: 1.2em;
	text-indent: 18px;
	padding-top: 40px;
	height: 20px;
	color: #fff;
	background: #8EBC9E;
	border-left: solid 1px #fff;
}


																				/* ---- Content Page layout  */
.layout-content #main-column {
	width: 680px;
	float: left;
}
.layout-content #secondary-column {
	width: 218px;
	float: left;
}
.layout-content-standalone #main-column {
	width: 898px;
	float: left;
}
.layout-content #secondary-column h2 {
	width: 201px;
}




																				/* ---- Global Main Column formatting */
#main-column .column-header {
	padding-bottom: 2px;
	margin-bottom: 1.5em;
	background: #B7D5BD url(../i/ui/columnheader-bottom.gif) repeat-x left bottom;
}
	#main-column .column-header h2 a, #main-column .column-header h2 a:visited {
		text-decoration: none;
	}

#main-column h2 {
	height: 60px;
	color: #01552D;
	background: #B7D5BD;
	position: relative;
	overflow: hidden;
}
#main-column h2 span {
	display: block;
	position: absolute;
	bottom: 4px;
	left: 24px;
}
#main-column .column-header h3 {
	color: #323313;
	text-transform: uppercase;
	font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
	line-height: 1;
	letter-spacing: 0.1em;
	margin:  5px 0 20px 26px;
	position: absolute;
}



																				/* ---- Global Secondary Column formatting */
#secondary-column h3.fancy {
	color: #323313;
	background: url(../i/ui/h3-sidebar-bg.gif) no-repeat 6px 4px;
	padding-left: 18px;
	font-size: 1.4em;
	margin-top: 1.5em;
}
#secondary-column h3 {
	color: #323313;
	font-size: 1.4em;
}
#secondary-column p {
	color: #3A3D34;
}
#secondary-column div.description {
	color: #3A3D34;
	padding-left: 10px;
     line-height: 1.7em;
     padding-bottom: 5px;
}
#secondary-nav li {
	line-height: 1.4;
}



																				/* ---- TWEAKS  -  hiding non-visual elements */
#accessibility {
	position: absolute;
	top: -9999px;
	font-size: 1px;
}
#accessibility a:focus {
	display: block;
	position: absolute;
	top: 10000px;
	font-size: large;
	color: #000;
	background: #fff;
	border: solid 2px #3B8B64;
	padding: 10px;
	width: 15em;
	z-index: 1;
}
.hide {
	display: none;
}