/* @override http://www.requieminsecticide.com/styles/screen.css */

/* 
	-- Color Legend --
	Blue Color: #1187af
	Grey Text: #c0c0c0
	Footer Blue: #082439

 */

/* Body Rules */

body {
  color: #c0c0c0;
  background: #000 url(../images/bg.png) repeat-x;
}

/* 
	General Rulesets
	Color/Typo Size
 */

h1,h2,h3 {
  color: #1187af;
}

.button {
  color: #fff;
}

h1,h2,h3,.button {
  font-family: Calibri,Trebuchet, Arial, san-serif;
}

p,li,.clips,fieldset p, fieldset label {
  font-family: Helvetica, Geneva, Arial,sans-serif;
}

.clear {
  clear: both;
}

h1,h2,h3 {
  font-size: 21px;
  margin-bottom: 24px;
  font-weight: 300;
}

/* Layout Rules */

#container {
  width: 949px;
  margin: 0 auto;
  background: url(../images/container_bg.png) repeat-x 0 85px;
}

#header {
  width: 949px;
  height: 85px;
  position: relative;
  background: #000 url(../images/header_bg.png);
}

#header h2 {
  height: 85px;
}

#header h2 a {
  width: 189px;
  height: 37px;
  padding: 10px 0 0 10px;
  display: block;
  background: url(../images/requiem-logo.gif) no-repeat right bottom;
}

#header h2 a span {
  display: none;
  overflow: hidden;
}

#home #header h2 {
  background: url(../images/home-topper.png) no-repeat center bottom;
}

/* @group Navigation Rules */

.nav {
  width: 392px;
  height: 85px;
  top: 0;
  right: 0;
  position: absolute;
  background: url(../images/menu.jpg);
}

.nav li {
  display: inline;
}

.nav li a:link, .nav li a:visited {
  position: absolute;
  top: 0;
  height: 85px;
  text-indent: -3000em;
  overflow: hidden;
  z-index: 10;
}

.nav .about a:link, .nav .about a:visited {
  left: 0px;
  width: 77px;
}

.nav .about a:hover, .nav .about a:focus {
  background: url(../images/menu.jpg) no-repeat 0 -170px;
}

.nav .about a:active {
  background: url(../images/menu.jpg) no-repeat 0 0;
}

.current-about .about a:link, .current-about .about a:visited {
  background: url(../images/menu.jpg) no-repeat 0 -85px;
  cursor: default;
}

.nav-about, .nav-about-click {
  position: absolute;
  top: 0;
  left: 0;
  width: 77px;
  height: 85px;
  background: url(../images/menu.jpg) no-repeat 0 -170px;
}

.nav .action a:link, .nav .action a:visited {
  left: 78px;
  width: 100px;
}

.nav .action a:hover, .nav .action a:focus {
  background: url(../images/menu.jpg) no-repeat -78px -170px;
}

.nav .action a:active {
  background: url(../images/menu.jpg) no-repeat -78px 0;
}

.current-action .action a:link, .current-action .action a:visited {
  background: url(../images/menu.jpg) no-repeat -78px -85px;
  cursor: default;
}

.nav-action, .nav-action-click {
  position: absolute;
  top: 0;
  left: 78px;
  width: 100px;
  height: 85px;
  background: url(../images/menu.jpg) no-repeat -78px -170px;
}

.nav .label a:link, .nav .label a:visited {
  left: 178px;
  width: 120px;
}

.nav .label a:hover, .nav .label a:focus {
  background: url(../images/menu.jpg) no-repeat -178px -170px;
}

.nav .label a:active {
  background: url(../images/menu.jpg) no-repeat -178px 0;
}

.current-label .label a:link, .current-label .label a:visited {
  background: url(../images/menu.jpg) no-repeat -178px -85px;
  cursor: default;
}

.nav-label, .nav-label-click {
  position: absolute;
  top: 0;
  left: 178px;
  width: 120px;
  height: 85px;
  background: url(../images/menu.jpg) no-repeat -178px -170px;
}

.nav .contact a:link, .nav .contact a:visited {
  left: 299px;
  width: 91px;
}

.nav .contact a:hover, .nav .contact a:focus {
  background: url(../images/menu.jpg) no-repeat -299px -170px;
}

.nav .contact a:active {
  background: url(../images/menu.jpg) no-repeat -299px 0;
}

.current-contact .contact a:link, .current-contact .contact a:visited {
  background: url(../images/menu.jpg) no-repeat -299px -85px;
  cursor: default;
}

.nav-contact, .nav-contact-click {
  position: absolute;
  top: 0;
  left: 299px;
  width: 91px;
  height: 85px;
  background: url(../images/menu.jpg) no-repeat -299px -170px;
}

/* Selector + UI Tabs Rules */

.selector {
  width: 230px;
}

.selector li {
  margin-bottom: 3px;
}

.selector li.current,.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background: url(../images/right-button.png) no-repeat right top;
}

.selector a {
  display: block;
  padding: 3px 10px;
  color: #fff;
  text-decoration: none;
}

.selector a:hover {
  color: #1187af;
}

.selector li.current a:hover,.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {
  color: #000;
}

.selector li.current a,.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  display: block;
  padding: 3px 10px;
  color: #fff;
  text-decoration: none;
  background: url(../images/left-button.png) no-repeat left top;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

/* @end */

/* Homepage rules */

#subheader {
  width: 949px;
  height: 525px;
  margin-bottom: 44px;
  position: relative;
  background: url(../images/radar.jpg) no-repeat;
}

#subheader blockquote {
  width: 438px;
  height: 48px;
  position: absolute;
  bottom: 0px;
  left: 265px;
  text-indent: -3000em;
  overflow: hidden;
  background: url(../images/destroy-text.gif) no-repeat;
}

#intro {
  height: 295px;
  background: url(../images/home-foot.png) no-repeat;
}

#intro img {
  margin-left: 122px;
  margin-right: 40px;
  float: left;
}

a.button {
  width: 111px;
  height: 33px;
  margin-top: 21px;
  padding-top: 6px;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  overflow: hidden;
  background: url(../images/button.png) no-repeat;
  float: right;
  text-shadow: #000 0 2px 0;
}

a.button:hover {
  color: #000;
  text-shadow: #000 0 0 0;
}

#intro h1 {
  padding-top: 13px;
  font-size: 18px;
  margin-bottom: 26px;
}

#intro p {
  width: 780px;
  font-size: 14px;
  line-height: 21px;
}

/* end Homepage Rules */

/* About Rules */

h1#about-heading {
  height: 27px;
  margin: 0 60px 18px 0;
  padding-top: 48px;
  text-indent: -3000em;
  overflow: hidden;
  background: url(../images/about-text.gif) no-repeat right bottom;
}

#about .selector {
  float: left;
  width: 130px;
  height: 320px;
  margin: 0 20px 0 0;
  padding: 44px 0 0 240px;
  text-align: right;
  background: url(../images/about-jug.jpg) no-repeat left bottom;
}

#about {
  min-height: 340px;
  padding-bottom: 120px;
  background: url(../images/footer-bg.png) no-repeat left bottom;
}

.information {
  line-height: 21px;
  width: 490px;
  margin-left: 400px;
}

.information p, .information li {
  font-size: 14px;
  margin-bottom: 21px;
}

.information li {
  margin-left: 20px;
  margin-bottom: 14px;
}

.information ul, .information ol {
  margin-bottom: 21px;
}

.information ul {
  list-style-type: disc;
}

.information ol {
  list-style-type: decimal;
}

/* In Action Rules */

h1#action {
  height: 27px;
  margin: 0 20px 18px 0;
  padding-top: 48px;
  text-indent: -3000em;
  overflow: hidden;
  background: url(../images/in-action-text.gif) no-repeat right bottom;
}

.clips, #videos .selector {
  float: left;
}

#videos {
  width: 900px;
  height: 500px;
  margin: 0 auto;
}

h3,h2 {
  font-size: 21px;
  margin-bottom: 24px;
  font-weight: 300;
}

#videos,.selector {
  font-size: 12px;
  line-height: 21px;
}

#video1.video p {
  font-size: 12px;
  line-height: 1.5em;
  margin: 5px 0 15px 0;
}

h3.trial-header {
  text-align: right;
  margin-right: 200px;
}

#trial-data {
  clear: both;
  min-height: 350px;
  padding-bottom: 10px;
}

#tech-sheets {
  height: 200px;
  padding: 0 0 60px 30px;
  background: url(../images/footer-bg.png) no-repeat left bottom;
}

#tech-sheets-left {
  float: left;
}

#tech-sheets-right {
  margin-left: 10px;
  float: left;
}

#trial-data h3 {
  float: right;
  width: 250px;
  margin-right: 80px;
}

#trial-data ul {
  clear: right;
  float: right;
  width: 250px;
  margin-right: 80px;
}

#trial-data p,#videos p {
  font-size: 14px;
}

.video {
  width: 640px;
  float: right;
}

.video p {
  width: 620px;
  margin: 0 auto;
}

.charts {
  width: 550px;
  margin-left: 20px;
}

.charts p {
  width: 520px;
  margin: 0 auto;
}

/* Label MSDS */

h1#labels-heading {
  height: 27px;
  margin: 0 0 106px 320px;
  padding-top: 48px;
  text-indent: -3000em;
  overflow: hidden;
  background: url(../images/label-msds-text.gif) no-repeat left bottom;
}

#labels-msds {
  height: 395px;
  background: url(../images/home-foot.png) no-repeat;
}

#labels-msds img {
  margin-left: 122px;
  margin-right: 40px;
  float: left;
}

#labels-msds ul {
  padding-top: 20px;
  margin-bottom: 20px;
}

#labels-msds li {
  height: 30px;
  font-size: 14px;
}

#labels-msds li a {
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 40px;
  background: url(../images/pdf-ico.gif) no-repeat left center;
}

#labels-msds a:hover {
  color: #1187af;
}

#labels-msds p {
  width: 780px;
  font-size: 12px;
  line-height: 21px;
}

#labels-msds p a {
  color: #666;
}

h1#contact-heading {
  height: 27px;
  margin: 0 0 106px 120px;
  padding-top: 48px;
  text-indent: -3000em;
  overflow: hidden;
  background: url(../images/contact-text.gif) no-repeat left bottom;
}

fieldset {
  height: 625px;
  padding-left: 120px;
  border: none;
  background: url(../images/home-foot.png) no-repeat center bottom;
  font-size: 13px;
}

fieldset div {
  clear: both;
  padding-top: 20px;
  padding-bottom: 10px;
  width: 700px;
  height: 48px;
  border-bottom: 1px solid #033a50;
}

fieldset div.text {
  height: 210px;
}

fieldset div.submit {
  border: none;
}

fieldset input {
  float: left;
}

label span.required {
  color: #ff005b;
  padding-left: 4px;
}

fieldset p {
  width: 220px;
  float: right;
  line-height: 18px;
  color: #09749e;
}

label {
  width: 150px;
  display: block;
  float: left;
}

label, fieldset p {
  padding-top: 7px;
}

input#name, input#email, input#company, input#address, input#city_state, input#zip, textarea#comments, #more-info-form textarea {
  width: 300px;
  height: 24px;
  border: 1px solid #0a4e69;
  font-size: 14px;
  background-color: #002332;
  color: #d3d3d3;
}

textarea#comments, #more-info-form textarea {
  font-size: 12px;
  float: left;
  height: 200px;
}

input#submit {
  border: 1px solid #1782d4;
  font-size: 12px;
  color: #fff;
  background-color: #1268a9;
}

p.notice {
  height: 355px;
  padding-left: 120px;
  border: none;
  font-size: 14px;
  color: #c0c0c0;
  line-height: 21px;
  background: url(../images/home-foot.png) no-repeat center bottom;
}

#footer {
  font-size: 10px;
}

#footer h4 {
  width: 166px;
  height: 39px;
  margin-top: -18px;
  float: left;
  color: #000;
  background: url(../images/aq-logo.gif) no-repeat;
}

#footer p {
  width: 660px;
  margin-top: 21px;
  padding-left: 200px;
  color: #082439;
}

#footer ul li {
  display: inline;
  padding: 0 0 3px 3px;
}

#footer ul li a {
  color: #666;
  text-decoration: none;
}

#footer ul li a:hover {
  color: #1187af;
}

#footer ul {
  width: 230px;
  margin-top: -10px;
  text-transform: lowercase;
  float: right;
}

/* Stop the Bite page styles ======================= */

#stop-bite {
  margin: 5px 20px;
  font: 0.85em/1.5em Helvetica, Geneva, Arial, sans-serif;
}

h1.stop-bite {
  color: #d3d3d3;
  font-size: 1.9em;
  margin-left: 20px;
  font-weight: lighter;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}

#stop-bite a:link {
  color: #1080a6;
  text-decoration: none;
	border-bottom: 1px dotted #1080a6;
}

#stop-bite a:visited {
  color: #1080a6;
  text-decoration: none;
	border-bottom: 1px dotted #1080a6;
}

#stop-bite a:hover {
  color: #1080a6;
  text-decoration: none;
	border-bottom: 1px solid #1080a6;
}

#stop-bite a:active {
  color: #1080a6;
  text-decoration: none;
	border-bottom: 1px solid #1080a6;
}

#stop-bite p {
  margin-bottom: 10px;
}

#stop-bite h4 {
  font-size: 1.2em;
  margin-bottom: 10px;
  color: #fff;
}
.stop-bite h3 {
	padding-left: 20px;
}

#stop-bite ul li {
  float: left;
  padding-bottom: 10px;
}

#stop-bite ul li ul {
  width: 362px;
  margin: 0 0 10px 20px;
  padding: 0 30px 0 0;
  list-style: disc;
}

#stop-bite ul li ul li {
  float: none;
}
.stop-bite .charts p {
	margin-bottom: 40px;
}
.stop-bite #back-btn {
	margin-top: 10px;
}
.stop-bite p.assist2 {
	margin: 0 0 15px 15px;
	padding: 0;
}
.stop-bite p.assist2 strong {
font-size: 1.2em;
}

#more-info-form h1 {
  padding-left: 120px;
  padding-top: 2.5em;
}

#more-info-form fieldset div {
  padding-top: 15px;
  padding-bottom: 0px;
  width: 700px;
  height: 44px;
}


#more-info-form fieldset div.text {
  height: 80px;
}

#more-info-form textarea {
  height: 60px;
}
ul#assist2-list {
	width: 450px;
	margin: -100px 65px 0 0;
	padding: 0;
	list-style: disc;
}
ul#assist2-list li {
	line-height: 1.2em;
	padding-bottom: 15px;
}