/* CSS Document */


/* for Internet Explorer */
/*\*/
* html .container {
height: 790px;
}
/**/


* {font-family:Arial, Helvetica, sans-serif;
}


#container {
width:900px;
margin:auto;
height: auto;
background-color:#FFFFFF;
border: 0px solid  #CCCCCC;
}


#header {
width:900px;
height:80px;
}

#navShadow {
width:900px;
height:5px;
background-image:url(images/navdrop_shadow.png);
background-repeat:repeat-x;
}

#breadcrumbs {
clear:both;
width:98%;
float:left;
height:10px;
padding:7px;
}

/*IE6 Only */
*html #breadcrumbs {
clear:both;
width:900px%;
float:left;
height:10px;
padding: 0 0 0 10px;
}

#homeDiv{
clear:both;
width:98%;
float:left;
height:10px;
padding:0;
}

#navigation {
margin: 0 0 0 0;
}

#top_imagebar {
margin-left:8px;
margin-top:4px;
margin-bottom:8px;
float:left;
z-index:-1;
}

/*IE6 Only */
*html #top_imagebar {
margin-left:5px;
margin-top:4px;
margin-bottom:8px;
float:left;
z-index:-1;
}

#right_imagebar {
float:right;
margin-right:4px;
}

/*IE6 Only */
*html #right_imagebar {
float:right;
margin-left:0;
}



#maincontentHome {
clear:left;
margin-left:8px;
width:687px;

background-color:;
}

#maincontent{
float:left;
width:420px;
height:auto;
margin-top:5px;
background-color:;
}

#maincontentLeft{
margin-left:8px;
margin-top: 5px;
clear:both;
float:left;
width:221px;
height:295px;
}

#maincontentLeftNews{
margin-left:8px;
margin-top: 5px;
clear:both;
float:left;
width:221px;
height:auto;
}

#maincontentDistibutors{
margin-left:0;
margin-top: 5px;
margin-right:8px;
clear:both;
float:left;
width:221px;
height:295px;
}

#maincontentLeftMap{
margin-left:8px;
margin-top: 5px;
clear:both;
float:left;
width:206px;
height:295px;
padding-left:10px;
}


#logoBar{
clear: both;
float:right;
margin-right:10px;
}

#rightContent{
float:right;
width:218px;
height:auto;
margin-top:5px;
}

#rightForm{
float:left;
}

#News {
float:left;
width:67%;
_min-height:200px;
background-color:#FFFFFF;
}

.newsimage {
float:right;
width:150px;
height:auto;
padding: 4px 0 0 15px;
}

#Homebuttons{
float:left;
margin-left:14px;
width:30%;
min-height:300px;
background-color:#FFFFFF;
}

.imageHome{
float:left;
padding:4px;
}

#HomeForm {
background-image:url(images/formbackground.gif);
background-repeat:repeat-x;
height:112px;
margin-bottom:8px;
padding:5px 0 0 4px;
}

.NewsArticle1 {
clear:both;
height:84px;
}

.NewsArticle2 {
clear:both;
height:95px;
}


.button {
height:23px;
margin-top:0;
background-image:url(images/bubble_button.jpg);
background-repeat:no-repeat;
}

.LineShadow{
background-image:url(images/underline_shadow.gif);
background-repeat:repeat-x;
height:10px;
}

#footer{
clear:both;
padding: 8px 8px 8px 7px;
height:30px;
text-align:left;
width: auto;
}

#leftblock{
width:221px;
height:202px;
background-color: #000033;
margin:0 0 8px 8px;
float:left;
}


/*IE6 Only */
*html #leftblock{
width:221px;
height:202px;
background-color: #000033;
margin:0 0 8px 5px;
float:left;
}

#middleblock{
width:442px;
height:202px;
background-color:#666666;
margin:0 0 8px 0;
float:left;
}

/*IE6 Only */
*html #middleblock{
clear:right;
}

#rightblock{
width:221px;
height:202px;
background-color:#999999;
margin:0 8px 8px 0;
float:right;
}


/*Home page rollover buttons*/

#CaseStudies {display: block; margin-top:5px; margin-bottom:6px;float:right; width: 213px; height: 85px; background: url("images/case_studies_85pxroll.jpg") no-repeat 0 0;}
#CaseStudies:hover { background-position: 0 -85px;}
#CaseStudies span {display: none;}

#Link2my {display: block; margin-bottom:7px; float:right; width: 213px; height: 85px; background: url("images/LINK2_roll.jpg") no-repeat 0 0;}
#Link2my:hover { background-position: 0 -85px;}
#Link2my span {display: none;}

#SupportCentre {display: block; margin-bottom:7px; float:right; width: 213px; height: 85px; background: url("images/SUPPORT_roll.jpg") no-repeat 0 0;}
#SupportCentre:hover { background-position: 0 -85px;}
#SupportCentre span {display: none;}

#EnergyEfficient {display: block; margin-bottom:6px;  float:right;width: 213px; height: 125px; background: url("images/energy_efficient_roll.jpg") no-repeat 0 0;}
#EnergyEfficient:hover { background-position: 0 -125px;}
#EnergyEfficient span {display: none;}


/*Form menus*/

#menubar1{
position:relative;
left:3px;
width: 130px;
height:11px;
font-size:11px;
margin: 5px 10px 0 0;
}

#menubar2{
position:relative;
left:6px;
width: 130px;
height:11px;
font-size:11px;
margin: 0 15px 0 0;
}

#menubar3{
position:relative;
left:5px;
width: 150px;
height:17px;
font-size:11px;
line-height:18px;
padding: 0 0 0 0px;
}

#menubar4{
position:relative;
left:14px;
width: 150px;
height:17px;
font-size:11px;
line-height:18px;
padding: 0 0 0 0px;
}

#send{
position:relative;
left:28px;
font-size:11px;
}

#maincontentMap{
float:left;
width:150px;
height:auto;
margin:5px;
background-color:;
}

#GoogleMap{
width:400px;
height:305px;
margin:0px 8px 0 0;
font-size:12px;
border: 1px #000033 solid;
padding: 5px 5px 10px 5px
}



#NewsLogo{
margin: 15px 15px 0 8px;
}


#password{
margin: 55px 0 0 0;

}

/* HIGHLIGHT CURRENT PAGE! 
--------------------------------------------------*/

#CaseStudiesBT .CaseStudiesBT,
#CaseStudiesCoop .CaseStudiesCoop,
#Home .Home,
#aboutadam .aboutadam,
#case_studies_BG .case_studies_BG,
#environment .environment,
#newspage .newspage,
#highlight .highlight
{background:url(images/nav_button2.gif) repeat-x;
	cursor:default;
	padding: 4px 10px 5px 10px;
	}

/* Product content page*/


#SMARTheader {
width:442px;
height:15px;
margin: 5px 0 10px 0;

}

#SMARThome{
width:442px;
height:80px;
background-image:url(images/underline_shadow.gif);
background-repeat:repeat-x;
background-position:bottom;
margin-bottom:0;
}

#productTitle {
color:#666666;
padding: 0 0 0 0;
float:left;
width:110px;
padding-top:20px;
}

#product {
position:relative;
top: 0px;
left:0px;
text-align:center;
float:left;
width:80px;
}

#productPDF {
position:relative;
top:5px;
display:block;
text-indent:54px;
float:right;
margin-right:0px;
width:250px;
background-image: url(images/Adobe_Acrobat_50px.jpg);
background-repeat:no-repeat;
background-position:2px left;
font-size:11px;
line-height:16px;
padding:0 0 0 0;
margin: 0 0 10px 0px;
text-decoration:none;
}


.graphs{
padding: 0 0 15px 10px;
}



#graphCaseStudy{
margin-top:85px}

#spacer1{
width200px;
height:20px;
}

#countdown{
font-size:11px;
width:12px;
height:12px;
margin: 0 3px 0 3px;
}