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

body{ text-align:center; background-color:#322f1b; margin:0; padding:0; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#fff;}

/* area for top bg, menu and logo **********************************************************************************************/
#bg_top{ width:100%; height:114px; background-image:url(../images/bg_top.jpg); background-repeat: repeat-x; background-position:left; display:block;}
#top_container{ width:899px; height:114px; position:relative; margin:0 auto;}
#logo_top_all{width:197px; height:114px; position:absolute; left:-43px; top:0; background-image:url(../images/logo_top_all.jpg); background-repeat:no-repeat;}
#logo_bot_home{ width:58px; height:62px; position:absolute; left:-41px; top:0; background-image:url(../images/logo_bot_home.jpg); background-repeat:no-repeat;}
#logo_bot_sub{ width:58px; height:62px; position:absolute; left:-41px; top:114px; background-image:url(../images/logo_bot_sub.jpg); background-repeat:no-repeat;}

/*menu top bg **********************************************************************************************/
#menu_top_bg{ height:38px; position:absolute; top:0; right:0;}
#menu_select_bg_centre{float:right;}
#menu_select_bg_right{float:right; width:8px; height:38px; background-image:url(../images/menu_end_right.jpg); background-repeat:no-repeat; font-size:0; line-height:0;}

/*menu top navigation **********************************************************************************************/
#menu_top_bg ul{ list-style-type:none; margin:0; padding:0; height:38px; float:right; background-color:#bfd92f; background-image:url(../images/menu_end_left.jpg); background-repeat:no-repeat; background-position:left; padding-left:8px;}
#menu_top_bg ul li{ display:inline;}
#menu_top_bg ul li a{ color:#3f3b22; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; font-size:12px; text-transform:uppercase;}

#navigation a{ color: #3f3b22; background: #BFD92F; text-decoration: none; padding-left: 10px; margin-top:6px;}
#navigation a span{ padding-right: 10px; font-family: Tahoma, serif; font-size:12px; font-weight:bold; text-transform:uppercase;}
#navigation a, #navigation a span{ display: block; float: left;}
/* Hide from IE5-Mac \*/
#navigation a, #navigation a span{ float: none; line-height:24px; outline:none;}
/* End hide */
#navigation a:hover{ color: #3f3b22; background: #fff url(../images/left-tab-hover.gif) left top no-repeat; padding-left: 10px;}
#navigation a:hover span{ background: url(../images/right-tab-hover.gif) right top no-repeat; padding-right: 10px}
#navigation ul{ list-style: none; padding: 0; margin: 0 0 0 0;}
#navigation li{ display:inline; float: left; margin: 0; padding-right:2px;}
#navigation a.selected{ color: #3f3b22; background: #fff url(../images/left-tab-hover.gif) left top no-repeat; padding-left: 10px;}
#navigation a.selected span{ background: url(../images/right-tab-hover.gif) right top no-repeat; padding-right: 10px}
/*end menu  **********************************************************************************************/

/* continue structure general **********************************************************************************************/
#page_bg{width:100%; background-color:#3F3B22; color:#fff;}
#page_container{ width:899px; margin:0 auto;  text-align:left; padding-bottom:64px; }
#page_mid{ font-weight:normal; font-size:12px; background-color:#fff; color:#3f3b22;}
/* pause structure general **********************************************************************************************/

/* home three boxes and stripe bg area **********************************************************************************************/
#home_boxes_bg{width:899px; height:265px; position:relative; background-image:url(../images/home_boxes_bg.gif); background-repeat:no-repeat;}
#home_boxes_one{ width:202px; height:188px; position:absolute; top:35px; left:58px;}
#home_boxes_two{ width:202px; height:188px; position:absolute; top:35px; left:348px;}
#home_boxes_three{ width:202px; height:188px; position:absolute; top:35px; left:637px;}

a.more_info {margin: 0; display: block; width: 84px; height: 26px; background-image:  url(../images/more_info.jpg); background-position: 0 0; position:absolute; bottom:0; right:0;}
a.more_info:hover {background-position: 0 -26px;}

a.download_now {margin: 0; display: block; width: 202px; height: 45px; background-image:  url(../images/download_now.jpg); background-position: 0 0; position:absolute; bottom:0; left:0;}
a.download_now:hover {background-position: 0 -45px;}

.home_boxes_title{ width:202px; height:48px; position:absolute; left:0; top:0px; text-align:center; line-height:48px; font-family:Georgia, serif; font-size:18px; font-weight:normal;}
.home_boxes_content{ width:212px; height:114px; position:absolute; left:-5px; top:48px; font-family: Tahoma, serif; font-size:11px; line-height:11px; font-weight:bold; padding-top:11px;}
.home_boxes_content a{ text-decoration:underline; color:#3F3B22; background-color:#fff;}
.home_boxes_content a:hover{ text-decoration:none;}
.home_boxes_content p{margin:0 0 10px 0; padding:0;}
/* end home three boxes and stripe bg area **********************************************************************************************/

/* main contents home **********************************************************************************************/
#main_contents_bg{background-image:url(../images/page_bg_home.jpg); background-repeat:repeat-y; width:899px; margin-top:26px;}
#main_contents{ padding:0 32px;}

#mcl{float:left; width:550px;}
#mclwrap{padding-right:30px;}
#mcr{float:left;width:284px;}

/* end main contents home **********************************************************************************************/
/* main contents sub **********************************************************************************************/
#main_contents_sub{ background-color:#ffffff;width:899px;}
#smcl{float:left; width:580px; }
#smcr{float:left; width:319px;}
#smcl_padding{ padding:8px 32px 0 32px;}

#sub_right_boxes{ background-image:url(../images/sub_right_boxes.gif); background-repeat:no-repeat; width:319px; height:515px; position:relative;}
#sub_right_boxes_one{ width:202px; height:188px; position:absolute; top:35px; left:57px;}
#sub_right_boxes_two{ width:202px; height:188px; position:absolute; top:279px; left:57px;}

#home_content_right_title{ height:40px; line-height:40px; width:284px; background-color:#bfd92f; font-family:Georgia, serif; color:#007071; font-size:18px; font-weight:normal; text-indent:14px;}
#home_content_right{ padding:0 14px 14px 14px; font-style:italic; font-weight:bold;  font-family:Verdana, Arial, Helvetica, sans-serif;color:#007071; background-color:#eaf3bc;}
/* end main contents sub **********************************************************************************************/

/* bottom curve **********************************************************************************************/
#page_bot{ width:899px; height:30px; background-image:url(../images/page_bot.jpg); background-repeat:no-repeat;}
/* end bottom curve **********************************************************************************************/

/* footer **********************************************************************************************/
#footer{ width:899px; margin:11px auto 0 auto; text-align:left; padding-bottom:50px;}
#copyright{ float:left; color:#8e8e88; width:250px; font-size:11px; background-color:#322F1B;}
#credit{ float:right; width:71px; height:28px; padding-right:6px;}
#credit a{ display:block;}
#credit a img{ border:0;}
/* end footer **********************************************************************************************/

/* main text styles **********************************************************************************************/
#mcl h1, #smcl h1{ font-weight:bold; font-size:30px;}
#mcl h2, #smcl h2{ font-weight:bold; font-size:23px;}
#mcl h3, #smcl h3{ font-weight:bold; font-size:18px;}
#mcl h4, #smcl h4{ font-weight:bold; font-size:12px;}
#mcl h5, #smcl h5{ font-weight:bold; font-size:11px;}
#mcl a, #smcl a{ text-decoration:none; font-weight:bold; color:#3F3B22;background-color:#fff;}
#mcl a:hover, #smcl a:hover{ color:#007071; background-color:#fff;}
/* end page text global **********************************************************************************************/

/* miscellaneous **********************************************************************************************/
.clearit{ font-size:0; height:0; line-height:0; clear:both;}
.hideit{ display:none;}
.warning { color: #F00;}
input, textarea {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#3f3b22; font-size:11px;}
/* end miscellaneous **********************************************************************************************/