/*------------------- [ init ] --------------------css document--------------*/

html, body { background-color: #e5e5e5; font: 12px arial, verdana, sans-serif; color: #313b3e; line-height: 17px; height: 100%; }

#header_wrapper, #content_wrapper { margin: 0 auto; width: 796px;  }
#header_wrapper { background: url(../img/background_top.jpg) no-repeat; padding: 35px 50px 0px 50px; position: relative; height: 94px;  }
#content_wrapper { background: url(../img/background_repeat_y.jpg) repeat-y ; padding: 20px 50px 20px 50px; }

/*------------------- [ stock / misc ] -----------------------------------------------------*/

.clear { clear: both; }
p { margin: 0 0 10px 0; }
img { border: 0; }

/* links --------------- */
a { color: #326e9c; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #489cdc; }

/* headers --------------- */
/* page header */
h1 { font: 18px trebuchet ms, arial, sans-serif; background: url(../img/horizontal_dots.gif) repeat-x 0 27px; padding: 0 0 15px 5px ; margin: 0  0  5px 0 ; color: #e76a10; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; margin-bottom: 10px; }

/* forms --------------- */
form { margin: 0; }
.txtBox, select, .txtArea { font: 11px arial, verdana, sans-serif; border: 1px solid #ccc; padding: 1px; }
.txtBox { width: 120px; }
.txtArea { width: 340px; height: 100px; }


#border_wrapper { border: 5px solid #ccc; width: 235px; }
.border_wrapper_c { border: 5px solid #ccc; }
.dotted_bottom_border { background: url(../img/horizontal_dots.gif) repeat-x bottom; padding-bottom: 10px; }
.no_top_margin { margin-top: 0; }
.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right{ text-align: right; }

div.sidebar_text_header { background-color: #ccc; color: #fff;
    font-family: arial, sans-serif; font-size: 12px; font-weight: bold;
    padding-left: 10px; padding-bottom: 4px; }

/* to change the logo position */
#logo { position: absolute; top: 30px; left: 40px; }

.fontsize11 { font-size: 11px; }

img.framed { border: 1px solid #313b3e; }
p.long_quote { margin-left: 3em; }
.inline_footer { font-size: 10px; }

/*------------------ [ menu ] -----------------------------------------------------*/

/* utility nav --------------- */
ul#utility_nav { width: 150px; height: 45px; padding: 0;  position: absolute; top: 20px; right: 50px;  }
/*\*/ * html ul#utility_nav { top: 30px; } /**/ 
ul#utility_nav li { position: absolute; top: 10px; height: 18px; list-style: none; }
ul#utility_nav li.li1 { left: 5px; width: 91px; }
ul#utility_nav li.li2 { left: 100px; width: 53px; }
ul#utility_nav li a { text-decoration: none; display: block; height: 18px; }
ul#utility_nav li.li1 a { background: url(../img/contact_us_btn.gif) no-repeat 0 0 ; }
ul#utility_nav li.li2 a { background: url(../img/home_btn.gif) no-repeat 0 0 ; }
ul#utility_nav li a:hover { background-position: 0 -18px; }

/* main menu --------------- */
#menu { background: url(../img/mainNav_background.gif) no-repeat ; width: 543px; height: 41px; position: absolute; top: 85px; right: 50px;  }
#menu ul { list-style-type: none; position: relative; margin: 0; padding; 0; }
#menu ul li { position: absolute; top: 0; }
/* nav_background_2 lays over the background and sub nav and under the level 1 nav elements. this is to offset a difference in the registration point of
the subnav, in mac */
#menu ul li.nav_background_2 { background: url(../img/nav_background_2.gif) no-repeat ;  width: 543px; height: 28px; z-index: 900; left: 0;}

#menu ul li.li1 { left: 10px; width: 120px;  z-index: 1000; }
#menu ul li.li2 { left: 128px; width: 120px;  z-index: 1000; }
#menu ul li.li3 { left: 245px; width: 104px;  z-index: 1000; }
#menu ul li.li4 { left: 347px; width: 104px;  z-index: 1000; }
#menu ul li.li5 { left: 448px; width: 80px; z-index: 1000;  }
#menu ul li a { display: block; text-decoration: none; height: 28px; }
#menu ul li a { font: 16px arial, helvetica, sans-serif; color: #fff; padding-top: 4px; }
/*
#menu ul li.li1 a { background: url(../img/about_shec_btn.gif) no-repeat 0 0; }
#menu ul li.li2 a { background: url(../img/our_mission_btn.gif) no-repeat 0 0; }
#menu ul li.li3 a { background: url(../img/products_btn.gif) no-repeat 0 0; }
#menu ul li.li4 a { background: url(../img/investors_btn.gif) no-repeat 0 0; }
#menu ul li.li5 a { background: url(../img/press_btn.gif) no-repeat 0 0; }
#menu ul li a:hover { background-position: 0 -28px; }
*/

/* sub nav --------------- */
#subNavPadR { padding-right: 10px; }
 * html #subNavPadR { padding-right: 0; }
 

/* sign up form */
#border_wrapper { padding-bottom: 10px; }
.border_wrapper_c { padding-bottom: 10px; }
#border2_wrapper { padding-bottom: 0px; }
a#submit_btn  { background: url(../img/submit_btn.gif) no-repeat; height: 17px; width: 60px; display: block; margin-left: auto; }
a#submit_btn:hover { background-position: 0 -17px; text-decoration: none;  }


/*------------------- [ footer ] -----------------------------------------------------*/

#footer { margin: -15px auto 0 auto; padding-bottom: 30px; background: url(../img/background_bottom.jpg) no-repeat; width: 896px; height: 27px; text-align: center; color: #999999; padding-top: 22px; font-size: 10px; }
#footer a { margin: 0 5px;  }