/* Globals */
* {	margin: 0px; padding: 0px; border: none; list-style: none; outline: 0; }
body { background: #160e12 url(../img/logo.jpg) no-repeat center -20px; font: 62.5% "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif; letter-spacing: -0.02em; overflow-x: hidden; }
a { text-decoration: none; outline: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a:active { outline: none; }

/* Contact */
#contactdetails { float: right; margin-right: 30px; position: relative; top: -10px; }
#contactdetails a { width: 131px; height: 31px; display: block; background: url(../img/contact.png) 0px 0px; text-indent: -9999px; }
#contactdetails a:hover { background: url(../img/contact.png) 0px -31px; text-indent: -9999px; }
#phonenumber { float: right; clear: both; color: #FFF; font-size: 1.4em; margin-right: 30px; }
#phonenumber a { color: #FFF; }

/* Footer */
#footer { clear: both; }
#footer p { color: #FFF; font-size: 1.2em; text-align: center; line-height: 100%; margin: 1.5em 0; }
#footer a { color: #FFF; text-decoration: underline; }
#footer a:hover { color: #FFF; text-decoration: none; }

/* Structure */
#contact { border-top: 15px solid #731B51; }
#contactcontainer, #footercontainer, #quotecontainer, #leftspeechcontainer, #rightspeechcontainer, #biocontainer, #back { width: 950px; margin: 0 auto; }
#content { width: 950px; height: 663px; background: url(../img/speech.png) no-repeat; margin: 0 auto; position: relative; margin-top: 90px; }
#intro { width: 600px; margin: 0 auto; position: relative; top: 110px; text-align: center; }
#terms { width: 950px; margin: 0 auto; position: relative; margin-top: -78px; }
#termscontent { background: url(../img/termsbg.png) no-repeat; float: left; margin-bottom: 1.5em; padding: 150px 150px 50px 150px  }
#inside, #out, #bio { width: 300px; position: absolute; top: 390px; z-index: 10 }
#inside { left: 110px; }
#out { left: 540px; }
#backclick { display: block; width: 220px; height: 168px; text-indent: -9999px; overflow: hidden; z-index: 100; position: relative; }

/* Typography */
#intro p { font-size: 1.6em; line-height: 120%; margin-bottom: 0px; }
#intro a { color: #721B51; text-decoration: underline; font-weight: bold; }
#intro a:hover { color: #721B51; text-decoration: none; }
#intro h1, #termscontent h1 { color: #721B51; font-size: 2.5em; margin-bottom: 0px; }
#bio p, #inside p, #out p, #quotes p, #contactform p, #leftspeech p, #rightspeech p, ul { font-size: 1.4em; color: #FFF; }
#termscontent p, #termscontent ul { font-size: 1.4em; color: #000; margin-bottom: 1.4em; }
li { list-style: disc; margin-left: 1.5em; }
ul { margin-bottom: 1.4em; }
#termscontent h2 { font-size: 1.6em; }
#quotes h2 { color: #FFF; font-size: 2em }
#leftspeech h1, #rightspeech h1, #contactform h1, #bio h1 { color: #FFF; font-size: 2.5em; }
#leftspeech h2, #rightspeech h2, #inside h2, #out h2, #bio h2 { color: #FFF; font-size: 1.8em; }
#leftspeech p, #rightspeech p, #bio p { margin-bottom: 1.4em; }
#leftspeech a, #rightspeech a, #bio a { color: #FFF; text-decoration: underline; }

/* Buttons */
.findoutmore { position: relative; top: 5px; left: -10px; }
.findoutmore a { width: 94px; height: 31px; display: block; background: url(../img/findoutmore.png) 0px 0px; text-indent: -9999px; }
.findoutmore a:hover { background: url(../img/findoutmore.png) 0px -31px; text-indent: -9999px; }
.cta { position: relative; top: 0px; left: -10px; }
.cta a { width: 100px; height: 31px; display: block; background: url(../img/cta.png) 0px 0px; text-indent: -9999px; }
.cta a:hover { background: url(../img/cta.png) 0px -31px; text-indent: -9999px; }
.bioclick { left: 264px; top: 5px; position: relative;  }
.bioclick a { width: 69px; height: 31px; display: block; background: url(../img/bioclick.png) 0px 0px; text-indent: -9999px; }
.bioclick a:hover { background: url(../img/bioclick.png) 0px -31px; text-indent: -9999px; }

/* Quotes */
#quotes { background: url(../img/quotesbg.png) repeat-y; padding-bottom: 1.5em; margin-bottom: 1.5em; float: left; width: 950px; }
#quotes img { margin-left: 10px; margin-bottom: -10px; clear: both; float: right; }
.left, .middle, .right { width: 225px; float: left; padding-left: 35px; padding-bottom: 1em; margin-right: 40px; margin-left: 15px; background: url(../img/quotel.png) no-repeat top left; }
.middle p, .middle h2 { color: #000!important; }
.left { background: url(../img/quoteldark.png) no-repeat top left!important; }

/* Animation */
#contactform { display: none; width: 537px; height: 342px; background: url(../img/contactform.png); position: absolute; z-index: 1002; margin-left: 170px; margin-top: 10px; padding: 75px 50px 50px 50px; }
#leftspeech, #rightspeech, #bio { display: none; width: 583px; background: url(../img/long.png) no-repeat; position: absolute; z-index: 1002; top: 120px; margin-left: 130px; padding: 50px 50px 0px; }
#overlay { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; min-height: 100%; background: url(../img/overlay.png); z-index: 100; }
.bottom { background: url(../img/bottom.png); width: 683px; height: 91px; clear: both; position: relative; left: -50px; top: 80px; }

/* Form */
#contactform form { margin-top: 1.5em; }
#contactform input { float: right; width: 330px; height: 20px; margin: 0 80px 0.2em 0!important; font-size: 1em; line-height: 100%; color: #666; background: url(../img/field.png) no-repeat; padding: 2px 2px 2px 10px; text-align: left!important }
#contactform textarea { float: right; width: 316px; height: 132px; margin: 0 88px 0.2em 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 100%; color: #666; background: url(../img/textarea.png) no-repeat; padding: 9px 9px 9px 9px!important; text-align: left!important; overflow: hidden; }
#contactform p { line-height: 200%; clear: both; }
#contactform button { width: 75px; height: 22px; background: url(../img/send.png) no-repeat; text-indent: -9999px; float: right; clear: both; margin: 0.4em 88px 0.2em 0!important;  }
#contactform label { float: left; width: 7em; }
#alldone { width: 450px; }

/* Close */
#closecontact { background: url(../img/close.png); width: 16px; height: 16px; text-indent: -9999px; display: block; position: absolute; top: 60px; left: 15px; cursor: pointer; }
#closeleft, #closeright, #closebio { background: url(../img/close.png); width: 16px; height: 16px; text-indent: -9999px; display: block; position: absolute; top: 15px; left: 15px; cursor: pointer; }