@charset "UTF-8";
/* CSS Document */

/* -------------- PAGE SETUP -------------- */


* {padding: 0; margin: 0;}
body {font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; padding: 0; background-image: url(../images/background.gif); background-repeat:repeat; background-color: #444444;}

#container{width: 800px; margin-top: 0; margin-left: 200px; }

#header{width: 800px; background-color: #530a0b; background-image:url(../images/header_bg.jpg); background-repeat:none; height: 138px; position: relative;}
#logocontainer{with: 280px; float: left;}
#address{width: 400px;float: right;clear: both;text-align: right;position: absolute;right: 10px;bottom: 10px;}
#address p{margin-top: 5px; font-family: Arial, Helvetica, Sans-serif; color: #a27064; font-size: 0.7em; line-height: 1.2em; margin: 0;}
.blackline{width: 800px; height: 1px; background-color:#000000;}
#imagescontainer{width: 800px;}
.imagetable, .imagetable tr, .imagetable td, .imagetable img, .imagetable p{padding: 0; margin: 0; border: 0; line-height: 1.2em;}
.imagetable img{display: block;}

#textcontainer{width: 800px; padding: 0; background-image:url(../images/body_back.gif); background-repeat:repeat-y;}
#bodycontainer{width: 800px; padding: 10px 0 10px 0; }
.menupadder{padding: 0 0 0 170px;}
#leftmenucontainer{width: 169px;  padding: 10px 0 10px 0; float: left;}
#newscontainer{width: 800px; padding: 10px 0 10px 0; background-image:url(../images/news_back.gif); background-repeat:repeat-y; }
.tenpadder{padding: 0 10px 0 10px;}

#footer{width: 800px; background-image:url(../images/header_back.gif); background-repeat:repeat-y;  padding: 7px 0 7px 0; text-align: right;}

#newsticker li{font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 0.8em; list-style-type: none;}

.diagram-right{float: right; margin: 0 0 10px 10px; border: 0;} 

p{margin-left: 1.5em;line-height: 1.6em; margin-top: 10px; margin-bottom: 10px;}
blockquote{line-height: 1.6em; margin: 10px 30px 10px 30px; border-top: 1px solid #FFFFFF;  border-bottom: 1px solid #FFFFFF; padding: 5px 0 5px 0; }
table.overview{line-height: 1.6em; margin: 10px 30px 10px 30px; border: 1px solid #333333; padding: 0; }
table.overview td, table.overview th {margin: 0; border: 1px solid #333333; padding: 5px 3px 5px 3px; }
table.overview tr {margin: 0; padding: 0; }
dl,ul,ol{line-height: 1.6em; margin: 10px 30px 10px 30px; padding: 5px 0 5px 0; }
pre{line-height: 1.6em; margin: 10px 30px 10px 30px; padding: 5px 0 5px 0; }
h1{margin-left:0;color: #53080b; font-family: serif; font-style:italic;font-weight:normal; font-size: 1.8em; margin-bottom: 10px;  }
h2{margin-left:0.5em;color: #53080b; font-family: serif; font-style:italic;font-weight:normal; font-size: 1.4em; margin-bottom: 10px; clear:right; margin-top: 20px;}
h3{margin-left:1em;color: #53080b; font-family: serif; font-style:normal;font-weight:normal;font-size: 1.2em; margin-bottom: 10px; clear:right; margin-top: 20px;}

#textcontainer p, table.overview, #textcontainer ol, #textcontainer ul, #textcontainer dl, #textcontainer blockquote, #textcontainer pre{color:#000000; font-size: 0.8em;}
#footer p{color: #a27064; font-size: 0.7em; margin: 0; line-height: 1.2em;}
#newscontainer p{margin: 0;}

dl dt {font-weight: bold;}
dl dd {margin-left: 1.5em;}

a:link, a:link:visited, a:visited{text-decoration: underline;}
a:hover, a:link:visited:hover, a:visited:hover{text-decoration: none;}

#newsticker a:link, #newsticker a:link:visited, #newsticker a:visited{text-decoration: none;}
#newsticker a:hover, #newsticker a:link:visited:hover, #newsticker a:visited:hover{text-decoration: underline;}

#address a:link,#address a:link:visited, #address a:visited{color: #a27064; text-decoration: underline;}
#address a:hover,#address a:link:visited:hover,#address a:visited:hover{color: #a27064; text-decoration: none;}

#footer a:link,#footer a:link:visited, #footer a:visited{color: #a27064; text-decoration: underline;}
#footer a:hover,#footer a:link:visited:hover,#footer a:visited:hover{color: #a27064; text-decoration: none;}



/* -------------- NAVIGATION -------------- */

#menu{padding: 3px 10px 5px 10px; background-repeat:repeat-y; }
ul#menuul{padding: 0; margin: 0; font-family: Arial, Helvetica, Sans-serif; line-height: normal;}
ul#menuulright{float: right; padding: 0; margin: 0; font-family: Arial, Helvetica, Sans-serif; line-height: normal;}
#menuul li, #menuulright li{padding: 0px; margin: 0; display: inline; list-style-type:none; color: #000000; line-height: normal; font-size: 0.8em;}
#menuul li.space, #menuulright li.space{padding: 0px 0px 0 0px; margin: 0; display: inline; list-style-type:none; color: #000000; line-height: normal;}

.menuitemon {color: #000000;}
.menuitemon a:link, .menuitemon a:link:visited, .menuitemon a:visited{color: #000000; text-decoration: underline;}
.menuitemon a:hover, .menuitemon a:link:visited:hover, .menuitemon a:visited:hover{color: #000000; text-decoration: none;}

.menuitem a:link, .menuitem a:link:visited, .menuitem a:visited{text-decoration: none;}
.menuitem a:hover, .menuitem a:link:visited:hover, .menuitem a:visited:hover{text-decoration: underline;}

#leftmenucontainer .menuitem1, #leftmenucontainer .menuitem1on, #leftmenucontainer .menuitem1underon, #leftmenucontainer .leftmenutop{font-size: 0.7em; margin: 0 0 0 10px; border-top: 1px solid #FFFFFF; padding-top: 4px; padding-bottom: 4px;}
#leftmenucontainer .menuitem,#leftmenucontainer .menuitemon{font-size: 0.7em; margin: 0 0 0 10px; padding-top: 4px; padding-bottom: 4px;}
#leftmenucontainer .menuitemon,  #leftmenucontainer .menuitem1on, #leftmenucontainer .menuitem1underon{font-weight: bold;}
.menubottom{margin: 0 0 0 10px; border-top: 1px solid #FFFFFF; padding: 4px;}
.menubottom img{display: block; margin: 0; padding: 0;}

#leftmenucontainer .rlhead{font-size: 0.7em; font-weight: bold; padding: 0; margin: 0;}
#leftmenucontainer li{margin: 4px 0 0 0; padding: 0;}
#leftmenucontainer .rlbody{font-size: 0.7em; margin-left: 20px;}

/* -------------- FORMS -------------- */

div.row {clear: both; padding-top: 10px;}

div.formseptop{clear: both; height: 1px; margin: 4px 0 0px 0;}
div.formsep{height: 1px; background-color: #a5181c; }
div.formsepbot{height: 1px; margin: 0px 0 9px 0;}
div.row span.label {float: left; text-align: right; width: 120px;}
div.row span.formw {width: 302px; float: right; text-align: left;}  
div.row .formtext, .formfieldtext{width: 300px; border: 1px solid #000000; padding: 2px;} 
div.row .formtextarea, .formfieldtextarea{width: 300px; height: 150px; border: 1px solid #000000; padding: 2px;}
div.row .select{width: 300px; border: 1px solid #000000;}
div.formdiv{width: 435px; padding-bottom: 1em;}
.rightcol-field {width: 150px; border: 1px solid #000000; padding: 2px;} 
.warning{color: #FF9900;}

/* ---- SERVICES TABLE ------ */
table.services {background: #aabbcc;font-size:0.8em;margin-left: 3em;margin-right:3em;padding:0.5em;}
table.services th {text-align: left; width:25%;}
table.services th, table.services td {padding: 0.3em;}
th.empty{}
th.package {text-transform: uppercase; color:gray; background: white;font-weight:normal;}
th.premier {height:2em;font-size:1.2em;color:white;background:#eb6909;}
th.advantage {height:2em;font-size:1.2em;color:white;background:#ee8133;}
th.standard {height:2em;font-size:1.2em;color:white;background:#f29955;}
th.pipelines {height:2em;font-size:1.2em;color:white;background:#641314;}
th.appliances {height:2em;font-size:1.2em;color:white;background:#043882;}
th.training {height:2em;font-size:1.2em;color:white;background:#868898;}
th.bespoke {height:2em;font-size:1.2em;color:white;background:#9999a6;}

/* ---- FRONT PAGE BLURB ---- */
#textcontainer p.blurb{
padding: 1em; margin:0;
text-align:center;
}
#textcontainer p.logos{
text-align:center;
margin: 0;padding:0;
}
#textcontainer p.logos img{
margin:0.5em;
}

/* ------ PRICING ------ */
table.pricing {background: #aabbcc;font-size:0.8em;margin-left: 3em;margin-right:3em;padding:0.5em;}
table.pricing th {padding: 0.1em 0.2em 0 0.5em;}
table.pricing td {padding: 0.1em 0.2em 0 0.5em;}