/* 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; }
 }