* { margin: 0; padding: 0;}

body { background: #ffffff url(../images/bg_main.gif) top repeat-x; font-family: arial, helvetica, verdana, sans-serif; color: #6c645a; font-size: 62.5%;}

h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif;}

h1 { display: block; float: left; text-indent: -999999em; background: url(../images/logo.gif) no-repeat; width: 272px; height: 38px; margin: 98px 0 0 0;}

h2 { font-size: 2.5em; color: #b7c526; font-weight: normal; margin-right: 325px; margin-bottom: 20px;}

a { color: #b7c526;}

ul, ol { list-style: none;}

hr { border: none; background: #b7c526; height: 1px; margin: 0 27px 15px 27px; float: left; clear: both; width: 574px;}

#wrapper { width: 1024px; margin: 0 auto; }
#header { width: 1024px; float: left;}

#globalNav  { float: right; padding-right: 201px; margin-bottom: 0; }

#globalNav li { display: inline; height: 40px; line-height: 40px; }
#globalNav li a:link, #globalNav li a:visited { float: left; padding: 0 10px; font-size: 1.1em; font-weight: bold; color: #4c4c4c; text-transform: uppercase; text-decoration: none; }
#globalNav li a:hover, #globalNav li.selected a:link, #globalNav li.selected a:visited { color: #fff; background: #f80011 url(../images/bg_nav_on.gif) no-repeat center; }

#container { width: 1024px; float: left; background: url(../images/bg_body.gif) top left repeat-y; position: relative; margin-top: 54px; }

#container #gyroman { position: absolute; right: 288px; top: -130px;}

#main { width: 630px; background: url(../images/bg_main_top.gif) top left no-repeat; padding: 35px 212px 0 182px; overflow: hidden;}

#info { padding: 0 15px 0 12px; float: left; width: 603px;} 
#info h4 { font-size: 1.3em;}
#info p { font-size: 1.3em; margin-bottom: 20px;}

#survey { background: #f3f3f3 url(../images/bg_survey_bottom.gif) bottom left repeat-x; width: 628px; float: left; border-left: 1px solid #d6d4d1; border-right: 1px solid #d6d4d1; margin-bottom: 48px; }

#survey h3 { font-size: 2.2em; color: #b7c526; font-weight: normal; margin-bottom: 15px; padding: 0 0 0 27px; width: 601px;}

#survey h3.first { margin-bottom: 20px; background: url(../images/bg_survey_top.gif) top left repeat-x; padding: 25px 0 0 27px; }

#survey p { margin: 0 27px 0 27px; font-size: 1.2em; margin-bottom: 15px;}
#survey p.question { font-size: 1.4em; margin-bottom: 10px; clear: both;}
#survey p.question strong { color: #b7c526; }
#survey p.note { font-size: 1em; clear: both; margin-bottom: 18px; }
#survey p.note.type1 { margin-bottom: 5px;}

#survey ul.answers { margin-left: 27px; width: 601px; float: left; margin-bottom: 10px;}
#survey ul.answers li { width: 220px; float: left; }
#survey ul.answers li h4 { font-size: 1.4em;}
#survey ul.answers li p { margin-left: 0; margin-bottom: 5px;}

#survey.short { padding-bottom: 350px;}

#questionaire { padding: 0 27px 0 23px; width: 574px; float: left;}

ol.form { width: 544px; padding-left: 30px; float: left; list-style: decimal;}
ol.form li { font-size: 1.3em; color: #b7c526; font-weight: bold; margin-bottom: 30px;}
ol.form li label { font-weight: normal; color: #6c645a; margin-bottom: 5px;}
ol.form li .formbox { width: 262px;}

ol.form li ul li label.error { color: #f00; font-size: 0.8em; display: block; font-style: italic; }
ol.form li ul.options li { margin-bottom: 15px;}
ol.form#personalDetails { list-style: none; padding-left: 0;}
ol.form#personalDetails li { margin-bottom: 20px;}
ol.form#personalDetails li label { display: block; font-weight: bold; margin-right: 220px;}
ol.form#personalDetails li label.error { font-weight: normal; color: #f00; font-style: italic;}

ol.form#personalDetails li.radioCheck { margin-bottom: 10px;}
ol.form#personalDetails li.radioCheck label { margin: 0; font-size: 0.9em; font-weight: normal; display: inline;}
ol.form#personalDetails li.radioCheck label input { margin: 0 10px 0 0;}

#forward ol.form { list-style: none;}
#forward ol.form li { margin-bottom: 10px; clear: both;}
#forward ol.form label { display: block; float: left; width: 130px;}
#forward ol.form label.error { font-style: italic; color: #f00; display: block; clear: both; width: 400px;}
#forward #submit { margin-left: 27px; }

#submit { background: #dbe1a1; text-transform: uppercase; border: none; padding: 11px 38px; font-size: 1.2em; font-weight: bold; cursor: pointer; margin-bottom: 15px; display: inline;}

#footer { width: 100%; background: url(../images/bg_footer.gif) top repeat-x; clear: both; float: left; height: 32px;}
#footer .wrap { width: 1024px; position: relative; margin: 0 auto; padding-top: 32px;}
#footer .wrap img { position: absolute; top: -394px; right: 0;}