body {background:#00406e url(../images/background.gif) repeat-x top;color:#fff;font-family:Arial, Helvetica, sans-serif;}
input, textarea {padding:2px;border:1px solid #797979;height:13px;color:#3e3e3e;font-size:11px;}
a {color:#7FAFD8;}
a:hover {color:#ceb585;}

#container {width:900px;position:relative;margin:0px auto;}
#header {background:url(../images/header.gif);width:851px;height:191px;margin:12px 0px 0px 27px;}
#body {background:#00406e url(../images/content-bg.gif) repeat-x top;min-height:545px;}
* html #body {height:545px;}
#left {float:left;width:144px;position:relative;padding:24px 16px 0px 15px}
#left .border {position:absolute;right:0px;top:22px;}

#navigation a {background:url(../images/navigation.gif);height:31px;width:129px;display:block;text-indent:-9000px;}
#navigation a.home:hover {background-position:-129px 0px;}
#navigation a.company {background-position:0px -31px} 
#navigation a.company:hover {background-position:-129px -31px} 
#navigation a.process {background-position:0px -62px} 
#navigation a.process:hover {background-position:-129px -62px} 
#navigation a.products {background-position:0px -93px} 
#navigation a.products:hover {background-position:-129px -93px} 
#navigation a.saefeltspecs {background-position:0px -124px} 
#navigation a.saefeltspecs:hover {background-position:-129px -124px} 
#navigation a.applications {background-position:0px -155px} 
#navigation a.applications:hover {background-position:-129px -155px} 
#navigation a.services {background-position:0px -186px} 
#navigation a.services:hover {background-position:-129px -186px} 
#navigation a.contact {background-position:0px -217px;height:28px;} 
#navigation a.contact:hover {background-position:-129px -217px} 

#left h4 {font-family:'Trebuchet MS', Helvetica, sans-serif;font-size:14px;color:#e7e6e6;margin-bottom:4px;}
#search {margin:40px 0px 60px;}
#search input {float:left;}
#search .submit {width:16px;height:19px;border:none;background:url(../images/magnifying_glass.gif);cursor:pointer;margin-left:-1px;}
#login input {margin-bottom:8px;width:132px;}
#login input.submit {height:22px;width:50px;float:left;cursor:pointer;margin-top:3px;padding:0px 0px 4px;line-height:17px;}
#login p {float:left;width:75px;font-size:11px;padding-left:6px;height:32px;}

#content {float:left;position:relative;width:665px;padding:4px 28px 12px 32px;margin:18px 0px;font-size:14px;line-height:22px;background:url(../images/border-middle.gif) repeat-y left;min-height:490px;}
* html #content {height:490px;}
.top {position:absolute;top:0px;left:0px;}
.bottom {position:absolute;bottom:0px;left:0px;}
#content h1 {color:#ffeb97;font-family:'Myriad Pro', Verdana, sans-serif;font-weight:normal;font-size:24px;padding:10px 0px 30px;}
#content h3 {font-size:16px;}
#content h2 {font-size:18px;}
#content a {font-weight:bold;}
#content ul {font-size:12px;font-weight:bold;line-height:18px;list-style-type:disc;padding:4px 0px 0px 30px;}
#content ul li ul {font-weight:normal;list-style-type:square;padding-bottom:6px;}

#bottom {height:140px;background:#00406e url(../images/bottom-bg.gif) repeat-x bottom;}
#footer {height:76px;width:908px;margin:0px auto;background:url(../images/footer-bg.gif) repeat-x;position:relative;top:-1px;}
#footer img.left  {position:absolute;left:0px;top:0px;}
#footer img.right {position:absolute;right:0px;top:0px;}
#footer p {font-size:11px;position:absolute;bottom:15px;color:#fff;}
#footer p.left {left:15px;}
#footer p.right {right:15px;}
#footer p.center {left:249px;}
#bottom ul {color:#7fafd8;margin:0px auto;font-size:10px;width:475px;height:15px;}
#bottom li {float:left;}
#bottom a {color:#7fafd8;margin:5px;text-decoration:none;}
#bottom a:hover {border-bottom:1px solid #7fafd8;}

#bottom-links {text-align:center; background:#003D69; font-size:10px; color:#eee; padding:10px 0;}
#bottom-links div {margin:0 auto; width:900px;}
#bottom-links a {margin:0 4px; text-decoration:none;}

#tabbed_navigation {position:absolute;top:-39px;}
#tabbed_navigation ul {padding:0px;list-style-type:none;}
#tabbed_navigation li {float:left;margin:0px 2px;}
#tabbed_navigation a {position:relative;height:19px;display:block;text-align:center;text-decoration:none;line-height:20px;}
#tabbed_navigation a.active {background:url(../images/tab-active-center.gif) repeat-x;padding:4px 0px;color:#fff;}
#tabbed_navigation a.inactive {background:url(../images/tab-inactive-center.gif) repeat-x;padding-bottom:8px;color:#7fafd8;}
#tabbed_navigation a.inactive:hover {color:#fff;}
#tabbed_navigation a.active span.left {background:url(../images/tab-active-left.gif) no-repeat;width:10px;height:27px;position:absolute;left:0px;top:0px;}
#tabbed_navigation a.active span.right {background:url(../images/tab-active-right.gif) no-repeat;width:10px;height:27px;position:absolute;right:0px;top:0px;}
#tabbed_navigation a.inactive span.left {background:url(../images/tab-inactive-left.gif) no-repeat;width:7px;height:27px;position:absolute;left:0px;top:0px;}
#tabbed_navigation a.inactive span.right {background:url(../images/tab-inactive-right.gif) no-repeat;width:7px;height:27px;position:absolute;right:0px;top:0px;}

.home-background {background:url(../images/content-home-bg.jpg) no-repeat; height:435px; background-position:80px 30px;}
.trees {position:absolute;top:-47px;right:72px;}
.image {border:2px solid #fff;margin:8px;}
#sae_chart td {border:1px solid #b4b4b4;text-align:center;vertical-align:middle;padding:4px;font-size:12px;color:#001d31;background:#fff url(../images/sae-td.gif) repeat-x;}
#sae_chart tr:hover td {background:url(../images/sae-td-over.gif) repeat-x;}
#sae_chart thead td {color:#fff;font-weight:bold;line-height:16px;background:#003357 url(../images/sae-thead.gif) repeat-x;}
#sae_chart thead tr:hover td {background:url(../images/sae-thead.gif) repeat-x;}

#contactform {text-align:right; width:285px; font-size:12px; line-height:16px; margin-top:20px; float:left;}
#contactform fieldset {border: 1px dotted #7FAFD8; padding:5px;}
#contactform legend {font-size:14px;}
#contactform td {padding:4px;}
#contactform input {width:180px}
#contactform textarea {height:100px; width:180px;}
#contactform input.submit {width:80px; height:22px;}
#contactinfo {float:left; width:250px; font-size:12px; margin-top:20px;}
#contactinfo li {font-weight:normal; margin-bottom:5px;}
#contactinfo span {color:#CEB585;}
