/* GENERAL STYLES 
----------------------------- */
body {
  color: #333;
  text-align: center;
  font: normal 62.5%/160% Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  background: #000;  
}

a {
  font-weight: normal;
  text-decoration: underline; 
}

a:link {
  color: #000; 
}

a:visited {
  color: #000; 
}

a:hover, a:active {
  color: #ccc; 
}

p {
  font-size: 1.2em; }

h1 {
  font-size: 2.4em; }

h2 {
	font-size: 2.4em;
	/*font-size: 1.6em;*/
}

h3 {
  font-size: 1.4em; }

h4, h5 {
  font-size: 1.2em; }

p, h1, h2, h3, h4, h5 {
  font-weight: normal;
  line-height: 1.4em;
  margin: 0 0 0.25em;
  padding: 0; 
}


/* LAYOUT DIV'S
-------------------------- */
.standard-width {
  width: 970px;
  margin: 0 auto;
  text-align: left;
}

#main {
  width: 100%;
  padding-top: 10px;
  float: left;
  background: #fff url("../images/main_bg.png") repeat-x 0 0;
}

#main div.content {
  float: left;
  width: 690px;
  padding-right: 55px;
}

#main div.sidebar {
  width: 200px;
  float: left;
  margin-right: 25px;
}


/* HEADER
-------------------------- */

#header {
  width: 100%;
  background: url("../images/header_bg.png") repeat-x 0 0;
  float: left;
  height: 140px;
}

#header h1 {
  position: relative;
  overflow: hidden;
  width: 125px;
  height: 95px;
  float: right;
  margin: 15px 15px 0 0;
}

#header h1 a span {
  background: url("../images/logo.jpg") top left no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
  height: 95px;
  z-index: 1 /*for Opera 5 and 6*/; 
}

#header h1 a:hover span {
	background-position: top right;
}

/* NAV
--------------------------- */

#header ul.nav {
  font-size: 1.4em;
  line-height: normal;
  margin-top: 85px;
  float: left;
}

#header ul.nav li {
  position: relative;
  float: left;
  height: 56px;
  margin-right: 6px;
}

#header ul.nav li a span {
  background: url("../images/nav.png") top left no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  z-index: 1 /*for Opera 5 and 6*/; 
}

#header ul.nav li#n-design, #header ul.nav li#n-design a span {
  width: 150px;
}

#header ul.nav li#n-design a:hover span {
  background-position: 0 -56px;
}

#header ul.nav li#n-design a.selected span {
  background-position: 0 -112px;
}

#header ul.nav li#n-construction, #header ul.nav li#n-construction a span {
  width: 252px;
  background-position: -155px 0;
}

#header ul.nav li#n-construction a:hover span {
  background-position: -155px -56px;
}

#header ul.nav li#n-construction a.selected span {
  background-position: -155px -112px;
}

#header ul.nav li#n-test, #header ul.nav li#n-test a span {
  width: 160px;
  background-position: -413px 0;
}

#header ul.nav li#n-test a:hover span {
  background-position: -413px -56px;
}

#header ul.nav li#n-test a.selected span {
  background-position: -413px -112px;
}

/* STICKY HEADING
--------------------------- */

#sticky {
  width: 100%;
  color: #fff;
  background: #00a8ff;
  border-top: 1px solid #33b9ff;
  border-bottom: 1px solid #0076b3;
  float: left;
}

#sticky .standard-width {
  position: relative;
  height: 210px;
}

#sticky p {
  position: absolute;
  width: 665px;
  clear: left;
  bottom: 10px;
  left: 0;
  font-size: 1.8em;
}

#sticky span p {
	position: static;
	float: left;
	width: 665px;
	clear: left;
	margin: 20px 0 60px;
	font-size: 2.4em;
}
#sticky a {
	color: #fff;
}
#sticky a:hover {
	color: #000;
}

/* SIDENAV
--------------------------- */

ul.sidenav {
  width: 250px;
  float: right;
  margin: 20px 0;
clear: both;
}

ul.sidenav li {
  border-top: 1px solid #4dc2ff;
  padding: 0;
  font-size: 1.2em;
}

ul.sidenav li.first {
  border: none;
}

ul.sidenav li.first, ul.sidenav li.last {
  padding: 2px 0 2px 30px;
}  

ul.sidenav li sidenavong {
  font-weight: bold;
}

ul.sidenav li a {
	display: block;
  text-decoration: none;
  color: #fff;
  padding: 2px 0 2px 30px;
}

ul.sidenav li a:hover {
	color: #000;
}

ul.faq li a.faq,
ul.about li a.about,
ul.clients li a.clients,
ul.links li a.links,
ul.airleakage li a.airleakage,
ul.careers li a.careers {
	color: #fff;
	background-color: #0087cd;
}

ul.sidenav li a.underline {
 display: inline;
 text-decoration: underline;
 font-weight: bold;
 padding: 0px;
}

ul.sidenav li form {
  margin-bottom: 3px;
}

ul.sidenav li form input {
  color: #666;
  padding-left: 2px;
}

ul.sidenav li form input.submit_button {
  background: #00a8ff;
  color: #fff;
  border: none;
  font-weight: bold;
  padding-right: 0;
}

/* SUBNAV
--------------------------- */

ul.subnav {
  float: left;
  width: 700px;
  margin: 20px 0 60px;
  font-size: 2.4em;
}

ul.subnav li {
  float: left;
  width: auto;
  padding: 5px 3px;
}
ul.subnav li:after {
  content: ",";
}
ul.subnav li.last:after {
  content: "";
}

ul.subnav li:last-child:after {
  content: "";
}

ul.subnav li a {
  color: #fff;
}

ul.subnav li a:hover {
  color: #000;
}

ul.subnav li a.selected {
  background: #0086cc;
  text-decoration: none;
  padding: 7px 5px;
}


/* COPY
------------------------------- */

#main div.content div.article-copy {
  clear: both;
}

#main div.content h1 {
	font-weight: bold;
}

#main div.content h3 {
	font-weight: bold;
  font-size: 2em;
  margin: 20px 0 10px;
	color: #343434;
}
#main div.content h4 {
	font-weight: bold;
}
#main div.content h4, #main div.content h5 {
	padding-bottom: 5px;
	border-bottom: 1px solid #a4a4a4;
	margin-bottom: 10px;
}

#main div.content ul {
	font-size: 1.2em;
	list-style: disc inside;
	margin-bottom: 20px;
}

#main div.content ol {
	font-size: 1.2em;
	list-style: decimal inside;
	margin-bottom: 20px;
}

#main div.content strong, #main div.content b {
	font-weight: bold;
}

#main div.content img {
  float: left;
  margin: 0 20px 10px 0;
	border: 1px solid #e6e6e6;
	padding: 4px;
}

#main div.content img.nowrap {
  float: none;
  display: block;
  clear: both;
}

#main div.content img.right {
  float: right;
  display: block;
}

#main div.content img.left {
  float: left;
  display: block;
}

#main div.content img.wrapright {
  float: right;
  display: block;
  clear: right;
}
#main div.content img.wrapleft {
  float: left;
  display: block;
  clear: left;
}

#main div.content img.noborder {
	border: 0;
	padding: 0;
	margin-right: 0;
}

#main div.content p {
  margin-bottom: 20px;
}

#main div.content em {
	font-style: italic;
}

#main div.content table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
}
#main div.content th, #main div.content td {
	/* font-size: 1.2em; */
	padding: 5px 10px;
	border-bottom: 1px solid #cfcfcf;
}
#main div.content th {
	font-weight: bold;
	background-color: #efefef;
	border-bottom: 2px solid #cfcfcf;
}

#main div.content table.grid th, #main div.content table.grid td {
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}
#main div.content table.grid th {
	border: 1px solid #cfcfcf;
}

#main div.breadcrumb {
  clear: left;
  width: 100%;
  background: #e5e5e5;
  padding: 5px 20px;
  margin: 40px 0 15px;
  font-size: 1.2em;
}

#main div.breadcrumb a {
  font-weight: bold;
}
#main div.breadcrumb a:hover, #main div.breadcrumb a:active {
	color: #fff;
	text-decoration: none;
	background-color: #333;
}

#main div.content ul.article-list {
  font-size: 1.2em;
  margin-bottom: 25px;
  list-style-type: none;
}

#main div.content ul.article-list li {
  padding: 2px 10px;
  border-bottom: 2px solid #e5e5e5;
}

#main div.content ul.article-list li.first {
  border-top: 2px solid #e5e5e5;
}

#main div.content ul.article-list li a {
  text-decoration: none;
  font-weight: bold;
}

#main div.sidebar {
  margin-top: 20px;
}

#main div.sidebar h4 {
  background: #666;
  color: #fff;
  padding: 2px 4px;
  margin: 0 0 5px;
  display: inline;
  width: auto;
}

#main div.sidebar p, #main div.sidebar ul, #main div.sidebar ol  {
  padding: 5px;
  /* font-size: 1.2em; */
}
#main div.sidebar li {
  font-size: 1.2em;
}
#main div.sidebar a:link {
  color: #333; 
}
#main div.sidebar a:visited {
  color: #555; 
}
#main div.sidebar a:hover, #main div.sidebar a:active {
  color: #ccc; 
}

.break {
  clear:both;
}

/* FORM
-------------------------------- */

.content form legend {
	display: none;
}

.content form label {
	font-size: 1.2em;
	line-height: 2em;
	padding-right: 1em;
}

.content form label.zemRequired {
	font-weight: bold;
}

.content form button {
	border: 0;
	padding: 0;
	margin: 5px 0 0 0;
	background-color: #fff;
}

.content form p.disclaimer {
	margin: 5px 0 0 3px;
	color: #156792;
}

#main div.content img#send {
	border: 0;
	margin: 0;
	padding: 0;
}

/*.content form label {
  clear: left;
  float: left;
  width: auto;
}

.content form input, .content form textarea {
  float: left;
  clear: left;
  width: auto;
}

.content form legend {
	display: none;
}*/

/*.content form label {
	float: left;
	clear: left;
	width: 130px;
	padding-right: 15px;
	padding-top: 0.3em;
	text-align: right;
}
.content form input {
	display: block;
	margin-left: 145px;
}
.content form textarea {
	display: block;
	padding: 0;
	margin: 0 0 0 145px;
	width: 335px;
}
*/


/* FOOTER
-------------------------------- */

#footer {
  color: #666;
  float: left;
  width: 100%;
  padding: 10px 0;
}

#footer em {
  font-style: italic;
}

#footer a {
  color: #006599;
}

#footer a.rsk {
  display:block;
  float: right;
  margin-right: 15px;
  width:80px;
  height:50px;
  background: transparent url('../images/ilogo_rsk.gif') top left;
  text-decoration:none;
}
#footer a.rsk:hover {
  background-position: bottom left;
}

#footer a.compulsive:hover {
  color: #fff;
  background-color: #006599;
}