
* {
margin : 0;
padding : 0;
}
html {
height : 100%;
}
body {
height : 100%;
color : #a4a4a4;
cursor : default;
font-size : 11px;
line-height : 16px;
text-align : center;
background:url(../images/mr_bg2.jpg); background-position:center; background-attachment:fixed; margin:auto;
background-position : 50% 0;
background-repeat : no-repeat;
font-family : Tahoma, sans-serif;
}
a:link, a:visited {
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}
div.wrap {
width : 993px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url(../images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 993px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 973px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
background : url(../images/nav.png) no-repeat;
}

/* My */
.main {width:1003px; margin-left:auto; margin-right:auto; background:#f8f8f8; padding-top:3px;}
.top { background-image:url(../images/nav-bg.png); background-repeat:no-repeat; margin:0 5px 5px 5px; height:40px; clear:both;}
.top ul {float:right; list-style:none;padding:2px; 3px;}
.top ul li {display:inline;}
.top-nav {background-image:url(../images/nav-bg.png); background-repeat:no-repeat; list-style:none; padding:10px 0; margin:5px; display: block;}
.top-nav  li { display:inline; padding:7px 25px; color:#FFF; font-weight:bold; text-shadow:#666 1px 1px; font-size:18px;}
.top-nav  li a { color:#ffffff; font-weight:bold; text-shadow:#666 1px 2px; font-size:18px; text-decoration:none;}
.top-nav  li a:hover { color:#fdb900; font-weight:bold; text-shadow:#ffffff 1px 1px; font-size:18px; text-decoration:none;}
.top-nav li:hover {background-image:url(../images/hover-nav-bg.png);}

.main-body { height:100%;}

.main-body-left {width:160px; float:left; text-align:left; margin-left:5px; vertical-align:top;}
#head-left-menu {background-image:url(../images/H_L_menu.png); background-repeat:no-repeat; padding-top:70px; text-align:center; font-size:18px; padding-bottom:7px; font-weight:bold; color:#ffffff; text-shadow:#000000 1px 1px;}
.main-body-left #body-left-menu {border-radius:0 0 3px 3px; border:#224271 1px solid;}
#left-menu {background-image:url(../images/L_menu1.png); background-repeat:no-repeat; padding-top:15px; padding-bottom:8px; margin-left:2px; font-size:15px; color:#000; text-shadow:#FFF 1px 1px; font-weight:bold; text-align:center;}
#left-menu a { font-size:15px; color:#FFF; text-shadow:#000 1px 1px; font-weight:bold;}
#left-menu a:hover {font-size:15px; color:#000; text-shadow:#FFF 1px 1px; font-weight:bold;}
#left-menu:hover {background-image:url(../images/L_menu.png); background-repeat:no-repeat; padding-top:15px; padding-bottom:8px; margin-left:2px;}

.main-body-right {width:825px; float:right; text-align:left; margin-right:5px; vertical-align:top;}
.footer {padding:10px 0; background:#333; color:#FFF; text-align:center; border-top:4px solid #999; border-bottom:1px solid #CCC;}

.body-content { border:1px solid #333; border-radius:5px; padding:15px; color:#333; margin-bottom:10px;}
.head-content { background-image:url(../images/head_menu.png); background-repeat:no-repeat;color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; padding:7px 0; text-shadow: #333 1px 2px; width:200px; text-align:center;}
.body-content2 { border:1px solid #153564; border-radius:0 5px 5px 5px; padding:15px; color:#333; margin-bottom:10px; background:#ffffff;}
#body-txt {font-family:Tahoma, Geneva, sans-serif; font-size:16px; text-align:justify; line-height:150%; text-indent:50px; padding-top:10px;}

.product-list {list-style:none; width:380px; height:160px; float:left; margin:7px; border:1px solid #333; border-radius:5px; background:#f4f8fd;}
.product-list:hover {background:#e3effd; }
#product-list-left {width:160px; float:left; display:inline;}
#product-list-left img { width:150px; height:150px; border:#d3e4fc 1px solid; border-radius:3px; margin:4px; opacity:0.7;}
#product-list-left img:hover {opacity:1; border:#002d6e 1px solid;}
#product-desc {padding:4px 7px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; margin:2px 0;}
#product-desc a { color:#009; text-decoration:none;}
#product-desc a:hover { color: #F00; text-decoration:underline;}