*
{
    font-family: Arial;
}

body
{
background-image:url(../images/qback.gif);
margin:0px;
padding:0px;
color: #fff;
}

form
{
    margin:0px;
    padding:0px;
}

img
{
    border: none;
}

img.left
{
    float: left;
    padding-right: 16px;
    padding-bottom: 4px;
}

input, select, textarea
{
    font-size:13px;
    font-family:Arial;
}

a
{
    color: #ffffff;
   
}

h1, h4
{
    color: #ffffff;
	padding:0px;
	margin:0px;
}

h1
{
    font-size: 22px;
    margin: 0px 0 10px 0;
    border-bottom: 2px dotted #F6DC82;
    padding-bottom: 4px;
}

h2
{
    font-size: 14px;
	padding-top:5px;
}

h2, h3
{
    font-size: 15px;
    color: #F6DC82;
    margin: 2em 0 1em 0
}

h4
	{
	padding:0px;
	margin:0px;
	color:#F6DC82;
	font-size: 14px;
	}
p
{
    line-height: 1.4em;
    font-size: 14px;
   
    margin: 1em 0 0 0;
}

sub, sup
{
    font-size: 9px;
}

table, td, tr
{
    font-size: 14px;
}

ul, li
{
    font-size: 14px;
}

.top-keyline
{
    position: relative;
    height: 1px;
    background-image: url(../images/keyline-blue.gif);
}

.page
{
    margin: auto;
    width: 984px;
    background-image: url(../images/background-blue.png);
    background-repeat: repeat;
	border-left:1px solid;
	border-right:1px solid;
	border-color: #fff;
}

.logo
{
    position: relative;
    left: 12px;
    top: 8px;
	width:484px;
	overflow:hidden;
}

.logo img
{
    width: 484px;
    height: 89px;
}

.banner
{
    height: 327px;
    overflow: hidden;
}

.hero
{
    height: 89px;
    overflow: hidden;
    background: url('../images/hero.jpg') no-repeat;
}

    .fixed
    {
	background-image: url('../images/fixed-low.jpg');
    }
    
    .pat
    {
	background-image: url('../images/pat-low.jpg');
    }
    
    .thermo
    {
	background-image: url('../images/thermo-low.jpg');
    }
    
    .load
    {
	background-image: url('../images/load-low.jpg');
    }




.banner-services{
    
    height: 80px;
    background: url('../images/loadmonitoring-low.jpg')
}



.bar
{
    height: 4px;
    overflow: hidden;
    background-image: url(../images/white-bar.gif);
    background-repeat: repeat-x;
}

.clear
{
    clear: both;
}

.clear-left
{
    clear: left;
}

.content
{
    padding: 15px 255px 25px 25px;
}

.content-container
{
	overflow:hidden;
    background-image: url(../images/background-black.gif);
    background-repeat: repeat;
}

.content-services
{
}

.footer
{
    position: relative;
    height: 93px;
}

.footer-bar
{
    clear: both;
    height: 9px;
    overflow: hidden;
    background-image: url(../images/footer-bar.png);
    background-repeat: repeat-x;
}

.footer-links
{
    float: left;
    margin-top: 10px;
    margin-left: 25px;
    padding-left: 11px;
   
    color: #ffffff;
}

.footer-links a
{
    text-decoration: none;
	font-size:10px;
}

.footer-logos
{
    float: right;
    margin-right: 8px;
    margin-top: 10px;
}

.footer-logos a
{
    margin-right: 7px;
}

.header
{
    height: 101px;
    overflow: hidden;
}

.info-box
{
    float: left;
    width: 352px;
}

.line
{
    overflow: hidden;
    border-top: 1px solid white;
    height: 1px;
    margin-top: 8px;
    padding-bottom: 16px;
}

.menu
{
    height: 26px;
    overflow: hidden;
    background-image: url(../images/menu-background.png);
    background-repeat: repeat-x;
    padding-left: 186px;
}

.menu a
{
    background-image: url(../images/button-menu2.png);
    width: 131px;
    height: 26px;
    float: left;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
}

.menu a.first
{
    background-image: url(../images/button-menu.png);
    width: 132px;
}

.menu-services
{
}

.menu-services a
{
    background-image: url(../images/button-services2.png);
    width: 188px;
    height: 31px;
    float: left;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
}
#pat_btn
	{
	background-image: url(../images/button-services5.png);
	}
#lms_btn
	{
	background-image: url(../images/button-services3.png);
	}
#ti_btn
	{
	background-image: url(../images/button-services4.png);
	}
.menu-services a.first
{
    background-image: url(../images/button-services.png);
    width: 189px;
}

.menu-top
{
    float: right;
    margin-right: 11px;
	height:21px;
}

.menu-top a
{
    background-image: url(../images/button-top.png);
    width: 81px;
    height: 21px;
    float: left;
    display: block;
    font-size: 9px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
	overflow:hidden;
}

.menu-top-button a
{
    width: 81px;
    height: 21px;
	overflow:hidden;
	float: none;
    background-image: none;
}

.qwd
{
    display: block;
    margin-top: 40px;
}

.services-panel
{
    float: right;
    width: 230px;
    height: 655px;
    background-image: url(../images/services-panel.png);
    background-repeat: no-repeat;
}

.service
{
    position: relative;
    float: left;
    display: block;
    width: 199px;
    height: 127px;
    margin-top: 25px;
    margin-left: 15px;
    text-decoration: none;
}

.service span
{
    display: block;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 9px;
}

.service .title
{
    display: block;
    font-size: 18px;
    font-weight: bold;
	color: #CCCCCC;
}

.service span.text
{
	font-size:14px;
	line-height:20px;
}

.service .more
{
    position: absolute;
    display: block;
    left: 110px;
    top: 95px;
    color: #999999;
	font-size:12px;
}

.service-content
{
    display: none;
}

.service-fixed-wire
{
    background-image: url(../images/service-box-red.png);
}

.service-portable-appliance
{
    background-image: url(../images/service-box-blue.png);
}

.service-thermograpic
{
    background-image: url(../images/service-box-brown.png);
}

.service-fixed-load-monitoring
{
    background-image: url(../images/service-box-grey.png);
}

#service-banner
{
	width:751px;
	overflow:hidden;
}

.think
{
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 22px;
    color: White;
}

.what
{
    border: 1px solid #ffffff;
    padding: 16px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: bold;
    color: Red;
}


/*=== Forms =========================================*/

.form
{
    clear: left;
    overflow: hidden;
}



.form .row
{
    clear: both;
    margin-top: 8px;
}



.msg
{
    color: Red;
}



.form .msg, .form .msg div
{
    font-size: 12px;
    line-height: 18px;
}



.form .fixed
{
    height: 24px;
}



.form .row .label
{
    float: left;
    width: 250px;
    font-size:13px;
    color: #ffffff;
    text-align:right;
}



.form .row .data
{
    overflow: hidden;
    padding-left: 8px;
}



.form .row .data .textbox
{
    width: 177px;
}

.section
{
    clear: both;
    position: relative;
    overflow: hidden;
    margin-bottom: 32px;
}



.section .left
{
    float: left;
    width: 309px;
}



.section .right
{
    float: right;
    width: 309px;
}



.form h3
{
    margin: 0px;
    padding: 0px;
}

.left_thumb
{
float:left;
padding-right:10px;
padding-top:6px;
margin:0px;
}
.right_thumb
{
float:right;
}
hr
{
color:#F6DC82;
border:1px dotted;
}
.benefits_thumb
{
float:left;
padding-right:5px;
padding-top:3px;
}
.dot
{
border-bottom:1px dotted;
}




.honey
{visibility:hidden}



/*************  COMMENTS ****************/

.comment{
    
    
    background: #FFFF00;
    border: 1px dotted white;
    padding: 10px;
    margin: 0.5em 0 2em 0;
    width: 200px;
}



/*************** HOME PAGE ***************/

.home-block{
    
    background: white;
    color: #FE0000;
    
    margin: 1em 0;
    padding: 10px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

.home-block a:link,
.home-block a:visited,
.home-block a:hover,
.home-block a:active
{
    
  
    color: #FE0000;
}


.home-block .quote{

    color: #094F9D;
    font-size: 1.2em


}

/******** SCHOOLS ***********/


.test-type{
    
    border: 1px solid white;
    
    margin: 2em 0;
    padding: 15px;
    
    }

.test-type .heading{
    
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    font-size: 1.4em;
    
}




.beware
{
    color: black;
    background: white;
    margin: 1em 30px  1em 0;
    padding: 15px
    
}

.beware h2{
    
    margin-top: 0;
    color: #FE0000;
    font-size: 1.2em
}

.beware p{
    color: black
}



.quote{
    
    text-align: center;
    margin: 1em 3em;
    font-size: 1.2em;
    
}


/************ Services ****************/

.services-block{
    float:right;
    width: 220px;
    background: #fff;
    padding: 15px;
    margin: 0 0  15px 15px;
}

.services-block h2{
    margin-top: 0;
    color: #FE0000;
    font-size: 1.4em;
}

.services-block p{
    color: black
}

.services-block a:link,
.services-block a:visited,
.services-block a:hover,
.services-block a:active
{
    
  
    color: black;
}




