@charset "utf-8";
/*
CSS by Ryan Tavenor
-----------------------
Website: www.odourcontrolsystem.com
Author: Ryan Tavenor
*/

@import url("css_reset.css");
@import url("unitip.css");

/**************************************************************
	[ GENERAL ]
**************************************************************/
html {height:100%;}

html {
  background: url(images/prairie.jpg) no-repeat center center fixed;
  background-size: cover;
  height: 100%;
  overflow: auto;
}

body {
margin:0; 
padding:0; 
height:100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #222222;
}
a:link, a:visited{text-decoration: none; color: #01497e;}
a:hover{color: #0472bc; text-decoration:underline;}

a.none {text-decoration: none;}
	
hr {border: 0; margin:1em 0 1em 0;}
br {line-height: 1em;}
div.hrspacer {margin:0 auto; height: 10px; clear: both; width: auto;}
div.hrspacer hr { display: none;}


hr.hrspacer_line {
display: block;
    margin-before: 0.5em;
    margin-after: 0.5em;
    margin-start: auto;
    margin-end: auto;
    overflow: hidden;
    border-style: dashed;
    border-width: 1px;
border-color: #78736c;
clear: both;
}

/**************************************************************
	[ TEXT HEADERS ]
**************************************************************/
h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#0161b7;
font-weight:bold;
margin: 0;
line-height: 0.8em;
}
h2{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#bdaf8f;
font-weight:bold;
margin: 0 0 2em 0;
line-height: 0.8em;
text-decoration: underline;
}
h3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#ffffff;
font-weight:bold;
margin: 0;
line-height: 2em;
background: url(images/ing_textbanner2.png) no-repeat left;
display: block;
height: 36px;
padding-left: 32px;
}
h4{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:32px;
color:#fff;
font-weight:bold;
padding-left: 100px;
margin-top: 0.5em;
text-decoration: underline;
}
h5{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#0161b7;
font-weight:bold;
margin: 0;
line-height: 1.2em;
background: url(images/cessmenu_on.png) no-repeat;
display: block;
height: 21px;
padding-left: 32px;
text-decoration: underline;
}
h6{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#ffffff;
font-weight:bold;
margin: 0;
line-height: 2em;
background: url(images/ing_textbanner.png) no-repeat left;
display: block;
height: 36px;
padding-left: 32px;
}

/**************************************************************
	[ MAIN LAYOUT DIVS ]
**************************************************************/
div#container {position:relative; margin: 0 auto; width:998px; padding: 0 13px; height:auto !important; height:100%; min-height: 100%; background: url(images/ing_border.png) repeat-y;}

div#header {width:971px; height: 125px; margin: 0 auto; padding: 0 0 0 27px; background: url(images/ing_topbg.png) repeat-x;}
div#header_left {width:376px; height: 125px; margin: 0; float: left;}
div#header_right {width:595px; height: 125px; margin: 0; float: left;}
div#header_left_top {width:376px; height: 92px; margin: 0; background: url(images/ing_mainlogo.png) no-repeat;}
div#header_left_bot {width:376px; height: 33px; margin: 0; background: url(images/ing_sublogo.png) no-repeat;}
div#header_right_top {width:595px; height: 85px; margin: 0;}
div#header_right_bot {width:595px; height: 40px; margin: 0;}


div#display {width:971px; height: 299px; margin: 0 auto; padding: 0px 0px 0px 27px; background: url(images/ing_mainarea_bg.png) repeat-x;}
div#display_left {width:258px; height: 299px; margin: 0; background: url(images/ing_displayleft.png) no-repeat; float: left;}
div#display_right {width:713px; height: 299px; margin: 0; background: url(images/ing_displayright.png) no-repeat; float:left;}


div#contentspan {width: 944px; height: auto; margin: 0; padding: 0 27px; background: url(images/ing_content_topbg.png) repeat-x top;}
div#contentarea {width: 944px; height: auto; margin: 0 auto;}
div#subcontentspan {width: 944px; height: auto; margin: 0 auto; background: #555555; padding: 30px 27px 20px 27px;}
div#subcontentarea {width: 944px; height: auto; margin: 0 auto;}

div#footerspan {width:944px; height: 130px; margin: 0; background: #35312f; padding: 0 27px;}
div#footerarea {width:944px; height: 130px; margin: 0 auto;}

div.content_block {width: 415px; height: auto; margin: 0 1px 0 1px; float: left; padding: 0px 10px 5px 45px;}
div.content_block2 {width: 415px; height: auto; margin: 0 1px 0 1px; float: left; padding: 0px 45px 5px 10px;}
div.content_full {width: 894px; height: auto; margin: 0 auto; padding: 30px 25px 20px 25px;}

div.content_block p {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
line-height:1.6em;
margin:1em 0 1em 0;
padding: 0;
color: #222;
}

div.content_block2 p {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
line-height:1.6em;
margin:1em 0 1em 0;
padding: 0;
color: #222;
}

div.subleft {width: 415px; height: auto; margin: 0 1px 0 1px; float: left; padding: 0px 10px 30px 45px;}
div.subright {width: 415px; height: auto; margin: 0 1px 0 1px; float: left; padding: 0px 45px 30px 10px;}


div.subleft p {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
line-height:1.6em;
margin:1em 0 1em 0;
padding: 0;
color: #f9f9f9;
}

/*
div.subright p {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
line-height:1.6em;
margin:1em 0 1em 0;
padding: 0;
color: #f9f9f9;
}
*/

ol.linklist {list-style-type:none; padding: 2em 0 0 15px; margin: 0 0 2em 25px;}
ol.linklist li {list-style-type:square; padding-bottom: 8px; margin: 0; font-size: 14px; color: #111111; font-family: 'lucida sans unicode', 'Lucida Grande', sans-serif; line-height: 1.2em;}
ol.linklist a:link, ol.linklist a:visited {color: #333333; text-decoration: none; border-bottom: 1px dotted #333333; line-height: 1.2em;}
ol.linklist a:hover {color: #111111;  text-decoration: none; border-bottom: 1px solid #111111; line-height: 1.2em;}

ol.linklist2 {list-style-type:none; padding: 2em 0 0 15px; margin: 0 0 2em 25px;}
ol.linklist2 li {list-style-type:square; padding-bottom: 8px; margin: 0; font-size: 14px; color: #fff; font-family: 'lucida sans unicode', 'Lucida Grande', sans-serif; line-height: 1.2em;}
ol.linklist2 a:link, ol.linklist2 a:visited {color: #fff; text-decoration: none; border-bottom: 1px dotted #333333; line-height: 1.2em;}
ol.linklist2 a:hover {color: #fff;  text-decoration: none; border-bottom: 1px solid #111111; line-height: 1.2em;}

/**************************************************************
	[ MENU ]
**************************************************************/
ul.ingmenu {
margin:0;
padding: 0;
}
ul.ingmenu li {
margin: 0;
list-style: none;	
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
font-weight: bold;
color: #fff;
height: 37px;
width: 141px;
display: block;
padding: 0 0 0 5px;
line-height: 2.4em;
float:left;
text-align: center;
}	
ul.ingmenu li a, ul.ingmenu li a:visited {
background: url(images/green_button.png) no-repeat;
display: block;
width: 141px;
color: #194770;
height: 37px !important;
/* Start hide from IE Mac */
height: 1%;
/* End hide from IE Mac */	
text-decoration:none;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
float:left;
text-align: center;
}	
ul.ingmenu li a:hover {
color: #fff;
background: url(images/orange_button.png) no-repeat;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
height: 37px !important;
width: 141px;
display: block;
float:left;
text-align: center;
}



ul.ingmenu2 {
margin:0;
padding: 0;
}
ul.ingmenu2 li {
margin: 0;
list-style: none;	
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
font-weight: bold;
color: #fff;
height: 37px;
width: 141px;
display: block;
padding: 0 0 0 5px;
line-height: 2.4em;
float:left;
text-align: center;
}	
ul.ingmenu2 li a, ul.ingmenu2 li a:visited {
background: url(images/orange_button.png) no-repeat;
display: block;
width: 141px;
color: #fff;
height: 37px !important;
/* Start hide from IE Mac */
height: 1%;
/* End hide from IE Mac */	
text-decoration:none;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
float:left;
text-align: center;
}	
ul.ingmenu2 li a:hover {
color: #fff;
background: url(images/orange_button.png) no-repeat;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
height: 37px !important;
width: 141px;
display: block;
float:left;
text-align: center;
}


ul.ingmenu3 {
margin:0;
padding: 0;
}
ul.ingmenu3 li {
margin: 0;
list-style: none;	
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
color: #0161b7;
height: 37px;
display: block;
padding: 0 0 0 0;
line-height: 2.7em;
width: 300px;
}	
ul.ingmenu3 li a, ul.ingmenu3 li a:visited {
background: url(images/cessmenu_on.png) no-repeat left;
display: block;
color: #0161b7;
height: 37px !important;
/* Start hide from IE Mac */
height: 1%;
/* End hide from IE Mac */	
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
width: 300px;
padding: 0 0 0 32px;
}	
ul.ingmenu3 li a:hover {
color: #0161b7;
background: url(images/cessmenu_off.png) no-repeat left;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
height: 37px !important;
display: block;
width: 300px;
padding: 0 0 0 32px;
text-decoration:underline;
}

p.mainarea_text1 {
font-family: Georgia, 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:18px;
line-height:1.2em;
margin:1.5em 0 0 110px;
padding: 0 35px 0 35px;
color: #fff;
letter-spacing: 0.05em;
display: block;
background: url(images/cessmenu_on.png) no-repeat top left;
}

p.mainarea_text2 {
font-family: Georgia, 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:18px;
line-height:1.2em;
margin:1em 0 0 140px;
padding: 0 35px 0 35px;
color: #fff;
letter-spacing: 0.05em;
display: block;
background: url(images/cessmenu_on.png) no-repeat top left;
}

/**************************************************************
	[ HEADER AREA ]
**************************************************************/

div.contactspan_left {
margin: 0;
float: left;
padding: 0;
display: block;
width: 459px;
height: 29px;
}
div.contactspan_right {
margin: 0;
float: left;
padding: 0;
display: block;
width: 125px;
height: 29px;
padding-right: 11px;
}

ul.ingcontact {
margin:0;
padding: 0;
}
ul.ingcontact li {
margin: 0;
list-style: none;	
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
font-weight: bold;
color: #f1f1f1;
height: 29px;
width: 125px;
display: block;
padding: 0;
line-height: 1.8em;
float:left;
text-align: center;
}	
ul.ingcontact li a, ul.ingcontact li a:visited {
background: url(images/ing_contactbutton.png) no-repeat bottom right;
display: block;
width: 125px;
color: #f1f1f1;
height: 29px !important;
/* Start hide from IE Mac */
height: 1%;
/* End hide from IE Mac */	
text-decoration:none;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
float:left;
text-align: center;
}	
ul.ingcontact li a:hover {
color: #f1f1f1;
background: url(images/ing_contactbutton_on.png) no-repeat bottom right;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
height: 29px !important;
width: 125px;
display: block;
float:left;
text-align: center;
}

p.contacttext {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
line-height:1em;
margin: 0;
padding: 6px 10px 0 0;
color: #bdaf8f;
text-align: right;
}

ul.himg_list {list-style-type:none; display:block; margin:0; padding: 0 0 1em 12px;}
ul.himg_list li {display:inline; margin-right: 6px;}

img.hlist {
width:130px;
height:auto;
overflow:hidden;
background: #f9f9f9;
padding: 1px;
margin-bottom: 5px;
}
a:link.thumb img, a:visited.thumb img {border:6px solid #1a4770;}
a:hover.thumb img {border:6px solid #5c8fbd;}

ul.himg_list2 {list-style-type:none; display:block; margin:0; padding: 0 0 0 12px;}
ul.himg_list2 li {display:inline; margin-right: 6px;}

img.hlist2 {
width:350px;
height:212px;
overflow:hidden;
background: #f9f9f9;
padding: 1px;
margin-bottom: 5px;
}
a:link.thumb img, a:visited.thumb img {border:6px solid #1a4770;}
a:hover.thumb img {border:6px solid #5c8fbd;}


















/**************************************************************
	[ DISPLAY AREA ]
**************************************************************/
div.yellowbox {width: 154px; height: 121px; margin: 0; background: url(images/yellowbox.png) no-repeat top left; float: right;}
div.greenbox {width: 146px; height: 121px; margin: 0; background: url(images/greenbox.png) no-repeat top left; float: right;}
div.orangebox {width: 149px; height: 121px; margin: 0; background: url(images/orangebox.png) no-repeat top left; float: right;}

span.morelink {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#fff;
font-weight:bold;
margin: 0;
float: right;
height: 20px;
width: 137px;
display: block;
}
span.morelink a:link, span.morelink a:visited {text-decoration: none; color: #fff; float: right; padding-right: 16px;}
span.morelink a:hover {text-decoration: underline; color: #484540; float: right;}

span.tabinfo {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#fff;
margin: 0;
float: right;
height: 56px;
width: 137px;
display: block;
padding-top: 32px;
}

/**************************************************************
	[ CONTENT AREA ]
**************************************************************/
div#menu {width: 250px; height: auto;  margin: 0 auto; float: left; padding-right: 10px;}
div#content {width: 660px; height: auto; margin: 0 auto; float: left;}


div.content_block3 {width: 602px; height: auto; margin: 0 1px 0 1px; float: left; padding: 0 10px 0 10px;}
div.content_right {width: 1411px; height: 160px; margin: 0 1px 0 1px; float: left; padding: 5px 0 0 10px;}
div.content_left {width: 640px; height: auto; margin: 0; float: left; padding: 0 10px 0 10px;}



div.content_block3 p {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
line-height:1.6em;
margin:1em 0 1em 0;
padding: 0;
color: #222;
}



/**************************************************************
	[ SUBCONTENT AREA ]
**************************************************************/


p.email_nfo {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:16px;
line-height:1em;
margin:4em 0 0 2em;
padding-left: 24px;
color: #999;
background: url(images/mailicon.png) no-repeat top left;
}
p.email_nfo a:link, p.email_nfo a:visited {color: #999; text-decoration: none; border-bottom: 1px dotted #999;}
p.email_nfo a:hover {color: #f8f8f8;  text-decoration: none; border-bottom: 1px solid #f8f8f8;}

p.phone_nfo {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:16px;
line-height:1em;
margin:0.5em 0 0 2em;
padding-left: 24px;
color: #999;
background: url(images/phoicon.png) no-repeat top left;
}
p.mail_nfo {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:16px;
line-height:1.5em;
margin:1em 0 0 2em;
color: #bdaf8f;
}


div#picholder {width: 616px; height: 181px; margin: 0 auto;}



div#testimonials {width: 416px; height: 200px; margin: 0 auto; float: left; background: url(images/commentbox.jpg) no-repeat top right;}

div#testimonials p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:15px;
line-height:1.6em;
margin:1.5em 0 1em 0;
padding: 0;
color: #fff;
padding-right: 90px;
font-style: italic;
}

span.name {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#bdaf8f;
font-weight:bold;
margin: 0;
height: 20px;
width: 320px;
display: block;
padding-right: 96px;
text-align: right;
}

b.bigger {font-size: 18px; font-weight: bold;}

div#linkblock {width: 165px; height: 185px; margin: 0 auto; float: left; padding: 15px 20px 0 15px;}


/**************************************************************
	[ FOOTER AREA ]
**************************************************************/
div#footer_left {width: 304px; height: 130px;  margin: 0 auto; float: left; padding: 0 0 0 0; background: url(images/pcsfooter_bg.jpg) no-repeat bottom center;}

div#footer_left p {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:11px;
line-height:1.6em;
margin:50px 0 0 0;
padding: 0 45px 0 45px;
color: #999;
}
div#footer_left p a:link, div#footer_left p a:visited {color: #bdaf8f; text-decoration: none;}
div#footer_left p a:hover {color: #f8f8f8;  text-decoration: none;}

div#footer_right {width: 616px; height: 130px; margin: 0 auto; float: left;}

div#footer_right p {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
margin:50px 0 0 0;
padding: 0 0 0 40px;
color: #999;
text-align: right;
}
div#footer_right p a:link, div#footer_right p a:visited {color: #bdaf8f; text-decoration: none;}
div#footer_right p a:hover {color: #f8f8f8;  text-decoration: none;}

/**************************************************************
	[ FORM STUFF ]
**************************************************************/
ol.mail_formlist {list-style-type:none; margin: 0; padding:0;}
ol.mail_formlist li {list-style-type:none; padding:0 13px 10px 0; display: block; height: 16px;}

.mlist_fset {
height: auto;
width: auto;
padding:10px 0 0 10px;
border: none;
margin: 0;
}
.mlist_input {
width: 115px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:10px;
border: 1px solid #199097;
height: 16px;
float: left;
color: #111;
}
.mlist_input:hover {
width: 115px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:10px;
border: 1px solid #199097;
height: 16px;
float: left;
background: #dae7f3;
color: #111;
}
.mlist_label {   
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#fff;
font-weight: bold;
margin: 0;
padding: 0 0 0 10px;
}
.mlist_button {
font-family: Arial, Helvetica, sans-serif;
background: url(images/mlist_button_off.png) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 76px;
height: 18px;
float: right;
border: none;
color: #fff;
}
.mlist_button:hover {
font-family: Arial, Helvetica, sans-serif;
background: url(images/mlist_button_on.png) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 76px;
height: 18px;
float: right;
border: none;
color: #1a80db;
}