* {
  margin:0;
  border:0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background-image: url(images/body-bg.gif);
  background-repeat: repeat-x;
}

p, li {
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  margin-top:12px;
  margin-bottom:8px;}

#wrap {
  margin: 0 auto;
  width:960px;
  }

#header {
  height:103px;
  margin: 0 -30px 0 0;
  }

#topnav {
  height:50px;
  clear:both;
  background-image: url(images/sprites-vertical.gif);
  background-repeat: repeat-x;
  position: relative;
  background-position: left -2px;
  }

.left {
  float:left;
}

.right {
  float:right;
}

.clear {
  clear:both;
  }

#header .left {
  width:486px;
}


#header #byline {
  margin-top:10px;
}

#header #byline p {
  font-size: 10px;
  margin:0;
  line-height: 18px;
  }

#header .right {
  background-image: url(images/header-right.gif);
  background-repeat: no-repeat;
  height: 86px;
  width: 488px;
}


/* TOP NAVIGATION */

ul.navigation li a {
  text-decoration: none;
  color: #FFF;
}

ul.navigation,
ul.links {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding-left: 0;
  }
#topnav ul.navigation {
  margin-left:10px;
  margin-top:7px;
  height: 60px;
  position: absolute;
  background-image: url(images/topnav-ul-bg.gif);
  background-repeat: no-repeat;
  background-position: 9px 2px;
  width: 900px;
  }

#topnav ul.navigation li {
  float:left;
  font-size: 14px;
  background-image: url(images/topnav-div.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  margin-top:2px;
}

#topnav ul.navigation li a {
  line-height: 34px;
  padding:18px 14px;
}

#topnav ul.navigation li.last {
  background-image: none;
  border:0;
  }

/* #topnav ul.navigation li.active a {
  padding-bottom: 6px;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  background-image: url(images/bullets.gif);
  background-repeat: no-repeat;
  background-position: left -19px;
}


#topnav ul.navigation li:hover a {
  padding-bottom: 6px;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  text-decoration: none;
  }

  */

#topnav ul.navigation li:hover,
#topnav ul.navigation li.active a {
  background-color: #ffd73d;
}

#topnav ul.navigation li:hover a {
  color:#000;
  text-decoration: none;

  }

#topnav ul.navigation li:hover {
  margin-left:-1px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ffd73d;
  }



.about ul.navigation li.about,
.contact ul.navigation li.contact,
.methodology ul.navigation li.methodology,
.quiz ul.navigation li.quiz,
.report ul.navigation li.report,
.share ul.navigation li.share,
.tips ul.navigation li.tips
{
  background-color: #ffd73d;
  margin-left:-1px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ffd73d;
}

.about ul.navigation li.about a,
.contact ul.navigation li.contact a,
.methodology ul.navigation li.methodology a,
.quiz ul.navigation li.quiz a,
.report ul.navigation li.report a,
.share ul.navigation li.share a,
.tips ul.navigation li.tips a {
color:#000;
}



/* BANNER */


body.home #banner {
  width: 960px;
  height: 227px;
  background-image: url(images/banner-home.jpg);
  background-repeat: no-repeat;
  margin: 10px 0 0 0;
}
body.home #banner .left {
  width: 335px;
  margin-top: 34px;
  margin-left: 30px;
  }


#banner p.title {
  font-size: 30px;
  line-height: 33px;
  color: #FFF;
  margin:0;
  font-family: Helvetica, Arial, sans-serif;
}

#banner .yellow {
  color:#ffd73d;
  }

#banner p {
  font-size: 12px;
  line-height: 16px;
  margin:12px 0;
  color:#FFF;
}



/* MAIN HOME */

body.home #main {

}

body.home #main .left {
  width:540px;
  margin: 0 27px 0 30px;
  }

body.home .signature p {
  font-size: 13px;
  color: #6c7283;
  font-style: italic;
}

body.home #main .left .item {
  clear:both;
  margin: 0 0 36px 0}

body.home #main .left p {
  margin:0 0 16px 0;}

body.home #main .right {
  width: 320px;
}

body.home #main .right h3 {
  font-size: 13px;
  color: #616674;
  margin-bottom: 2px;
}

body.home #main .right h3 a {
  color: #616674;
  text-decoration: none;
}

body.home #main .right h3 a:hover {
  text-decoration: underline;
}


body.home #main .right td p {
  margin: 0 0 2px 0;
}

body.home #main .right td {
  vertical-align: top;
  padding: 0 16px 0 0;
}

body.home #main .right td img {
  margin: 0 0 0 18px;
}

.quotelogo img {
float:right;
margin:6px 0 0 12px;
}


/* HOME 4 ITEMS */

#homelist {
  background-image: url(images/homelist-bg.gif);
  background-repeat: repeat-y;
  width: 960px;
  margin: 0 0 24px 0;
}


#homelist .upper {
  background-image: url(images/homelist-upper.gif);
  background-repeat: no-repeat;
  height: 20px;
  width: 960px;
}

#homelist .lower {
  background-image: url(images/homelist-lower.gif);
  background-repeat: no-repeat;
  height: 20px;
  width: 960px;
}



#homelist .inner {
  width:960px;
  margin: 20px;
  background-image: url(images/numbers.gif);
  background-repeat: no-repeat;
  background-position: 2px 0;
}



#homelist h2 {
  color:#4f5876;
  font-size:14px;
  margin: 0 0 4px 0;
}


#homelist .col {
  float:left;
  vertical-align: top;
  width:180px;
  padding:20px 60px 0 0;
  }

#homelist div.col1 {
  margin-left:30px;}

#homelist div.col4 {
  width:160px;
  padding-right:0;
  }

#homelist div p {
  margin:0;
}



/* MISC */


.readmore a {
  color: #996600;
}


.readmore a:hover {
  color: #000;
}


p.readmore {
  margin:0;
}

tr.div {
  background-image: url(images/td-div.gif);
  background-repeat: repeat-x;
  background-position: left center;
  height: 28px;
}


/* LOGOS */


#logo-javelin {
  float:left;
  width:188px;
}

#logo-div {
  float:left;
  width:1px;
  margin: 0 8px;
}

#logo-idsafety {
  float:left;
  width:266px;
  vertical-align: top;
}

#logo-idsafety p {
  font-style: italic;
  color: #FFFFFF;
  margin:-4px 0 0 6px;
}

#header .right table {
  float:right;
  margin:18px 28px 0 0;
}

#header .right tr {
  vertical-align: middle;
}

#header .right td {
  padding:0 0 0 6px;
}

#header .right td.col1 {
  padding:0 6px 0 0;
  vertical-align: top;

  }

#header .right td.col1 p {
  font-size:11px;
  font-style: italic;
  margin:0;
  line-height: 13px;
  }


/* INSIDE */

body.inside #banner {
  width: 960px;
  height: 70px;
  background-image: url(images/banner-in.jpg);
  background-repeat: no-repeat;
  margin: 10px 0 0 0;
}

body.inside #banner h1 {
  color:#FFF;
  font-weight:normal;
  font-size:27px;
  margin:18px 510px 0 30px;}


body.inside #main {
  padding:8px 30px;
}
body.feedback #main .left,
body.feedback #main .right {
  width:400px;
}

.inside h3 {
color:#000;
font-size:21px;
font-weight:normal;
margin:30px 0 6px 0;
}




/* FOOTER */


#footer {
  clear:both;
  background-image: url(images/footer-bg.gif);
  background-repeat: repeat-x;
  background-position: top;
  height: 60px;
  margin: 36px 0;
  padding:20px 26px;
}

#footer-inside {
  margin: 0 auto;
  width:960px;
}

#footer p {
  font-size: 11px;
  color:#4b5d51;
  margin:0;
  }

#footer a {
  color:#4b5d51;
  text-decoration: none;
}

#footer .left a {
  padding: 0 4px;
}

#footer a:hover {
  text-decoration:underline;
}

#footer .right {
  text-align: right;
}


/* FORMS */

.share #content #primary {
float:right;
width: 400px;
margin-left:20px;
}

.inside #jb_message {
  position:absolute;
  top:234;
  width:800px;
}

#main #jb_addComment textarea {
  margin:8px 5px;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 11pt;
}

#main #jb_addComment input {
  margin:4px;
}

#main #jb_addComment input#jbemail,
#main #jb_addComment textarea#comment,
#main #jb_addComment input#email,
#main #jb_addComment input#name {
  margin:4px 0;
  border:1px solid #999999;

}

#jb_addComment textarea#comment {
  height:80px;
  width:98%;
}

#jb_addComment input#name,
#jb_addComment input#email {
  height:20px;
  width:98%;
}



#main #jb_addComment label {
font-weight:bold;
margin-top:12px;
color:#555;
}

#main #jb_addComment input.button {
  font-size:14px;
  padding:4px 8px;
  text-align: center;
  margin:8px 0;
  display:block;
}



#jb_comments .comment .header {
border-bottom:1px solid #777;
color:#555;
padding:6px;
}

#main #jb_comments {
margin: 22px 0 0 0;
height:500px;
}

#main form,
#main #jb_comments {
  font-size:12px;
}

#main #jb_addComment .hidden {
display:none;
}


#survey {
  background-color: #FFFFFF;
width:100%;
padding:6px;
}

#survey h3 {
color:#000000;
font-size:21px;
font-weight:normal;
margin:10px 0 6px;
}


#survey label {
font-weight:bold;
margin-top:12px;
}

#survey #jb_addComment {
color:#555555;
font-size:12px;
width:100%;
}

#survey #jb_addComment input {
margin:0 6px 6px 6px;
}

#survey nobr {
margin:0;
padding:0;}

#recaptcha_widget_div {
margin:6px 0;}

#egwind div {
  background-color: #FFD73D;
}

#egwind div a {
  color:#222;
}

#survey {
  width:600px;
}

.fbdialog {
  background-image:none;
}

.quiz #main {
  min-height:400px;
}

.quiz form {
  min-width:880px;

}

.quiz #main p ,
.quiz #main #submit {
  margin:20px;
}

#survey #jb_addComment input.button,
.quiz #main #submit {
  padding:0.15em;
  width:10em;
  border:1px solid #ddd;
  font:bold 0.95em arial, sans-serif;
  -moz-border-radius:0.4em;
  -khtml-border-radius:0.4em;
  background:#dcdfe5;
  margin-top:40px;
}

.quiz #main div {
  line-height: 2em;
}

input[type=checkbox], input[type=radio] {
  width:50px;
}

.progress {
  text-align:right;
}

.progress span {
  font-size:0.9em;
  margin-right:120px;
}

#main li {
  margin-left:40px;
}

#contactform {
  margin-bottom:30px;
}

#contactform form,
#contactform div.content {
  float:left;
}

#contactform div.content {
  width:450px;
  padding:30px;
}

#safety_quiz form img {
  height:42px;
  width:300px;
}

.progress {
  text-decoration:none
}