body { margin:0; padding:0; font-size:14px; color:#666666; line-height:16px; font-family: Arial, Tahoma;}
a { color:#000000; text-decoration:none; }
a:hover { color:#999999; text-decoration:none;}
.orange { color:#FF8500;}
.red { color:#AA0000;}
.blue { color:#005784;}
.green { color:#00AA00;}
.yellow { color:#FFFF33;}
.grey { color:#333333;}


#mainboby { margin:0; padding:0; font-size:14px; color:#666666; line-height:22px; font-family: Arial, Tahoma;}
#header { background: url(images2/header_bckg.gif) repeat-x ; height:120px;  }
#logo {  margin:0 auto; padding:50px 0 0 25px; }
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
#logo a:hover { }
#menu {color:#fff; text-align:center; margin-top:19px;}
#menu ul{ margin:0 auto;list-style:none; padding:0; text-align:left;}
#menu ul li{display:inline}
#menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; background:url(images2/menu_enactive.gif) no-repeat bottom center; padding:8px 10px; width:118px; text-align:center; text-transform:none;}
#menu ul a:hover { background:url(images2/menu_over.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active { background:url(images2/menu_active.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active:hover { background:url(images2/menu_active.gif) no-repeat bottom center; color:#232323;}

#maintwo { width:100%; margin:0px 0 20px 0; float:left;}
#main { width:100%; margin:0px 0 0px 0; float:left;}

#head_image { height:150px; background:url(images2/head_bckg.jpg) no-repeat #ffffff; padding:30px 0 30px 50px; line-height:24px;}
#head_image_tt { height:213px; width:790px; background:url(images2/karma_tt_bkgd_htpc_home_theatre_pc_case.jpg) no-repeat #ffffff; padding:30px 0 30px 50px; line-height:24px;}
#head_image_tf5 { height:213px; width:790px; background:url(images2/karma_tf5_bkgd_htpc_home_theatre_pc_case.jpg) no-repeat #ffffff; padding:30px 0 30px 50px; line-height:24px;}
#head_image_tf8 { height:213px; width:790px; background:url(images2/karma_tf8_bkgd_htpc_home_theatre_pc_case.jpg) no-repeat #ffffff; padding:30px 0 30px 50px; line-height:24px;}
#head_image_tf11 { height:213px; width:790px; background:url(images2/karma_tf11_bkgd_htpc_home_theatre_pc_case.jpg) no-repeat #ffffff; padding:30px 0 30px 50px; line-height:24px;}
#head_image_tfhdd { height:213px; width:790px; background:url(images2/karma_tfhdd_bkgd_htpc_home_theatre_pc_case.jpg) no-repeat #ffffff; padding:30px 0 30px 50px; line-height:24px;}
#head_image_ir { height:213px; width:790px; background:url(images2/karma_ir_bkgd.jpg) no-repeat #ffffff; padding:30px 0 30px 50px; line-height:24px;}
#head_image_oled { height:213px; width:790px; background:url(images2/karma_oled_bkgd.jpg) no-repeat #ffffff; padding:30px 0 30px 50px; line-height:24px;}

#slogan { color:#fff; font-family: Arial, Tahoma; font-size:21px; text-transform:uppercase; }
#under_slogan_text { color:#8A8888; font-size:12px; line-height:20px; padding-top:15px;}
#content { margin:0 auto; padding:0; width:780px;}
#content h1 {background:url(images/icon1.jpg) 0 2px no-repeat #fff; color:#333333; font-size:22px; line-height:20px; padding:0 0 0 30px; font-weight:normal;}
#text {float:left; width:780px; padding-left:0px; line-height:22px; }

#sidebartwo { margin:20px 0 0 0px; color:#999999; padding:0px; font-size:12px; line-height:22px; }

#sidebar { background:url(images2/sidebar_bckg.gif) repeat-x; margin:20px 0 0 560px; color:#999999; padding:20px; font-size:12px; line-height:20px; }
#sidebar h2 {color:#2D7CB8; margin:0 0 15px 0; font-size:18px; font-weight:normal; text-transform:none; text-align:left; }


#leftbodyPan ul{width:0px;}
#leftbodyPan ul li{width:200px; height:20px;}
#leftbodyPan ul li a{height:20px; display:block; background:url(images/icon2-normal.gif) 0 7px no-repeat #fff; color:#000000; text-decoration:none; padding:0 0 0 20px; line-height:20px;}
#leftbodyPan ul li a:hover{background:url(images/icon2-hover.gif) 0 7px no-repeat #fff; color:#565555; text-decoration:none;}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}


#footer {background:url(images2/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}
#left_footer { float:left; padding:40px 0 0 30px; text-transform:lowercase; color:#FFFFFF; font-weight:none; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; text-transform:lowercase; color:#FFFFFF; font-weight:none; font-size:11px; text-align:right;}
#right_footer a { text-decoration:none; color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}