/**************************************************************
   AUTHOR:  steve@fusonik.co.uk
 **************************************************************/

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 150%;
	color: #404141;
	background-color: #F9F9F9;
	background-image: url(../img/bgfade.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #383838;
}

h1 {
	clear: both;
	color: #393A39;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: 700;
}

h2 {
	color: #2A2C2D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

h3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 10px;
}

h4 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 7px;
}

h5 {
	color: #004253;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F9F9F9;
	line-height: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}

h6 {
	color: #004253;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 0px;
}
b {
  color: #FFF;
}

ol, ul {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

ol {
  color: #017994;
}

ol span {
  color: #EEE;
}

ul {
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
}

del {
  color: #666666;
}

acronym {
	cursor: help;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #777;
}

dt {
  font-weight: bold;
  color: #333333;
}

dd {
  margin-left: 0;
  padding-left: 45px; 
}




/**************************************************************
   Form Elements
 **************************************************************/

label {
  display: block;
}

input,
textarea,
select {
	padding: 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 400;
	background-color: #EDEEEE;
	border: 1px solid #37A8D0;
	margin: 0px;
}

input:focus,
input:hover,
textarea1:focus,
textarea1:hover,
select:focus,
select:hover {
	color: #333333;
	border: 1px solid #0F96B6;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

input.button {
	color: #FFFFFF;
	width: 20px;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bolder;
	border: 1px none #247998;
	background-image: url(../img/buttonbg.jpg);
	background-repeat: repeat-x;
	background-color: #2A94BC;
}





/**************************************************************
   Blockquote and included icons
 **************************************************************/

blockquote {
	color: #018295;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top-style: dotted;
	border-bottom-style: dotted;
	font-size: 1.3em;
	line-height: 19px;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}





/**************************************************************
   Images
 **************************************************************/

img.floatRight {
  margin: 5px 0px 10px 15px;  
}

img.floatLeft {
  margin: 5px 15px 10px 0px;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:hover img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
input.buttonleft {

	color: #333333;
	float: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 18%;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	background-color: #C0C0C0;
	border: 1px solid #FFFFFF;
}
p {
	margin-top: 5px;
	line-height: 16px;
}
.intropara {
	font-family: Tahoma, Arial, "Helvetica 55 Roman";
	font-size: 1.2em;
	color: #393A39;
	line-height: 19px;
	font-weight: bold;
}
.imageright {
	float: right;
	margin-left: 10px;
}
.imageleft {
	float: left;
	border: 3px solid #FFFFFF;
	margin-right: 10px;
}
.contactfrom {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #F5F5F5;
	border: 1px solid #999999;
	width: 100%;
	font-size: 1em;
	padding: 2px;
}
.newsletterform {
	width: 110px;
	height: 17px;
	background-color: #E6E6E6;
	color: #404141;
	border: 1px solid #0F96B6;
	padding-top: 2px;
}
#container {
	width: 951px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.strapline {
	background-image: url(../img/TheTotalUtilitySolution.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 35px;
	width: 215px;
	margin-top: 28px;
}
h1, h2, h3, h4, p, dl {


	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin: 0;
}
.kammap {
	padding-top: 13px;
	padding-left: 12px;
}
