/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
body { background:#fff ; padding:15px; font-size:80%; font-family:arial, helvetica, sans-serif; color:#333; line-height:1.6; }
html {background:url(footer.gif) #f8fafe bottom repeat-x; }

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

a { color:#396de6; text-decoration:underline  }
a:hover { color:#36ace4}
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:;}
h1 {color:#243ee2; font-size:2em; line-height:28px; font-weight:bold; margin:6px 0 0.5em 0; padding:0 0 0px 0px ;  }
h2 {color:#396de6; font-size:1.6em; line-height:1.4em; font-weight:bold; margin:0.5em 0 0.5em 0; padding:0; }
h3 {color:#36ace4; font-size:1.6em; line-height:18px; font-weight:bold; margin:0.5em 0;  padding:0 0 0 6px;text-transform:uppercase; background:url(h2.png) #fff left no-repeat;;}
h4 {color:#396de6; font-size:1.4em; line-height:1.4em; font-weight:bold; margin:0.5em 0 0  0;  padding:0 0 3px 0}

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

.notes { font-size:0.8em; color:#888; margin:1.5em 0;}
.shout {color: #325fe8; font-size: 1.4em; font-weight:bold; margin:10px 0; }
.shout2 {color: #36ace4; font-size: 1.4em; font-weight:normal; margin:0; }

.quote {border: 3px double #36ace4;  padding:5px; color:#333; margin:1.5em 0; }
.quote strong {font-size:1.2em;}
.caption {float:right; padding:5px; color:#555; margin:10px; margin-right:0px; }

.custom1 { background:url(pdf.jpg) left no-repeat #dddddd; padding-left:40px; display:block; height:31px; line-height:30px; margin-bottom: 5px; }
.custom2 { margin:1.5em 0; }



/*Structural & Custom Styles */

#jump {display:none;}

#container {margin:0 auto; width:960px; overflow:hidden; padding:0 0; font-size:1.2em; background:none; }

#header {overflow:hidden; padding:0;  background:url(bannerbkg.png) top left no-repeat;  margin: 0 0 0 0; height:150px; width:960px;}
#header h2 {width:254px; height:122px; padding:0; border:none; margin:14px 10px 10px 0px; text-indent:-999px ; border:none; background:url(sitelogo.png) top left no-repeat; float:left;}
#header a {text-decoration:none;}
#header #banner{height:120px; width:673px; background:url(slogan.png) no-repeat; float:right; margin:14px 5px 0 0; text-indent:-9999px; }
#strapline {width:936px; height:21px; padding-bottom:4px; border-bottom:1px solid #f8d922; background:url(strapline.gif) no-repeat; text-indent:-9999px; margin:0 auto; clear:both; }


#navsurround {width:250px; float:left; margin:0 6px 1.5em 0; padding:0; background:url(column.png) #327fee no-repeat; color:#fff; border-right:5px solid #e6e9f1}
#nav { margin:10px 0 20px 0; padding:0; list-style-type:none; clear:both; overflow:auto;}
#nav a { display:block; width:210px;  padding:10px 0 10px 40px;line-height:1.3;  text-decoration:none;  color:#fff;  background:url(nav_bkg.gif) left no-repeat;  font-weight:bold; font-size:13px}
#nav li:hover {background-color:#6f8eff }
#nav li a:hover { text-decoration:none; color:#fff;  background-image:url(nav_bkg.gif); background-position:left; background-repeat:no-repeat; background-color:#6f8eff }
#nav li:first-child a {border:none;}
#nav li ul { position:absolute; width:238px ; left:-999em; list-style-type:none; }
#nav ul li {margin:0; padding:0;background-color:#6f8eff;}
#nav ul li a { margin:0 0 0 9px; padding:9px 3px 10px 12px;  background-image:none; border-top:1px dashed #feeb56; font-size:12px;}
#nav ul li a:hover {color:#feeb56;background-image:none }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-36px 0 0 250px; padding:0; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }
#nav li a#active {}

#nav li { margin:0;   float:left; padding:0; width:250px; clear:both;}

#lihover {background:url(nav_drop_hover.gif)} 




#main {width:960px; margin: 0;background:url(cont.png) top left repeat-y; overflow:hidden; padding:0 ; }



#pagecontent {width: 680px; float:right; margin-right:15px; bottom right no-repeat; min-height:300px; padding-bottom:30px; padding-top:8px;}


ul { margin:1.5em 0 1.5em 25px;}
ol {margin:1.5em 0 1.5em 30px;}
li {margin:0 0 0.5em 0;}

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

#contact, #contact td {border:none; padding:0 30px 0 0 ;}

#ecomeshlink {height:38px; width:115px; padding:0 0 0 100px; background:url(ecomesh.png) left no-repeat; display:block; float:left; text-align:left;}
#pcmlink {height:38px; width:115px; padding:0 0 0 145px; background:url(pcm.png) left no-repeat; display:block; float:left;text-align:left;}

#testimonials {margin-left:18px; float:right; border:1px solid #8fc887; width:250px; height:210px}
#testimonials marquee { height:180px; overflow:hidden;}
#testimonials h2 {margin:0;}

#icetech img {margin: 0 0 10px 0}

#rightcol {width:185px; background:url(right_bkg.jpg) #dde2ec bottom no-repeat; float:right; padding:10px 20px 10px 10px; display:block;text-decoration:none; margin:0 0 0 10px;}
#rightcol strong {color:#4f87ed; }
#rightcol {}

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

form#newsletter {overflow:hidden; padding:0 0 15px 0}
form#newsletter label {width:50px; float:left; margin: 0 0 6px 0;}
form#newsletter input {width:142px;float:left; margin: 0 0 6px 0; }
form#newsletter #submitnews {width:60px; float:right; margin:0 6px 0 0; background: #979292; border: 0; cursor: pointer; color: white; padding:2px;  }

#contactbox { padding-left:22px; margin-top:25px; }
#contactbox strong {color:#feeb56;}
#contactbox a {color:#fff}
#contactbox a:hover {color:#feeb56}

#formdiv {float:left; width:370px;}
form#contact {margin:0; width:370px;}
form#contact .inputsurround {overflow:hidden; padding:0 0 10px 0; }
form#contact .inputsurround label {float:left; width:100px;}
form#contact .inputsurround input, form#contact .inputsurround textarea {float:right; width:260px; clear:right}
form#contact .inputsurround .submit {background: #3d84ee; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}
#contactinfo {width:200px; float:left; margin:0 0 0 50px;}
#contactinfo h3 { margin:0;}
#contactinfo p { margin: 0 0 20px 0;}

#MMEmbeddedMap {margin:0; width:500px;}

#footer {margin: 0 auto ; clear:both; color:#415d7c; overflow:hidden; background:url(bottom.png) bottom left no-repeat; padding:50px 0px 0px 0px; width:960px; font-family: arial, helvetica, sans-serif; font-size:1.1em; height:160px; }
h2#footerstrap {background:url(footer_strapline.png) no-repeat; text-indent:-9999px; height: 56px; width:960px; padding:0; clear:both; margin:0; border-top:30px solid #f0f2f8; border-bottom:20px solid #edeff6}
#footer a {color:#415d7c;}