#wrapper { width: 85%; margin: 0 auto; position: relative; }

#wrapper h1 { width: 350px; height: 100px; position: absolute; top: 0px; left: -7px; }
#wrapper h1 a { display: block; width: 350px; height: 100px; background: url(../images/h1Logo.png) left top no-repeat; text-indent: -19999px; }
#wrapper h1 a:focus { outline: none; }

#content { width: 100%; padding: 100px 0 50px 0; overflow: hidden;  }
#content h2 { font-size: 2.4em; font-weight: normal; margin: 0 0 15px 0; }
#content h3 { font-size: 2.0em; line-height: 28px; font-weight: normal; }
#content p { font-size: 1.2em; line-height: 18px; margin: 0 0 20px 0; }

#content .images { width: 62%; float: right; }
#content .infos { width: 38%; float: left; }
#content .infos .information { padding: 50px 50px 0 0; }

#content .information blockquote { color: #C0C0C0; font-size: 1.8em; font-weight: normal; padding: 0 0px 0 10px; }
#content .information cite { display: block; text-align: right; font-size: 1.2em; padding: 0 10px 16px; }

#content .contentGroup { width: 100%; margin: 0 0 18px 0; overflow: hidden; }
#content .movieGroup { padding: 5px; background: #000000; }
#content .imageGroup { width: 100%; height: 150px; overflow: hidden; position: relative; }

#content .contentGroup .buttons { width: 100%; padding: 2px 0 0 0; overflow: hidden; }
#content .contentGroup .buttons a { background: #3F3F3F; float: left; display: block; margin: 0 2px 0 0; text-align: center; padding: 0 10px 3px; font-size: 1.2em; color: #F1F1F1; text-decoration: none; }
#content .contentGroup .buttons a:hover { background: #CB2028; color: #F1F1F1; }
#content .contentGroup .buttons a:focus {  }


#content .imageGroup ul { display: block; position: absolute; top: 0px; left: 0px; height: 150px; overflow: hidden; background: #000000; }
#content .imageGroup ul li { display: block; float: left; padding: 0 2px 0 0; height: 150px; overflow: hidden; }

#content .imageGroup ul li a { opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; display: block; float: left; height: 150px; }
#content .imageGroup ul li a:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }

#footer { background: #3A3A3A; position: absolute; bottom: 0px; left: 0px; width: 100%; }
#footer ul { list-style-type: none; overflow: hidden; width: 85%; margin: 0 auto; }
#footer ul li { width: 45%; float: left; display: block; font-size: 1.1em; overflow: hidden; }
#footer ul li.rightFooter { float: right; }

#footer span { display: block; padding: 10px 0; float: left; }
#footer a { display: block; padding: 10px 20px; background: #242423; color: white; text-decoration: none; float: right; }
#footer a:focus, 
#footer a:hover { text-decoration: underline; }