/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
body { background:#fff; padding:15px; font-size:12px; font-family:arial, helvetica, sans-serif; color:#333; line-height:1.7; }
html {background:url(background.gif) #fff  top repeat-x; overflow:auto;}

/* Standard Styles */
* {padding:0; margin:0;}
.clear {clear:both; height:0;}
hr {margin:5px 0;}
blockquote {margin-left:40px;}
p {margin:0 0 1.5em 0}
.left {float:left;}
.right {float:right;}

a { color:#0e1687; text-decoration:underline  }
a:hover { color:#fd780a;}
a img { border:none;}
a:hover img {  }
a img.noback, a:hover img.noback { background:none; padding:0; border:none; }
a.arrowlink {background:url(linkarrow.gif) top left no-repeat; padding:0 0 0 15px; clear:both;}

h1, h2, h3, h4 {font-family:; text-align:left;;}
h1 {color:#0e1687; font-size:26px; font-weight:normal;margin:0 0 15px 0; padding:0 0 4px 0; line-height:1; border-bottom:1px solid #fd780a}
h2 {color:#fd780a; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 3px 0;  line-height:1; border-bottom:1px solid #ddd}
h3 {color:#0e1687; font-size:18px; font-weight:normal; margin:0 0 10px 0;  padding:0; line-height:1}
h4 {color:#fd780a; font-size:16px; font-weight:bold; margin:0 0 10px 0 14px 0;  padding:0; line-height:1}

img.clsleft { margin-right:25px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:25px; margin-bottom:10px; }
img.clsborderleft { margin-right:25px; margin-bottom:8px; border:1px solid #fd780a; padding:2px;}
img.clsbordermiddle { margin-right:8px; margin-left:8px; border:1px solid #fd780a; padding:2px;}
img.clsborderright { margin-left:25px; margin-bottom:8px; border:1px solid #fd780a; padding:2px; }
.border {border:1px solid #fd780a; padding:2px; }
.noborder {border:0;}

.notes { font-size:0.8em; color:#888; margin:1.5em 0;}
.shout {color: #0e1687; font-size: 1.2em; font-weight:bold; margin:0; }
.shout2 {color: #fd780a; font-size: 1.2em; font-weight:bold; margin:0; }

.quote {border: 3px double #fd780a;  padding:5px; margin:1.5em 0; }
.caption {float:right; padding:5px; color:#555; margin:10px; margin-right:0px; }

.custom1 { color:#0e1687}
.custom2 { margin:1.5em 0; }



/*Structural & Custom Styles */

#jump {display:none;}

#container {margin:0 auto ; width:960px;  padding:0 0; font-size:12px; background:url() top left repeat-y; position:relative;}

#header {overflow:hidden; padding:0;   background:url(header.jpg) top no-repeat;  height:195px; width:960px; margin:0; border-bottom:10px solid #FFFFFF;}
#header h2 {width:960px; height:160px; padding:0; border:none; margin:0; text-indent:-9999px ; border:none;  float:left;}
#header a {text-decoration:none; height:100%; width:100%;}
#header #banner{height:109px; width:582px; background:url(banner.jpg) no-repeat;  margin:23px 0 0 0; text-indent:-9999px; text-indent:-9999px; float:right;}


#main {width:960px; margin: 0;  padding:0; overflow:hidden; background:url(container.gif)}

#left {width: 704px; min-height:420px;   margin: 0; padding:0 0 0 9px; float:left; }
#pagecontent {width:704px; float:left; padding:10px 0;}


#MMEmbeddedMap {margin:0; float:left; padding:0;}

#logos {border:1px solid #cae2ff}

ul { margin:0 0 10px 0; list-style:none}
ol {margin:1.5em 0 1.5em 30px;}
li {margin:0 0 0.5em 0;}
ul li {background:url(tick.jpg) left 3px no-repeat; padding:0 0 1px 18px }

table, td, th {border:none; padding:0; font-size:1em; vertical-align:top;}
th {text-transform:uppercase; font-weight:bold; text-align:left;}


blockquote {background:transparent url(quote_top.jpg) no-repeat scroll left top; clear:both; float:left; line-height:1.3; margin:10px 0 20px 0; padding:0px 4px 0px 40px; width:660px;}
blockquote p {padding-right:30px; font-size:16px;margin-bottom:10px}
blockquote .quotetext {background:transparent url(quote_bottom.jpg) no-repeat scroll right bottom;}
blockquote .quoteauthor {color:#fa8e00;font-weight:bold; text-align:right; }

#buttons {height:144px; width:714px; float:left; background: url(buttons_bg.jpg) no-repeat;}
#buttons a {width:228px; height:144px; display:block; float:left; margin-right:10px; text-indent:-9999px}
#buttons a#aircon {background:url(air_conditioning.jpg); }
#buttons a#refrig {background:url(refrigeration.jpg); }
#buttons a#consult {background:url(consultation_service.jpg); margin-right:0}


#formdiv {float:right; width:216px; padding:5px; background:#e0e0e0; border:1px solid #6bb9ee; min-height:420px; margin:0 9px 0 10px; line-height:1.7}
form#contact {margin:0; width:216px;}
form#contact .inputsurround {overflow:hidden; padding:0 0 13px 0; }
form#contact .inputsurround label { width:210px;}
form#contact .inputsurround input, form#contact .inputsurround textarea { width:211px; clear:right}
form#contact .inputsurround .submit {background: #fa8e00; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}
form#contact .inputsurround textarea {height:145px}
#getin{margin:9px 0 13px 0;}
#formdiv p {margin-bottom:13px;}





#formdiv h2 {font-size:34px; }


#footer {margin: 0 auto;  overflow:hidden;  padding:25px 10px 10px 10px; width:940px; background:url(footer.gif) top no-repeat; height:67px; font-size:12px; color:#333;}
#footer a {color:#333;}


.clear_both { clear:both; }

#navsurround {clear:both; background:none;  margin:0;  height:35px;}
/** #nav - essentials **/
#nav, #nav * { margin:0; padding:0; list-style-type:none; }
#nav { line-height:1; }
#nav ul { position:absolute; top:-999em; width:	10em; /* left offset of submenus need to match (see below) */ }
#nav ul li { width:100%; }
#nav li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
#nav li { float:	left; position:relative; }
#nav a { display:block; position:relative; }
#nav li:hover ul, #nav li.sfHover ul { left:0; top:35px; /* CHANGE this value to move to first dropdown up and down */ z-index:99; }
ul#nav li:hover li ul, ul#nav li.sfHover li ul { top:-999em; }
ul#nav li li:hover ul,
ul#nav li li.sfHover ul { left:10em; /* MUST match width in #nav ul */ top:0; }
ul#nav li li:hover li ul, ul#nav li li.sfHover li ul { top:-999em; }
ul#nav li li li:hover ul, ul#nav li li li.sfHover ul { left:10em; /*  MUST match width in #nav ul */ top:0;
}
/** #nav - appearance **/
#nav {padding:0 0 0 3px; font-size:13px;}
#nav a {  text-decoration:none; padding:13px 20px 10px 20px; text-transform:uppercase ;font-weight:bold}
#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#fff; }
#nav a:hover { color:#3656a9;}
#nav li { background:url(nav_bkg.gif) right center no-repeat; }
#nav li li { background:#efefef; border-top:1px solid #dcdcdc;}
#nav ul {border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc}
#nav li li li { background:#777; }
#nav li li li a { background:#777; }
#nav li:hover, #nav li.sfHover, #nav a:focus, #nav a:hover, #nav a:active { outline:0; }
#nav li li:hover, #nav li li.sfHover, #nav li li a:focus, #nav li li a:hover, #nav li li a:active {background:#cccccc; color:#fff;}
#nav #active {cursor:default; }
/*** arrows **/
#nav a.sf-with-ul { padding-right:30px; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right:10px; top:11px; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(arrows_ffffff.png) bottom left; /* Change this colour to a background image to add an arrow indicating sub levels*/ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:11px;  }

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {  }

/* point right for anchors in subs */
#nav ul .sf-sub-indicator {  }
#nav ul a > .sf-sub-indicator {  }

/* apply hovers to modern browsers */
#nav ul a:focus > .sf-sub-indicator, #nav ul a:hover > .sf-sub-indicator, #nav ul a:active > .sf-sub-indicator, #nav ul li:hover > a > .sf-sub-indicator, #nav ul li.sfHover > a > .sf-sub-indicator {  }
#form_end { background:#fff; float: right; width: 228px; margin-right: 9px; height: 10px; }