/* CSS Document */

body
{
	text-align:center;
	width:100%;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#165485;
}

p span
{
	color:#E17100;
	font-weight:bold;
}

#headerContainer
{
	width:100%;
	background-color:#154168;
	height:135px;
	text-align:center;
}
 
#headerContainer h1
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:left;
	padding:58px 0px 0px 20px;
}

#header_home
{
	width:980px;
	height:135px;
	text-align:center;
	background-image:url(../home_header.jpg);
}

#header_odour
{
	width:980px;
	height:135px;
	text-align:center;
	background-image:url(../odour_header.jpg);
}

#header_dust
{
	width:980px;
	height:135px;
	text-align:center;
	background-image:url(../dust_header.jpg);
}


#header_odr
{
	width:980px;
	height:135px;
	text-align:center;
	background-image:url(../odr_header.jpg);
}

#header_weather
{
	width:980px;
	height:135px;
	text-align:center;
	background-image:url(../weather_header.jpg);
}

#header_mobile
{
	width:980px;
	height:135px;
	text-align:center;
	background-image:url(../mobile_header.jpg);
}


#header_additives
{
	width:980px;
	height:135px;
	text-align:center;
	background-image:url(../additives_header.jpg);
}

#header_fans
{
	width:980px;
	height:135px;
	text-align:center;
	background-image:url(../fans_header.jpg);
}

#header_water
{
	width:980px;
	height:135px;
	text-align:center;
	background-image:url(../water_header.jpg);
}
#header_air
{
	width:980px;
	height:135px;
	text-align:center;
	background-image:url(../air_header.jpg);
}

#menuContainer
{
	width:980px;
	text-align:center;

}

.menuContainer
{
	width:980px;
	text-align:center;

}

#menu
{
width:940px;
height:20px;
font-size:12px;
}


#menu2
{
width:940px;
height:20px;
font-size:12px;
}


#menu ul
{

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#menu ul li
{
	display:inline;
	margin:0px 0px 0px 0px;
	font-size:12px;
}

#menu ul li a
{
	color:#FFFFFF;
	text-decoration:underline;
	line-height:24px;
	display:block;
	background-color:#5ac6e2;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	font-size:12px;
}

#menu ul li a:hover
{
	color:#ffffff;
	text-decoration:underline;
	background-color:#000066;
}


#menu2 ul
{

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#menu2 ul li
{
	display:inline;
	margin:0px 0px 0px 0px;
}

#menu2 ul li a
{
	color:#FFFFFF;
	text-decoration:underline;
	line-height:24px;
	display:block;
	background-color:#2d9ebb;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
}

#menu2 ul li a:hover
{
	color:#ffffff;
	text-decoration:underline;
	background-color:#000066;
}


#mainContainer
{
	width:100%;
	background-color:#165485;
	background-image:url(../bg.jpg);
	background-repeat:repeat-x;
}


#mainContainer p
{
	font-size:10px;
	color:#FFFFFF;
	margin:0px 0px 20px 0px;
}

#mainContainer a
{
	color:#FFFFFF;
	text-decoration:underline;
}

#mainContainer a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}


#textContainer
{
	width:980px;
	text-align:left;
	background-color:#FFFFFF;
	margin:0px 0px 20px 0px;
	font-size:12px;
	color:#000000;
	padding:20px 0px 20px 0px;
}

#textContainer ul
{
	margin:10px 0px 0px 40px;
}

#textContainer img
{
	float:right;
	margin:0px 0px 20px 0px;
}

#textContainer h2
{
	margin:0px 0px 0px 20px;
	font-size:16px;
	color:#E17100;
}

#textContainer p
{
	font-size:12px;
	color:#000000;
	margin:10px 15px 0px 20px;
}

#textContainer h3
{
	font-size:16px;
	color:#E17100;
	margin:10px 0px 0px 20px;
}

#textContainer h4
{
	font-size:12px;
	color:#1b5faa;
	margin:10px 0px 0px 20px;
}

#textContainer a
{
	color:#0033CC;
}

#textContainer a:hover
{
	text-decoration:none;
	color:#FF0000;
}

#rightCol
{
	width:340px;
	float:right;
	margin:0px 20px 10px 10px;
}

#rightCol p
{
	margin:10px 0px 0px 0px;
}


#home_base
{
	width:980px;
	height:67px;
	margin:10px 0px 10px 0px;
	background-image:url(../home_base.jpg);
}

#mobile_base
{
	width:980px;
	height:67px;
	margin:10px 0px 10px 0px;
	background-image:url(../mobile_base.jpg);
}

#mobile_base h4
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:right;
	padding:25px 15px 0px 20px;
}

#weather_base
{
	width:980px;
	height:67px;
	margin:10px 0px 10px 0px;
	background-image:url(../weather_base.jpg);
}

#weather_base h4
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:right;
	padding:25px 15px 0px 20px;
}



#home_base h4
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:right;
	padding:25px 15px 0px 20px;
}

#odour_base
{
	width:980px;
	height:67px;
	margin:10px 0px 10px 0px;
	background-image:url(../odour_base.jpg);
}

#odour_base h4
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:right;
	padding:25px 15px 0px 20px;
}


#dust_base
{
	width:980px;
	height:67px;
	margin:10px 0px 10px 0px;
	background-image:url(../dust_base.jpg);
}

#dust_base h4
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:right;
	padding:25px 15px 0px 20px;
}

#additives_base
{
	width:980px;
	height:67px;
	margin:10px 0px 10px 0px;
	background-image:url(../additives_base.jpg);
}

#additives_base h4
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:right;
	padding:25px 15px 0px 20px;
}


#odr_base
{
	width:980px;
	height:67px;
	margin:10px 0px 10px 0px;
	background-image:url(../odr_base.jpg);
}

#odr_base h4
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:right;
	padding:25px 15px 0px 20px;
}


#fans_base
{
	width:980px;
	height:67px;
	margin:10px 0px 10px 0px;
	background-image:url(../fans_base.jpg);
}

#fans_base h4
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:right;
	padding:25px 15px 0px 20px;
}

#air_base
{
	width:980px;
	height:67px;
	margin:10px 0px 10px 0px;
	background-image:url(../air_base.jpg);
}

#air_base h4
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:right;
	padding:25px 15px 0px 20px;
}

p.contact
{
	background-color:#165485;
	width:300px;
	padding:10px;
	color:#FFFFFF;
}


a.contact
{
	color:#FFFFFF;
}

p.contact a:hover
{
	text-decoration:none;
	color:#FFFFFF;
}

#newsCont
{
	width:340px;
	background-color:#dddddd;
	padding-bottom:10px;
	margin-bottom:20px;
}

.newsCont
{
	width:340px;
	background-color:#dddddd;
	padding-bottom:10px;
	margin-bottom:20px;
}

#newsCont p
{
	margin:10px 10px 0px 10px;
}

.newsCont p
{
	margin:10px 10px 0px 10px;
}

#crumb
{
	width:980px;
	text-align:right;
	background-color:#FFFFFF;
}

#crumb p
{
	margin:0px 15px 0px 0px;
	font-size:12px;
	color:#333333;
	padding:5px 0px 0px 0px;
}

#crumb p a
{
	color:#1b5faa;
}

#crumb p a:hover
{
	text-decoration:none;
}

#textContainer hr
{
margin:15px 15px 0px 20px;
border
}

#water_base
{
	width:980px;
	height:67px;
	margin:10px 0px 10px 0px;
	background-image:url(../water_base.jpg);
}

#water_base h4
{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:right;
	padding:25px 15px 0px 20px;
}
		.accordion_toggle {
			display: block;
			padding: 10 10px 10 10px;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #ffffff;
			cursor: pointer;
			margin: 0 0 0 0;
			background-color:#5ac6e2;
			text-indent:15px;
			line-height:25px;
		}
		
		.accordion_toggle_active {
			color: #000000;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			padding: 0 10px 0 10px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			display: block;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto; 
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
    }
	
	#vertical_container
	{
		margin:20px 0px 20px 15px;
		width:590px;
		float:left;
	}