/* @override 
	http://sw.oliverker.com/css/layout.css */

/* real CSS styles for well behaved browsers */

/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url(reset.css);
@import url(enrichment.css);

/* stops the nasty horizontal shift with centered layouts in moz etc */
/*html { height: 100%; margin-bottom: 1px; }*/

/* overrule basic.css styles */


/* =BASIC
**************************************************************************/

#accessibility {
	position: absolute;
	top: -9999px;
}

body {
	background: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #333333;
}

img
{
	border:none;
	margin:0;
	padding:0;
}

a img {
	border:none;
}

a
{
	outline: none;	
}

ol, ul, li {
	list-style:none;
}

ol, ul {
	margin-bottom: 0.9em;
}

strong, b {font-weight: bold;}
em, cite {font-style: italic;}

a { color: #aa1948; text-decoration: none;}
a:hover, a:active { color: #333333; }
a:active {
	position: relative;
	top: 1px;
}
a:focus {color: #333333;}



/* =MAINTENANCE
************************************************************************/
html#error {
	height: 100%;
	background: #8B8D8E;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AFB1B3), to(#8B8D8E));
	background: -moz-linear-gradient(0% 100% 90deg,#8B8D8E, #AFB1B3);
	
}

#maintenance { width: 555px; padding: 25px 25px 40px 25px; margin: 100px auto 0 auto; }
#error h1#logo {padding-left: 0; }

span.edit {position: absolute; top: 0px; left: 0px; font-size: 16px; font-weight: bold; padding: 40px 0 0 20px; }

.message { width: 375px; float: right; padding: 31px 0 0 0; }


/* =GRID LAYOUT
************************************************************************/

.clear {
	clear: both;
}

.column {
	margin: 0 15px 15px 0;
	float: left;
}

.last {
	margin: 0 0 15px 0;
	float: left;
}

.span1 { width:60px; }
.span2 { width:140px; }
.span3 { width:220px; }
.span4 { width:300px; }
.span5 { width:380px; }
.span6 { width:460px; }
.span7 { width:540px; }
.span8 { width:620px; }
.span9 { width:700px; }
.span10 { width:780px; }
.span11 { width:860px; }
.span12 { width:940px; }


/* =TYPOGRAPHY
************************************************************************/

h1, h2, h3, h4, h5 {	font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1 { font-size: 2.1em; line-height: 1.2em;}

h2 { font-size: 22px; line-height: 1.2em; padding: 0 0 2px 0; margin: 0 0 14px 0; }
h2 a, h2 a:hover { border: none;}

h2.page-title {font-size: 32px;}

h3 { font-size: 16px; font-weight: bold; margin: 20px 0 4px 0; padding: 0; line-height: 1.2em; }
h3 a { line-height: 1.2em;}
h4 {font-size: 14px; font-weight: bold; margin: 12px 0 4px 0; padding: 0; line-height: 1.2em;}
h4 a { line-height: 1.4em;}

blockquote p { font-family: "Georgia", Times, serif; font-style: italic; }

cite { font-size: 10px; font-style: normal; }

p {padding-bottom: 0.9em;}


/* =LOGO
************************************************************************/
h1#logo {
	height: 100px;
	width: 153px;
	padding: 21px 0 20px 60px;
	float: left;
}

h1#logo a, h1#logo a:active {
	background: transparent url(../images/logo.png) no-repeat left 1px;
	height: 100px;
	width: 153px;
	text-indent: -9999px;
	display: block;
	border: none;
}

h1#logo a:hover {background: transparent url(../images/logo.png) no-repeat left top; border: none;}


/* =NAV list
************************************************************************/

ol.nav {
	font-size: 13px;
	width:690px;
	float: left;
	padding: 67px 0 0 20px;
	margin: 0;
}

ol.nav li {
	float:left;
	margin: 0px 5px 0px 5px;
	font-weight: bold;
	position: relative;
	padding-bottom: 34px;
}

ol.nav li:hover {
	background: #aeaeae;
	color: #8B8D8E;

}

ol.nav li a { 
	text-decoration: none; color: #FFF;
	padding: 10px 10px 10px 10px;
	display: block;
}

ol.nav li a:hover {
	color: #C60c30;
}

ol.nav li.current {background: url(../images/current-nav.png) center bottom no-repeat;}

ol.nav li.current.active {background: url(../images/current-nav.png) center 56px no-repeat;}

ol.nav li.current.active:hover, ol.nav li.current:hover {
	background: #aeaeae;
	color: #8B8D8E;
}

ol.nav li ul {
	position: absolute;
	background: #aeaeae;
	width: 400px;
	position: absolute; left: 0; z-index: 100; display: none;

	}
	
ol.nav li.publications ul {
	width: 640px;
	position: absolute; left: -100px; z-index: 100; display: none;
}

ol.nav li.media ul {
	width: 320px;
	position: absolute; left: 0px; z-index: 100; display: none;
}

ol.nav li:hover ul {
	padding: 6px 0 7px 0;
}

ol.nav li ul li {margin: 0; float: left; padding: 0;}
ol.nav li ul li a { color: #FFF; font-size: 12px; line-height: 13px; text-shadow: none;
	display: block;
	padding: 4px 10px ;
}


/* =CONTENT parts?
************************************************************************/


.wrapper {
	width: 960px;
	margin: 0 auto;
	clear: both;
}


.masthead  {
	position: relative;
	float: left;
	width: 100%;
	background: #8B8D8E url(../images/masthead.gif) left top repeat-x;
	/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AFB1B3), to(#8B8D8E)) ;
	background: -moz-linear-gradient(0% 100% 90deg,#8B8D8E, #AFB1B3);*/
	padding-top: 10px;
}

p.breadcrumb {
	text-align: right;
	padding: 10px;
}

/*.masthead .wrapper {background: url(../images/head-grad.png) no-repeat -50px -100px;}*/


/* =CONTENT parts?
************************************************************************/




/*content */

.page {float: left; padding: 0px 0 30px; position: relative;}
.page.search {float: left; padding: 30px 0 30px; position: relative; width:960px;}

.page h1 {
	width: 540px;
	padding: 0 0 20px 150px;
}

.page h1.hasimage {
	width: 540px;
	padding: 0 0 20px 250px;
}
.page h2 {
	padding: 0 0 0 10px;
}

/*.page a {text-decoration: underline;}*/



.pictures {
	float: left;
	width: 220px;
	margin: 0 10px;
	padding: 0 0 10px 0;
}

.pictures { position: relative;}
.pictures img {border: 9px solid #F1F1F1; float: right; clear: both;}

.pictures blockquote { clear: both; }

.pictures a {
	display: block;
	position: relative;
	float: right;
}
.pictures a span {
	display: block;
	background: url(../images/buy_now.png) left 1px no-repeat;
	width: 129px;
	height: 50px;
	position: absolute;
	bottom: 30px;
	left: -15px;
	text-indent: -9999em;
}
.pictures a span:hover {
	background: url(../images/buy_now.png) top left no-repeat;
}

.content {
	float: left;
	width: 460px;
	min-height: 250px;
	margin: 0 10px;
	font-size: 1em;
	font-family: Verdana, helvetica, arial, sans-serif;
	padding: 0 0 0 140px;
}

.content.hasimage, body#contact .content {
	padding: 0;
}

.content a { text-decoration: underline;}

.content blockquote p { font-size: 13px; color: #8B8D8E; line-height: 1.4em; padding: 0 0 0 20px; text-indent: 0px; border-left: 2px solid; margin: 15px 0;}
.content blockquote cite { font-size: 9px; font-style: normal; font-family: Verdana, Helvetica, sans-serif; clear: both; float: left; padding: 7px 0 7px 0;}

blockquote.quote-one p { font-size: 13px; padding: 15px 0 0 0; text-align: right;}

.content ul { padding-left: 20px;} 
.content ul li {list-style: disc outside;} 
.content ol {padding-left: 20px;} 
.content ol li {list-style: decimal outside;}


/*=Default */

.intro {
	padding: 35px 0 20px 0;
	width: 940px;
	border-bottom: 3px solid #F0F0F0;
	margin: 0 10px 20px 10px;
		}

.intro img {
	float: left;
	padding: 0 25px 0 0;
}

ul#frontpage-news {
	width: 220px;
	padding: 0 25px 0 10px;
	float: left;
}

ul#frontpage-news li {
	float: left;
	clear: both;
}



ul.articles {
	float: left;
	width: 960px;
}

h3 a {
	margin-left: 10px;
	font-size: 22px;
}

ul.articles li {
	float: left;
	width: 260px;
	padding: 20px;
	margin: 10px;
	min-height: 150px;
	background: #F0F0F0 url(../images/corner.png) top right no-repeat;
}

ul.articles li:nth-child(4),
ul.articles li:nth-child(7),
ul.articles li:nth-child(10),
ul.articles li:nth-child(13),
ul.articles li:nth-child(16),
ul.articles li:nth-child(19),
ul.articles li:nth-child(22),
ul.articles li:nth-child(25)
 {
	clear:both;
	float: left;
}

ul.articles li.future {
	background: #AA1948;
	color: #FFF;
}

ul.articles li h4 {
	margin: 0 0 4px 0;
	font-size: 15px;
}

ul.articles li.future a{
	color: #FFF;
}

ul.articles li img, body#publications .page ol li img, .split ul li img {
	float: left;
	padding: 0px 10px 10px 0;

}

.split {
	with:480px;
	float: left;
}

.split ul li {
	float: left;
	width: 440px;
	margin: 10px 30px 10px 10px;
	min-height: 150px;
	clear: both;
	display: block;
}


.inner-nav {
	float: left;
	width: 160px;
	padding: 0 0 10px 47px;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;

}


.inner-nav .trigger a {  color: #AA1948; padding: 4px 0 0 24px; display: block; float: left; width: 100px; height: 19px; background: url(../images/buttons.png) -100px top no-repeat;}
.inner-nav .trigger a:hover, .inner-nav .trigger a.expanded  { background: url(../images/buttons.png) -100px -100px no-repeat; color: #FFF;}
.inner-nav .trigger a:active { top: 2px;}

.inner-nav .trigger a:active { top: 2px;}

.inner-nav .prev a { display: block; float: left; width: 35px; height: 22px; padding: 2px 0 0 22px;background: url(../images/buttons.png) -100px -23px no-repeat; clear: both;}
.inner-nav .prev a:hover { background: url(../images/buttons.png) -100px -123px no-repeat;}
.inner-nav .prev a:active { top: 2px;}

.inner-nav .next a { display: block; float: left; width: 35px; padding: 2px 22px 0 8px; height: 22px; background: url(../images/buttons.png) -157px -23px no-repeat;}
.inner-nav .next a:hover { background: url(../images/buttons.png) -157px -123px no-repeat;}
.inner-nav .next  {
	color: #ccc;
}

.int-nav {
	clear: both;
	float: left;
	width: 180px;
	padding: 0 0 10px 410px;
	font-size: 11px;
}

.int-nav .older a { 
	display: block;
	float: left;
	width: 44px; height: 24px;
	padding: 4px 2px 0 22px;
	background: url(../images/buttons.png) -400px 0px no-repeat; }
.int-nav .older a:hover {
	background: url(../images/buttons.png) -400px -100px no-repeat;
}

.int-nav .newer a { display: block; float: left; width: 35px; padding: 4px 22px 0px 8px; height: 22px; background: url(../images/buttons.png) -468px 0px no-repeat;}
.int-nav .newer a:hover { background: url(../images/buttons.png) -468px -100px no-repeat;}
.int-nav .newer  {
	color: #ccc;
}

.int-nav .older a:active, .int-nav .newer a:active { position: relative; top: 1px;}


.extra {
	float: left;
	width: 220px;
	padding-left: 20px;
}

.extra ul {
	margin-top: 15px;
}

.extra h4, .extra p {
	padding: 0 0 0 30px;
}

object#audioplayer1 {
	margin: 0 0 15px 0;
	clear: both;
	display: block;
}

.podcast-download {
	clear: both;
	display: block;
}

a[href$='.pdf'] {display:block; padding: 4px 0 1em 30px; background:transparent url(../spirit20/file-pdf.png) left 4px no-repeat; }
a[href$='.doc'] {display:block; padding: 4px 0 1em 30px; background:transparent url(../spirit20/file-doc.png) left 4px no-repeat; }
a[href$='.docx'] {display:inline-block; padding: 4px 0 1em 30px; background:transparent url(../spirit20/file-doc.png) left 4px no-repeat; }
a[href$='.jpg'] {display:inline-block; padding: 4px 0 1em 30px; background:transparent url(../spirit20/file-jpg.png) left 4px no-repeat; }
a[href$='.txt'] {display:inline-block; padding: 4px 0 1em 30px; background:transparent url(../spirit20/file-txt.png) left 4px no-repeat; }
a[href$='.ppt'] {display:inline-block; padding: 4px 0 1em 30px; background:transparent url(../spirit20/file-ppt.png) left 4px no-repeat; }
a[href$='.xls'] {display:inline-block; padding: 4px 0 1em 30px; background:transparent url(../spirit20/file-xls.png) left 4px no-repeat; }
a[href$='.zip'] {display:inline-block; padding: 4px 0 1em 30px; background:transparent url(../spirit20/file-zip.png) left 4px no-repeat; }

a#url {display:inline-block; padding: 4px 0 1em 30px; background:transparent url(../spirit20/browser-globe.png) left 4px no-repeat; }

.share {
	clear: both;
	padding: 10px 0 15px 0px;
	font-size: 11px;
}

.filed {
	clear: both;
	padding: 0 0 5px 0;
	font-size: 11px;
}

body#about .info {
	float: left;
	width: 460px;
	padding-left: 150px;
}

body#about .info h1 {
	padding: 0;
}

body#about .pictures {
	padding: 30px 0 0 0;
}


/* publications */

body#publications .page {
	width: 960px;
	float: left;
}

body#publications .page ol {
	float: left;
	width: 420px;
	padding: 0 20px;
	margin: 10px;
	min-height: 200px;
	background: #F0F0F0;
}
body#publications .page ol li {
	clear: both;
	padding-bottom: 30px;
}


/* talks */

p.talk-date {
	font-weight: bold;
}


/* FOOTER */


#footer {
	width: 940px;
	margin: 20px auto 30px auto;
	border-top: 5px solid #F0F0F0;
	clear: both;
}

#footer h4 {font-size: 13px; margin-bottom: 1em;}
#footer h4 a { color: #333;}
#footer h4 a:hover { color: #AA1948;}


#footer .search,
#footer .publications,
#footer .notebook,
#footer .talks {
	width: 220px;
	float: left;
	margin: 30px 10px 10px 10px;
	padding-bottom: 60px;
}

#footer .search {margin: 30px 10px 30px 0px;}
#footer .talks {margin: 30px 0px 30px 10px;}

#footer ul {float: left;}

#footer .search form {
	padding-bottom: 40px;
}

#footer .search input {
	width: 182px;
	padding: 8px 30px 8px 8px;
	background: ;
	border: 0;
	font-size: 1.2em;
	-moz-box-shadow: 2px 2px 2px #999 inset ;
	-webkit-box-shadow: 2px 2px 2px #999 inset ;
	box-shadow: 2px 2px 2px #999 inset ;
	background: #F0F0F0 url(/images/search.png) 194px center no-repeat;
}

.copyright {
	padding: 15px 0 0 0;
	border-top: 5px solid #F0F0F0;
}

#footer ul li {
	float: left;
	padding: 0 0 10px 0;
}
#footer ul li a {
	line-height: 1.4em;
	display: block;
}


/* =SEARCH
************************************************************************/
div#search {
	background: url(../images/search.gif) no-repeat left top;
	padding: 0 0 0 20px;
	position: absolute;
	top: 35px;
	right: 0px;
}

#masthead form input {
	border: 1px solid #CCCCCC;
	width: 150px;
	height: 16px;
	padding: 2px;
	font-size: 14px;
}




/* =COMMENTS
*************************************************************************/

#comments {width: 450px; padding: 0 0 0 20px;}
.comments-wrapper p { padding: 0 0 7px 0;}
fieldset {
	border:none;
	display:inline;
	padding:0px;
	width:inherit;
}

#comments li {padding: 0 0 20px 0;}
p.commenter {font-family: Georgia, Times, serif; font-size: 11px; padding-bottom: 3px; }

/*
#name, #email, #web {
	background:#FFFFFF;
	color:#333333;
	font-size:11px;
	padding:2px 0;
	width:285px;
	border: 1px solid #CCCCCC;
	display: block;
}*/

form input.comment_name_input, form input.comment_email_input, form input.comment_web_input, .comments-wrapper textarea {
	display:block;
	width:285px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #CCCCCC;
	clear: both;
	font-size:12px;
	padding:3px 0 3px 2px;
}


#txpCommentPreview {clear: both; float: left;}
#txpCommentSubmit {float: left; margin-left: 10px;}
/*#txpCommentInputForm label, .zemSelect {
	font-size:13px;
	font-weight:bold;
	padding: 0 0 2px 0;
	clear: both;
	float: left;
}*/

.zemSubmit {
	margin: 5px 0px;
	font-size:11px
}


/* =CONTACT FORM
*************************************************************************/

.vcard {
	float: left;
	width: 400px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.vcard h4 {
	margin: 25px 0 0 0;
}

.fn {
}

.pref {
	font-size: 14px;
}

.org, .locality, .postal-code, .country-name, .web {
	clear: both;
	display: block;
}


form label.zemText,
form label.zemTextarea {
	clear: both;
	margin: 0.6em 0 0.1em 0;
	display: block;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.zemError { color: #FF0000; margin-bottom: 20px;}
input.zemText, textarea.zemTextarea {
	width: 85%;
}

input.zemText,
textarea.zemTextarea,
input#saddr {
	background: #FFF ;
	border: 1px solid #CCC;
	padding: 4px 5px 3px 5px;
	margin-bottom: 3px;
	color: inherit;
	font-size: 15px;
	font-family: Verdana, Helvetica, Arial, sans-serif;

}

input.zemSubmit {
	clear:both;
	display: block;
}



#contact #form label.zemRequired {
	background: url(../images/required.png) right center no-repeat;
	padding-right: 62px;

}

label.zemRadio { 
	margin-right: 15px;
}



input#saddr {
	width: 250px;
}

#find-us input { float: left;}

.zemCheckbox {padding-right: 5px;}


/* =SLIDER
**************************************************************************/


/*  */

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

	.related-slider {width: 100%; float: left; background: #666;}
	.coda-slider-wrapper.related { margin: 0 auto; position: relative; width: 940px; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.related .coda-slider, .related .coda-slider .panel { width: 800px; } 
	.twitter .coda-slider, .twitter .coda-slider .panel { width: 820px; } 
	.books .coda-slider, .books .coda-slider .panel { width: 630px; min-height: 180px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.related .coda-slider-wrapper.arrows .coda-slider, .related .coda-slider-wrapper.arrows .coda-slider .panel { width: 805px;  }
	.related .panel li {width: 140px; margin: 0 10px; float: left;}

	.twitter .coda-slider-wrapper.arrows .coda-slider, .twitter .coda-slider-wrapper.arrows .coda-slider .panel { width: 805px;  }

	
	.related.coda-slider-wrapper.arrows .coda-slider { margin: 0 0 0 60px; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { color: #fff; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }


.coda-nav-left a, .coda-nav-right a:focus {}

ul#related { max-height: 200px;}
.related {padding: 20px 0;}

.related .coda-nav-left a, .related .coda-nav-right a {
	width: 30px; height: 30px;
	text-indent: -9999em;
	
	}
	
.related .coda-nav-left {position: absolute; left: 0; top: 60px;}
.related .coda-nav-left a { background: url(../images/buttons.png) top left no-repeat;}	
.related .coda-nav-left a:hover { background: url(../images/buttons.png) left -100px no-repeat;}
.related .coda-nav-left a:active { background: url(../images/buttons.png) left -100px no-repeat; }

.related .coda-nav-right { position: absolute; right: 0; top: 60px;	}
.related .coda-nav-right a { background: url(../images/buttons.png) -32px top no-repeat;}	
.related .coda-nav-right a:hover { background: url(../images/buttons.png) -32px -100px no-repeat;}
.related .coda-nav-right a:active { background: url(../images/buttons.png) -32px -100px no-repeat; }
	
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

	/* typography */

	.related h4 a {
	font-size: 12px;
	color: #FFF;
	line-height: 1.3em;
	}
	.related h4 a:hover {
	text-decoration: underline;
}
	.related h4 a:visited {
	color: #B5B5B5;
}
	.related p {
	color: #999;
	line-height: 1.2em;
	}
	
	
	
ul#twitter {margin-bottom: 0; max-height: 45px;}
.twitter { width: 900px; float: right; color: #FFF;}
.twitter a {color: #CCC;}
.twitter a:hover {color: #FFF; text-decoration: underline;}

.twitter .coda-nav-left a, .twitter .coda-nav-right a {
	width: 25px; height: 30px;
	text-indent: -9999em;
	}
	
	.twitter .coda-nav-left{
	margin-left: 20px;
}

.twitter .coda-nav-left a { background: url(../images/buttons.png) -300px top no-repeat;}	
.twitter .coda-nav-left a:hover { background: url(../images/buttons.png) -300px -100px no-repeat;}
.twitter .coda-nav-left a:active { background: url(../images/buttons.png) -300px -100px no-repeat; }

.twitter .coda-nav-right { }
.twitter .coda-nav-right a { background: url(../images/buttons.png) -325px top no-repeat;}	
.twitter .coda-nav-right a:hover { background: url(../images/buttons.png) -325px -100px no-repeat;}
.twitter .coda-nav-right a:active { background: url(../images/buttons.png) -325px -100px no-repeat; }

#twitter-wrap {width: 100%; padding: 10px 0 10px 0; background: #8B8D8E; clear: both; position: fixed; left: 0px; bottom:0px;}
#twitter-wrap-again {margin: 0 auto; width: 960px; }

.followme {width: 40px; padding:0 10px 0 10px; float: left;}
.followme a { display:block;}



/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.related .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.related .coda-nav ul li { display: inline }
	.related .coda-nav ul li a {
		background: url(../images/silder-nav.png) top left no-repeat; 
		color: #fff;
		display: block;
		float: left;
		margin-right: 1px;
		width: 6px; height: 6px;
		margin: 2px;
		text-decoration: none;
		text-indent: -9999em;
}

	.related .coda-nav ul li a.current, .related .coda-nav ul li a:hover {background: url(../images/silder-nav.png) left -20px no-repeat; }

	
	/* Miscellaneous */
	.coda-slider-wrapper { overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

	
	
	/* =Books */
	
	div.books {
	padding: 20px 24px 0 34px;
	border-left: 3px solid #F0F0F0;	
	width: 630px;
	min-height: 195px;
	position: relative;
}
	
	ul#books li {
		float: left;
		width: 100px;
		padding: 0 12px;
	}
	
		ul#books li a {
		padding: 5px;
		display: block;
		float: left;
	}
	
		ul#books li a:hover {
		background: #F0F0F0;
		}
		
	
	.books .coda-nav-left a, .books .coda-nav-right a {
	width: 30px; height: 30px;
	text-indent: -9999em;
	
	}
	
.books .coda-nav-left {position: absolute; left: 10px; top: 82px;}
.books .coda-nav-left a { background: url(../images/buttons.png) top left no-repeat;}	
.books .coda-nav-left a:hover { background: url(../images/buttons.png) left -100px no-repeat;}
.books .coda-nav-left a:active { background: url(../images/buttons.png) left -100px no-repeat; }

.books .coda-nav-right { position: absolute; right: 0; top: 82px;	}
.books .coda-nav-right a { background: url(../images/buttons.png) -32px top no-repeat;}	
.books .coda-nav-right a:hover { background: url(../images/buttons.png) -32px -100px no-repeat;}
.books .coda-nav-right a:active { background: url(../images/buttons.png) -32px -100px no-repeat; }
	
	
/* =SIFR
**************************************************************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 50px;
	letter-spacing: -12px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

.coda-slider-wrapper
{
	overflow: hidden;
}

.coda-nav-left a,
.coda-nav-right a
{
	outline: none;	
}