/* CSS Document */

/* -------------------- GLOBAL ----------------------*/
/* -------------------- GLOBAL ----------------------*/
/* -------------------- GLOBAL ----------------------*/

*{ margin: 0px; padding:0px;}
body{ text-align: center; background-color: #f2f2f2; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px;}
.clear { clear:both; font-size: 1px;}
.clear-large { clear:both; font-size: 3px;}
.cleartop { clear:both; font-size: 1px; padding-top: 15em;}
.clearbottom { clear:both; font-size: 1px; padding-top: 18em;}
input.text, textarea, select{ font-size: .8em; line-height:1.3em; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(images/fieldbg.gif) repeat-x top; padding: 3px;}

#mainContainer{ margin: auto; width: 45.6em; text-align: left;}


/* -------------------- mainContainerLeft ----------------------*/
/* -------------------- mainContainerLeft ----------------------*/
/* -------------------- mainContainerLeft ----------------------*/

#mainContainerLeft{ float: left; background-color:#ffffff; width: 32em;}

#mainContainerLeft #logo { position: absolute; top: 5.4em; margin-left: 23em; font-size: .8em;}

#mainContainerLeft #blue-top { background-color: #2a447c}
#mainContainerLeft #blue-top ul{ margin:0;  padding:3px 0px 3px 7px; list-style:none;}
#mainContainerLeft #blue-top li {  float:left; margin:0; padding:0 0 3px 9px; font-size: 65%; font-weight: bold;}
#mainContainerLeft #blue-top a {  float:left; display:block; padding:0px 8px 0px 0px; text-decoration:none; font-weight:bold; color:#ACB6CC; }
#mainContainerLeft #blue-top a:hover { color: #ffffff}

#mainContainerLeft #services { background-color: #f7aa07}
#mainContainerLeft #services ul{ margin:0;  padding:3px 0px 3px 7px; list-style:none;}
#mainContainerLeft #services li {  float:left; margin:0; padding:0 0 3px 9px; font-size: 65%; font-weight: bold;}
#mainContainerLeft #services a {  float:left; display:block; padding:0px 8px 0px 0px; text-decoration:none; font-weight:bold; color:#fdebc4; }
#mainContainerLeft #services a:hover { color: #ffffff}

#mainContainerLeft #news { background-color: #f08f0d}
#mainContainerLeft #news ul{ margin:0;  padding:3px 0px 3px 7px; list-style:none;}
#mainContainerLeft #news li {  float:left; margin:0; padding:0 0 3px 9px; font-size: 65%; font-weight: bold;}
#mainContainerLeft #news a {  float:left; display:block; padding:0px 8px 0px 0px; text-decoration:none; font-weight:bold; color:#fdebc4; }
#mainContainerLeft #news a:hover { color: #ffffff}

/*#mainContainerLeft #content-bg { background: #ffffff url("images/white-header.jpg") no-repeat top right; border-left: 1px solid #7888AA; padding: 4.8em .8em .8em .8em;}*/

#mainContainerLeft #content-bg { background: #ffffff; border-left: 1px solid #7888AA; padding: 0px 0px 20px 0px;}
#mainContainerLeft #content-bg h1{ color:#2A447C; font-size: 130%; font-weight: normal; padding: 57px 300px 30px .5em; background-image: url(images/logo3.jpg); background-repeat: no-repeat; width: 200px;}
#mainContainerLeft #content-bg h2{ color: #2a447c; font-size: 105%; font-weight: bold; margin: 0em .8em .8em .5em;}
#mainContainerLeft #content-bg p{ font-size: 75%; position: relative; line-height: 150%; padding: 0px .8em 1.2em .8em;}
#mainContainerLeft #content-bg form{ font-size: 75%; position: relative; line-height: 150%; padding: 0px .8em 1.2em .8em;}
#mainContainerLeft #content-bg .text img{ border: 1px solid #2a447c; float: left; margin: 0px 10px 5px 0px;}
#mainContainerLeft #content-bg #product-listing{ clear: both; margin-left: 5px;}
#mainContainerLeft #content-bg #product-listing h2{ color:#2a447c; font-size: 105%; font-weight: bold; margin-bottom: 0.5em; margin-top: 10px;}
#mainContainerLeft #content-bg #product-listing #container{ padding: .5em .5em .5em .9em; float: left; width: 13.5em; margin-left: 0.2em; margin-bottom: 1px; margin-top: 0px; background:url(images/product-bg-listing.gif) repeat-x left top; border: 0px;}
#mainContainerLeft #content-bg #product-listing #container h3{ color:#E86D13; font-size: 70%; position:relative;}
#mainContainerLeft #content-bg #product-listing #container img{ float: left; border: 1px solid #2a447c; margin: 0px 10px 10px 0px;}
#mainContainerLeft #content-bg p.error { border: 1px solid #FFCC00; padding: 4px; margin-bottom: 7px; }
#mainContainerLeft #content-bg #container { border-bottom: 1px solid #333333; margin-top: .5em; }
#mainContainerLeft #content-bg #container h3{ font-size: 95%; font-weight: normal; margin-bottom: 0.3em; position:relative;}
#mainContainerLeft #content-bg #container a { color: #2a447c; text-decoration: underline;}
#mainContainerLeft #content-bg #container ul { position: relative; padding: 0px .8em 0em .8em; margin-left: 40px;}
#mainContainerLeft #content-bg #container ul li { font-size: 75%;}
#mainContainerLeft #content-bg #container a:hover { text-decoration: none;}
#mainContainerLeft #content-bg ul{  margin-left: 40px; margin-bottom: 1em;}
#mainContainerLeft #content-bg ul ul{ margin-bottom: 0em;}
#mainContainerLeft #content-bg li{ font-size: 90%;}
#mainContainerLeft #content-bg .large-2{ text-decoration: none; font-size: 110%; display: block; background-color:#2a447c; color:#FFFFFF; padding: 0.3em;}
#mainContainerLeft #content-bg .large-2:hover{ background-color:#f08f0d;}

#mainContainerLeft #company-bg { background: #ffffff url("images/company-bg.jpg") no-repeat top right; border-left: 1px solid #7888AA; border-bottom: 1px solid #7888AA;  height: 13.3em;}
#mainContainerLeft #company-bg h1{ color:#2a447c; font-weight: normal; font-size: 130%;}
#mainContainerLeft #company-bg .text{ position: absolute; margin-top: 11.3em; margin-left: .8em;}
#mainContainerLeft #company-bg p.error{ border: 1px solid #FFCC00; font-weight: bold; }

#reg-form{ background-color:#e9ecf1; padding: 18px 10px 0px 10px; width: 310px; border: 6px solid #9ea9c2}
#reg-form p{ color:#333333; font-size: 80%;}
#reg-form .left{ width: 60px; float: left; color:#666666; font-weight:bold; font-size: 100%; margin-top: 4px; padding-bottom: 10px;}
#reg-form .right{ width: 220px; padding-bottom: 10px;}
#reg-form .right .text{ width: 204px;}
#reg-form .right .button{ background-color: #2a447c; color:#FFFFFF; font-size: 100%; font-weight: bold; border: 1px solid #ffffff; padding: .3em .4em .3em .4em; margin-right: .7em}

#mainContainerLeft #services-bg { background: #ffffff url("images/services-bg.jpg") no-repeat top right; border-left: 1px solid #7888AA; border-bottom: 1px solid #b7A8C6;  height: 13.3em;}
#mainContainerLeft #services-bg h1{ color:#542560; font-weight: normal; font-size: 130%;}
#mainContainerLeft #services-bg h1 span{ font-size: 70%;}
#mainContainerLeft #services-bg .text{ position: absolute; margin-top: 11.3em; margin-left: .8em}

#mainContainerLeft #news-bg { background: #ffffff url("images/news-bg.jpg") no-repeat top right; border-left: 1px solid #7888AA; border-bottom: 1px solid #b7A8C6;  height: 13.3em;}
#mainContainerLeft #news-bg h1{ color:#542560; font-weight: normal; font-size: 130%;}
#mainContainerLeft #news-bg h1 span{ font-size: 70%;}
#mainContainerLeft #news-bg .text{ position: absolute; margin-top: 11.3em; margin-left: .8em}

#mainContainerLeft #fire-bg { background: #000000 url("images/fire-bg.jpg") no-repeat top right; height: 16.3em;}
#mainContainerLeft #fire-bg h1{ color:#FFFFFF; font-weight: normal; font-size: 130%;}
#mainContainerLeft #fire-bg h1 span{ font-size: 60%; font-weight: bold;}
#mainContainerLeft #fire-bg .text{ position: absolute; margin-top: 13.5em; margin-left: .8em}

#mainContainerLeft #index-text-home{ background:#FFFFFF url("images/bg-home-text.jpg") repeat-x bottom; border-left: 1px solid #7888AA;}
#mainContainerLeft #index-text-home h1{ color:#2A447C; font-weight: normal; font-size: 130%; padding: 57px 300px 30px .5em; background-image: url(images/logo3.jpg); background-repeat: no-repeat; width: 200px;}
#mainContainerLeft #index-text-home p{ font-size: 75%; line-height: 150%; padding: .0em .9em .9em .9em}

#mainContainerLeft #index-text-company{ background:#c5cbd7; border-left: 1px solid #7888AA; padding: 0em .9em .5em .5em;}
#mainContainerLeft #index-text-company h1{ color:#2A447C; font-weight: normal; font-size: 130%; padding: .4em .9em .0em .5em;}
#mainContainerLeft #index-text-company p{ font-size: 75%; line-height: 150%; padding: .0em .9em .9em .9em}

#mainContainerLeft #index-text-services{ background: #FFFFFF; border-left: 1px solid #7888AA; padding: 0px;}
#mainContainerLeft #index-text-services h1{ color:#2A447C; font-weight: normal; font-size: 130%; padding: 57px 300px 30px .5em; background-image: url(images/logo3.jpg); background-repeat: no-repeat; width: 200px;}
#mainContainerLeft #index-text-services p{ font-size: 75%; line-height: 150%; padding: .0em .9em .9em .9em}
#mainContainerLeft #index-text-services .tidbit{ float: left; width: 7.9em; background:url(images/bg-tidbit.gif) no-repeat right center;}
#mainContainerLeft #index-text-services .tidbit h3{ font-size: 75%; color:#542560; padding: .5em 0em 0em .7em}
#mainContainerLeft #index-text-services .tidbit p{ font-size: 70%; margin-bottom: 0em; padding-bottom: 0em; padding-top: .4em;}
#mainContainerLeft #index-text-services .tidbit a{ text-decoration:none; font-weight: bold; text-align: right; color:#542560}

#mainContainerLeft #index-text-news{ background-color: #FFFFFF; border-left: 1px solid #7888AA;}
#mainContainerLeft #index-text-news p{ font-size: 75%; line-height: 150%; padding: .0em .9em .9em .9em}
#mainContainerLeft #index-text-news #container{ color: #2a447c; padding: 0px; float: left; width: 13.9em; margin-left: 0px; margin-bottom: .5em;}
#mainContainerLeft #index-text-news #container h1{ font-size: 130%; font-weight: normal; padding: 57px 300px 30px .5em; background-image: url(images/logo3.jpg); background-repeat: no-repeat; width: 200px;}
#mainContainerLeft #index-text-news #container h2{ font-size: 105%; font-weight: bold; margin-bottom: .3em; padding: 0px 0px 0px 12px;}
#mainContainerLeft #index-text-news #container h3{ font-size: 90%; font-weight: normal; margin-bottom: .4em; padding: 0px 0px 0px 12px;}
#mainContainerLeft #index-text-news #container h3 a{ color:#2a447c;}
#mainContainerLeft #index-text-news #container p{ font-size: 70%; font-weight: normal; padding: 0px 0px 0px 12px; margin-bottom: .6em}
#mainContainerLeft #index-text-news #container .large{ text-decoration: none; font-size: 110%; display: block; background-color:#2a447c; color:#FFFFFF; padding: 0.3em;}
#mainContainerLeft #index-text-news #container .large:hover{ background-color:#f08f0d;}
#mainContainerLeft #index-text-news #container .large-2{ text-decoration: none; font-size: 110%; display: block; background-color:#f08f0d; color:#FFFFFF; padding: 0.3em;}
#mainContainerLeft #index-text-news #container .large-2:hover{ background-color:#2a447c;}


#mainContainerLeft #index-products-services { background-color:#9ea9c2; margin:0px 0px 1px 0px; border:0px; border-top: 1px solid #ffffff; border-left: 1px solid #7888AA}
#mainContainerLeft #index-products-services #container{ padding: .5em; float: left; width: 13.9em; margin-left: 0.3em; margin-bottom: .5em; margin-top: 10px;}
#mainContainerLeft #index-products-services #container img{ float: left; border: 1px solid #2a447c; margin: 0px 10px 10px 0px;}
#mainContainerLeft #index-products-services #container h3{ font-size: 70%;}
#mainContainerLeft #index-products-services #container a{ color:#FFFFFF; text-decoration: none;}
#mainContainerLeft #index-products-services #container a:hover{ color:#FFFFFF; text-decoration: underline;}
#mainContainerLeft #index-products-services #container p{ clear: both; color:#FFFFFF; font-size: 70%; margin-bottom: .8em}
#mainContainerLeft #index-products-services #container p span{font-size: 100%;}

#mainContainerLeft #call-action{ background: #7888aa url("images/specialist-fire.gif") no-repeat bottom right; clear: both; padding-bottom: 10px; padding-top: 10px; height: 60px;}
#mainContainerLeft #call-action .left{ width: 49%; border-right: 1px solid #ffffff; float: left; clear: left;}
#mainContainerLeft #call-action .left p{ margin-left: 1.2em; color:#FFFFFF;}
#mainContainerLeft #call-action .right{ width: 49%; float: left; margin-top: .3em; clear: right;}
#mainContainerLeft #call-action .right p{ font-size: 130%; color:#FFFFFF;}

#mainContainerLeft #footer .t {background: url(images/f-dot.gif) 0 0 repeat-x; background-color:#cccccc;}
#mainContainerLeft #footer .b {background: url(images/f-dot.gif) 0 100% repeat-x}
#mainContainerLeft #footer .l {background: url(images/f-dot.gif) 0 0 repeat-y}
#mainContainerLeft #footer .r {background: url(images/f-dot.gif) 100% 0 repeat-y}
#mainContainerLeft #footer .bl {background: url(images/f-l-corner.gif) 0 100% no-repeat}
#mainContainerLeft #footer .br {background: url(images/f-r-corner.gif) 100% 100% no-repeat}
#mainContainerLeft #footer .tl {background: url(images/f-dot.gif) 0 0 no-repeat}
#mainContainerLeft #footer .tr {background: url(images/f-dot.gif) 100% 0 no-repeat; padding:6px;} 

/* -------------------- mainContainerRight ----------------------*/
/* -------------------- mainContainerRight ----------------------*/
/* -------------------- mainContainerRight ----------------------*/

#mainContainerRight{ float: left; background-color:#003333; width: 13.6em;}

#mainContainerRight #mini-links{ position: absolute; top: 12px;}
#mainContainerRight #mini-links ul{ margin:0;  padding:3px 0px 3px 0px; list-style:none;}
#mainContainerRight #mini-links li {  float:left; margin:0; padding:0 0 3px 9px; font-size: 65%;}
#mainContainerRight #mini-links a {  float:left; display:block; padding:0px 6px 0px 0px; text-decoration:none; font-weight:bold; color:#666666; }
#mainContainerRight #mini-links a:hover { text-decoration: underline;}

#mainContainerRight h1{ color:#FFFFFF; font-size: 130%; font-weight: normal; padding: 1.5em 0em .3em .4em;}
#mainContainerRight #blue { background: #2a447c url("images/t-r-corner.gif") no-repeat top right; border-bottom: 1px solid #ffffff;}
#mainContainerRight #purple { background: #964083 url("images/t-r-corner.gif") no-repeat top right; border-bottom: 1px solid #ffffff;}
#mainContainerRight #services { background: #f7aa07 url("images/t-r-corner.gif") no-repeat top right; border-bottom: 1px solid #ffffff;}
#mainContainerRight #news { background: #f08f0d url("images/t-r-corner.gif") no-repeat top right; border-bottom: 1px solid #ffffff;}

#mainContainerRight #leftLinks { background-color: #f4d594; padding-bottom: 0em; border-bottom: 0px solid #ffffff}
#mainContainerRight #leftLinks ul{ list-style: none;}
#mainContainerRight #leftLinks li{ border-bottom: 1px solid #ffffff; padding: 0px; margin: 0px;}
#mainContainerRight #leftLinks li a{ text-decoration: none; background-color:; display: block; padding: 0.2em 0.3em 0.5em 0.6em; font-size: 70%;}
#mainContainerRight #leftLinks li a:hover{ background-color:#666666; color:#FFFFFF}
#mainContainerRight #leftLinks li .on{ text-decoration: none; font-weight: bold; background-color: #666666; color:#FFFFFF; display: block; padding: 0.2em 0.3em 0.5em 0.6em; font-size: 70%;}
#mainContainerRight #leftLinks li .on:hover{ text-decoration: none; font-weight: bold; background-color: #666666; color:#FFFFFF; display: block; padding: 0.2em 0.3em 0.5em 0.6em; font-size: 70%;}
#mainContainerRight #leftLinks .secondary{ border-top: 0px solid #ffffff; padding: 0px; margin: 0px; }
#mainContainerRight #leftLinks .secondary a{ text-decoration: none; color:#000000; background-color: #cccccc; display: block; padding: 0.0em 0.3em 0.2em 2em; font-size: 70%;}
#mainContainerRight #leftLinks .secondary a:hover{ text-decoration: none; color:#FFFFFF; background-color: #999999; display: block; padding: 0.0em 0.3em 0.2em 2.0em; font-size: 70%;}
#mainContainerRight #leftLinks .secondaryon{ border-top: 0px solid #ffffff; padding: 0px; margin: 0px; }
#mainContainerRight #leftLinks .secondaryon a{ text-decoration: none; color:#ffffff; background-color: #999999; display: block; padding: 0.0em 0.3em 0.2em 2em; font-size: 70%;}
#mainContainerRight #leftLinks .secondaryon a:hover{ text-decoration: none; color:#FFFFFF; background-color: #999999; display: block; padding: 0.0em 0.3em 0.2em 2.0em; font-size: 70%;}
#mainContainerRight #leftLinks li li li{ border-top: 0px solid #ffffff; padding: 0px; margin: 0px; border-bottom: 0px solid #ffffff;}
#mainContainerRight #leftLinks li li li a{ text-decoration: none; color:#000000; background-color: #cccccc; display: block; padding: 0.2em 0.3em 0.5em 3.4em; font-size: 70%;}
#mainContainerRight #leftLinks li li li a:hover{ text-decoration: none; color:#ffffff; background-color: #999999; display: block; padding: 0.2em 0.3em 0.5em 3.4em; font-size: 70%;}
#mainContainerRight #leftLinks h3{ color: #2a447c; font-size: 95%; padding: 0.6em 0.3em 0.2em 2em; background: url(images/bullet-h3-home.gif) no-repeat left center;}
#mainContainerRight #leftLinks p{ padding: 0.0em 0.0em 0.2em 1.5em;  font-size: 70%;  padding: 0.0em 0.3em 0.6em 0.6em;}
#mainContainerRight #leftLinks .purple{ color: #964083;}
#mainContainerRight #leftLinks .orange{ color: #E68414}
#mainContainerRight #leftLinks a{ color:#666666;}
#mainContainerRight #leftLinks .border { border-bottom: 1px solid #ffffff; padding: 0 0 .3em 0; background: #faedd1 url(images/bg-home-article.jpg) repeat-x bottom;}

#mainContainerRight #search{ background-color: #f5c478; padding: 0.3em 0.3em 0.5em 0.5em; border-bottom: 1px solid #ffffff;}
#mainContainerRight #search h3{ position: relative; color:#FFFFFF; font-size: 1em}
#mainContainerRight #search .left{ float: left;}
#mainContainerRight #search .right{ float: left;}
#mainContainerRight #search .button{ background-color: #2a447c; color:#FFFFFF; font-size: 70%; border: 1px solid #f1a537; padding: .3em .5em .4em .5em; margin-left: .4em}

#mainContainerRight #newsletter{ background: #f1a537 url("images/b-r-corner.gif") no-repeat bottom right; padding: 0.3em 0.3em 0.5em 0.5em}
#mainContainerRight #newsletter h3{ position: relative;color:#FFFFFF; font-size: 100%}
#mainContainerRight #newsletter p{ position: relative; color:#FFFFFF; font-size: 70%;}
#mainContainerRight #newsletter .left{ float: left; font-size: 70%; color:#FFFFFF; width: 3em; margin-top: .5em;}
#mainContainerRight #newsletter .right{ float: left; font-weight: bold;}
#mainContainerRight #newsletter .right p{ color: #4b2572; margin: 0em 0em 0em 50%}
#mainContainerRight #newsletter .right a{ color: #4b2572; }

#mainContainerRight #FPA { text-align: center; background-color: #f2f2f2;}

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

#header { float:left; width:100%; background:#f2f2f2; line-height:normal; font-size: 70%;}
#header ul {  margin:0;  padding:10px 10px 0 0; list-style:none; }
#header li {  float:left; background:url("images/left-b.gif") no-repeat left top; margin:0; padding:0 0 0 9px; }
#header a {  float:left; display:block; background:url("images/right-b.gif") no-repeat right top; padding:5px 10px 3px 3px; text-decoration:none; font-weight:bold; color:#FFFFFF; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover { color:#FFCC00;  }
#header #purple { background-image:url("images/left-p.gif"); }
#header #purple a { background-image:url("images/right-p.gif"); color:#ffffff; padding-bottom:3px;  }
#header #purple a:hover { color:#FFCC00;  }
#header #orange { background-image:url("images/left-y.gif"); }
#header #orange a { background-image:url("images/right-y.gif"); color:#ffffff; padding-bottom:3px;  }
#header #orange a:hover { color:#003399;  }
#header #yellow { background-image:url("images/left-o.gif"); }
#header #yellow a { background-image:url("images/right-o.gif"); color:#ffffff; padding-bottom:3px;  }
#header #yellow a:hover { color:#003399;  }

.back { margin-right: 11px; margin-top: 10px; text-align: right; }
.back a { background-color: #2A447C; padding: 3px 5px 3px 5px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.back a:hover { background-color: #F1A537; color: #FFFFFF; }