/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
							{ margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
blockquote, q				{ quotes: none; }
a							{ text-decoration: none; }
a:active					{ outline: 0; }
a img						{ border: 0; }
/* remember to define focus styles! */
ins							{ text-decoration: none; }
del							{ text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table						{ border-collapse: collapse; border-spacing: 0; }
.clear						{ clear: both; }
/* new clearfix */
.clearfix:after				{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/*Utility*/
 /** { outline: 1px solid #faa; }*/

/*Basics*/
html						{  }
body						{ background: #000; color: #888; font-family: Verdana, Arial, sans-serif; font-size: 14px; line-height: 20px; height: 100%; }
h1, h2, h3,
h4, h5, h6					{ font-family: Verdana, Arial, sans-serif; margin: 0 0 20px 0; color: #fff; font-weight: normal; font-style: normal; }
h2							{ font-size: 32px; line-height: 36px; }
h3							{ font-size: 28px; line-height: 34px; }
h4, h5						{ font-size: 22px; line-height: 28px; }
em, i						{ font-style: italic; }
strong, b					{ font-weight: bold; }
a							{ color: #54a8c5; border-bottom: 3px solid #000; }
a:hover, a:focus, a:active	{ color: #6cd9ff; border-bottom: 3px solid #6cd9ff; }
.button						{ margin: 0 0 20px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 3px #54a8c5; -moz-box-shadow: 0 0 3px #54a8c5; box-shadow: 0 0 3px #54a8c5; display: block; float: left; border: 1px solid #274e5b; font-size: 16px; background: url(../images/shine.png) repeat-x 0 50%; }
.button:hover, .button:focus,
.button:active				{ border: 1px solid #54a8c5; -webkit-box-shadow: 0 0 10px #6cd9ff; -moz-box-shadow: 0 0 10px #6cd9ff; box-shadow: 0 0 10px #6cd9ff; }
p							{ margin: 0 0 20px 0; }
ul							{ list-style: square; margin: 0 0 20px 16px; }
blockquote					{ padding: 0 40px 0 20px; font-style: italic; }
#wrap						{ margin: 60px auto 0; padding: 0 0 0 40px; width: 920px; height: 100%; }

/*Header*/
#header						{ background: #000 url(../images/header-top.jpg) repeat-x fixed 0 0; overflow: hidden; }
#logo						{ background: url(../images/header.jpg) no-repeat fixed top center; height: 236px; text-indent: -9999px; margin: 0; }
#image-bar					{ background: url(../images/image-bar.jpg) repeat-x -250% 0; height: 96px; -webkit-box-shadow: 0 -5px 50px #000; -moz-box-shadow: 0 -5px 50px #000; box-shadow: 0 -5px 50px #000; }

/*Content*/
.description				{ float: left; width: 550px; }
#book						{ float: left; margin: 0 0 30px; padding: 0 0 0 20px; }
#book h2					{ background: url(../images/book-title.jpg) no-repeat -8px 0; text-indent: -9999px; border-bottom: 2px solid #b3c8d1; height: 46px; line-height: 46px; width: 540px; position: relative; }
#book h2 span				{ position: absolute; height: 2px; background: #b3c8d1; right: 100%; top: 46px; width: 9999px; }
#book-link					{ float: left; height: 327px; background: url(../images/spotlight.jpg) no-repeat top center; }
#book-link:hover			{ background: url(../images/spotlight.jpg) no-repeat bottom center; }
#dvd						{ clear: both; margin: 0 0 50px; float: left; padding: 0 0 0 20px; width: 815px; }
#dvd h2						{ background: url(../images/dvd-title.jpg) no-repeat -8px 0; text-indent: -9999px; border-bottom: 2px solid #b3c8d1; height: 46px; line-height: 46px; margin: 0; width: 815px; }
#dvd .description			{ border-right: 2px solid #b3c8d1; padding: 20px 20px 0 0; width: 530px; }
/*#dvd h2 span				{ position: absolute; height: 2px; background: #b3c8d1; left: 100%; top: 46px; width: 9999px; }*/
#dvd-link					{ float: left; height: 312px; margin: 20px 0 0 -87px; background: url(../images/spotlight.jpg) no-repeat top center; }
#dvd-link:hover				{ background: url(../images/spotlight.jpg) no-repeat bottom center; }
.product					{ width: 350px; display: block; border: none; }
.product:hover				{ border: none; }
.product img				{ display: block; margin: 0 auto; padding: 8px 0 0; position: relative; }
.product:hover img			{ padding: 0; opacity: 0.9; }
#conference					{ clear: both; border-left: 2px solid #b3c8d1; padding: 0 80px 0 20px; margin: 0 0 50px; }
#conference h3				{ margin: 0; }
#conference h5				{ color: #aaa; font-style: italic; }
#articles					{ border-right: 2px solid #b3c8d1; padding: 0 20px 0 22px; margin: 20px 20px 0 0; float: left; width: 500px; }
#articles h4				{ margin: 0 0 5px; }
#resource					{ float: left; width: 280px; margin: 20px 0 30px; }
#journal					{ float: left; width: 280px; }

/*Footer*/
#footer						{ padding: 50px 0 0; text-align: center; font-size: 12px; clear: both; }

/*Transitions*/
a							{ -webkit-transition-property: color, border, -webkit-box-shadow; -webkit-transition-duration: .5s, .5s, .5s; -webkit-transition-timing-function: ease-in, ease-in, ease-in; }
.product img				{ -webkit-transition-property: padding; -webkit-transition-duration: .4s; -webkit-transition-timing-function: ease-out; }
.product:hover img	{
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: moving;
	-webkit-animation-duration: 7s; }
@-webkit-keyframes moving {
	0% { -webkit-transform: rotate(-1deg); left: 0px; top: 0px; }
	20% { -webkit-transform: rotate(2deg); left: 4px; top: -4px; }
	40% { -webkit-transform: rotate(-2deg); left: 6px; top: -3px; }
	60% { -webkit-transform: rotate(1deg); left: 2px; top: 1px; }
	80% { -webkit-transform: rotate(-2deg); left: -6px; top: 2px; }
	100% { -webkit-transform: rotate(-1deg); left: 0px; top: 0px; }
	}
a							{ -moz-transition-property: color, border, -moz-box-shadow; -moz-transition-duration: .5s, .5s, .5s; -moz-transition-timing-function: ease-in, ease-in, ease-in; }
.product img				{ -moz-transition-property: padding; -moz-transition-duration: .4s; -moz-transition-timing-function: ease-out; }
.product:hover img	{
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-name: moving;
	-moz-animation-duration: 7s; }
@-moz-keyframes moving {
	0% { -moz-transform: rotate(-1deg); left: 0px; top: 0px; }
	20% { -moz-transform: rotate(2deg); left: 4px; top: -4px; }
	40% { -moz-transform: rotate(-2deg); left: 5px; top: -3px; }
	60% { -moz-transform: rotate(1deg); left: 2px; top: 1px; }
	80% { -moz-transform: rotate(-2deg); left: -5px; top: 2px; }
	100% { -moz-transform: rotate(-1deg); left: 0px; top: 0px; }
	}
a							{ -o-transition-property: color, border, box-shadow; -o-transition-duration: .5s, .5s, .5s; -o-transition-timing-function: ease-in, ease-in, ease-in; }
.product img				{ -o-transition-property: padding; -o-transition-duration: .4s; -o-transition-timing-function: ease-out; }
.product:hover img	{
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-name: moving;
	-o-animation-duration: 7s; }
@-o-keyframes moving {
	0% { -o-transform: rotate(-1deg); left: 0px; top: 0px; }
	20% { -o-transform: rotate(2deg); left: 4px; top: -4px; }
	40% { -o-transform: rotate(-2deg); left: 5px; top: -3px; }
	60% { -o-transform: rotate(1deg); left: 2px; top: 1px; }
	80% { -o-transform: rotate(-2deg); left: -5px; top: 2px; }
	100% { -o-transform: rotate(-1deg); left: 0px; top: 0px; }
	}