* { margin:0; padding:0 }
html { height:100% }
body { width:100%; background:#fff; color:#191919; font:normal normal .7em Arial, Helvetica, sans-serif; text-align:center; cursor:default }
a, a:hover { color:#191919; text-decoration:underline }
input, select, textarea { color:#666; font-size:1em; font-size:11px; font:1em Arial, Helvetica, sans-serif }
input.textbox, select.textbox, textarea.textbox { border:1px solid #b4b4b4;padding:2px }
select.textbox  { padding:1px }
table { font-size:100%; border-collapse: collapse; table-layout:auto }
td { text-align:left; font-weight:normal }
th { text-align:left; font-weight:bold }
img, table, fieldset { border:none }
ul, li { list-style:none }
h1, h2, h3, h4, h5, h6 { font:normal bold 1em Arial, Helvetica, sans-serif; color:#39577d }

.fl { float:left }
.fr { float:right }
.clear { clear:both; font-size:1px; height:1px; visibility:hidden; line-height:normal; margin-bottom:-1px }
.wf, *.wf { width:100% !important}
.hr { height:1px; border-top:1px solid #d2d2d2; margin:10px 0 }
.hr hr { display:none }

/* Wrapper
-------------------------------------------*/
.wrapper { width:1000px; text-align:left; margin:0 auto; position:relative }

/* ======= Fixed Width ======= */
#head, #foot  { margin:0 auto; text-align:left; width:1000px; clear:both; position:relative }

/* Fix Width
-------------------------------------------*/
#left, .logo, .box-thumb, .foot-left { width:758px }
#right, .icon, .foot-right {  width:242px; }
#right { overflow: hidden; position:relative }
#right .box {width:242px;overflow: hidden;  }
#container {width:242px;overflow: hidden; position:relative}

/* Head Style
-------------------------------------------*/
#head { height:84px; background:url(../img/head.gif) 0 0 repeat-x }
#head h1 { background:url(../img/logo.gif) 0 0 no-repeat; position:absolute; top:15px; left:9px; height:51px; width:279px; overflow:hidden }
#head h1 a { display:block; height:51px; width:279px; overflow:hidden; text-indent:-9999em; cursor:pointer  }

#head .logo { background:url(../img/logobg.gif) 100% 0 no-repeat; height:84px; float:left }
#head .icon { background:url(../img/icon.gif) 0 0 repeat-x; height:84px; float:left  }
#head .icon ul { margin:32px 0 0 94px }
#head .icon li { float:left; margin:0 5px }



/* Menu Top Style
-------------------------------------------*/
div.topmenu { background:url(../img/darkbg.gif) #39577d 754px 0 repeat-y; color:#fff; width:100%; overflow:hidden; height:35px }
div.topmenu a, div.topmenu a:hover { color:#fff; text-decoration:none; text-transform:uppercase; display:block;  }
div.topmenu ul { width:758px; float:left  }
div.topmenu li { float:left;  }

div.topmenu li a strong { display:block; padding:10px 12px 9px 12px; font-size:14px; }

div.topmenu li a:hover, div.topmenu li a.active { background:url(../img/menu-left.gif) #fff 0 0 no-repeat }
div.topmenu li a:hover strong, div.topmenu li a.active strong { background:url(../img/menu-right.gif) 100% 0 no-repeat;  }
div.topmenu li a:hover, div.topmenu li a.active { color:#a53100;  }

div.topmenu h3, div.topmenu h3 a { font-size:14px }
div.topmenu h3 { float:right; width:242px; font-weight:bold; text-align:center; padding-top:10px }

/* Menu Bot Style
-------------------------------------------*/
ul.botmenu { width:242px; color:#fff; clear:both }
ul.botmenu a, ul.botmenu a:hover { color:#fff; text-decoration:none; text-transform:uppercase; font-size:18px; display:block;  }
ul.botmenu li { clear:both }
ul.botmenu li a { display:block; padding:8px 0px 7px 0px; border-top:3px solid #f2edd0; text-align:center }
ul.botmenu li a.first  { border:none }
ul.botmenu li a:hover, ul.botmenu li a.active { color:#a53100;  background:#f2edd0 }


/* Left Menu Style
-------------------------------------------*/
div.leftmenu { width:211px; padding:35px 0 0 26px; clear:both; float:left }
div.leftmenu a, div.leftmenu a:hover { text-decoration:none; font-size:14px; display:block;  }
div.leftmenu a { color:#1c3555; background:url(../img/arr.gif) 0 7px no-repeat; }
div.leftmenu a:hover, div.leftmenu li a.active { color:#a53100; background:url(../img/arr-active.gif) 0 7px no-repeat;   }

div.leftmenu li { clear:both }
div.leftmenu li a { display:block; padding:2px 0px 2px 12px }



div.leftmenu li ul { margin-left:23px; }
div.leftmenu li ul li { text-transform:lowercase }


/* Content
-------------------------------------------*/
.content { background-position: 0 0; background-repeat:repeat-y; background-color:#f2edd0; clear:both; background-image:url(../img/content-bg.gif); }
.main .content { background-image:url(../img/main-content-bg.gif); }

/* Menu Left Style
-------------------------------------------*/
.leftmenu, .box-thumb { position:relative  }
.box-thumb, .box-thumbg {  height:242px }
.box-thumb { background:url(../img/thumboxbg.gif) 0 100% repeat-x; overflow:hidden }
.box-thumbg { width:4px; position:absolute; right:0; top:0; background:url(../img/box-thumbg.png) 0 0 no-repeat }
.box-thumb img { display:block }
.box-thumb table { position:absolute; left:25px; top:25px; border:1px solid red }


/* Foot Style
-------------------------------------------*/
#foot  { background:url(../img/darkbg.gif) #39577d 754px 0 repeat-y; color:#fff; padding:14px 0 0px 0; margin:0; line-height:normal;  }
.foot-left { float:left; /*text-align:center*/ }
.foot-left .banner { height:100px; padding:1px 0; margin:0 0 1px 0; /*overflow:hidden;*/ background:url(../img/bannerbg.gif) #fff 100% 0 repeat-y;  }
.foot-left a { color:#fff }
.foot-right { float:left }

.foot-left .banner table { /*position:absolute*/ } 
.foot-left .banner div.ban table { /*left:0; top:0;*/ border:none; margin:0 0 0 230px  } 

.foot-left .banner .bann-link { display:block;position:absolute; width:750px; height:100px; left:4px; top:14px; }
.foot-left .banner  a { color:#39577D }
.foot-left .banner .bann-link img{ display:block; width:750px; height:100px; position:relative; z-index:999 }

.foot-left .banner table.ban { width:520px; height:100px }

.foot-left .banner table.ban td { margin:0 auto; height:100px; text-align:center; vertical-align:middle }
.foot-left .banner div.ban  { color:#000; font-size:16px; cursor:pointer }
.foot-left .banner div.ban { background-position:0 0; background-repeat:no-repeat; margin:0 auto; width:750px; height:100px; overflow:hidden }

/* Left Side Style
-------------------------------------------*/
#left  { float:left; }



/* Right Side Style
-------------------------------------------*/
#right  { float:right;  }

/* Gallery Style
-------------------------------------------*/
.gal { position:relative; /*float:left; width:241px;*/ margin:3px auto 0 auto }
.gal-top-left { background:url(../img/thumb/left-top.gif) 0 0 no-repeat; width:8px; height:7px; left:0; top:0; position:absolute;  }
.gal-top-right { background:url(../img/thumb/right-top.gif) 0 0 no-repeat; width:8px; height:7px; position:absolute; right:0; top:0  }
.gal-topbg  { background:url(../img/thumb/top.gif) 0 0 repeat-x; width:100%; height:7px; position:absolute; left:0; top:0  }

.gal-bg-left  { display:block; background:url(../img/thumb/left.gif) 0 0 repeat-y }
.gal-bg-right  { display:block; background:url(../img/thumb/right.gif) 100% 0 repeat-y }
.gal-bg-left img {display:block;  padding:4px 5px; }

.gal-botbg { background:url(../img/thumb/bot.gif) 0 0 repeat-x; display:block; height:7px; position:relative; margin-top:-7px }
.gal-bot-right {background:url(../img/thumb/right-bot.gif) 100% 0 no-repeat; height:7px; position:relative; margin-top:-7px}
.gal-bot-left {background:url(../img/thumb/left-bot.gif) 0 0 no-repeat; height:7px; position:relative; margin-top:-7px}


/* right-text */
.right-text { padding:15px 25px; height:200px; margin:0 0 15px 0; overflow:hidden }
.right-text { font-size:12px; line-height:18px }
.right-text h2 { font-size:14px; padding:0 0 18px 0 }
.right-text p { padding-bottom:14px }


.move li { float:left; font-size:14px; color:#1c3555; margin:15px; padding:0 0 7px 0; line-height:150%}
.move h3 { font-size:14px; color:#1c3555;  }
.move li object { display:block; margin-bottom:7px}


/* TEXT
-------------------------------------------*/
.text { float:left; width:483px; overflow:hidden; margin:10px 0 10px 10px }

.text {font-size:1.1em;line-height:140%}
.text p { padding-bottom:12px;   }
.text ul, .text ul { margin:0 0 12px 0;  }
.text li { margin:0 0 0 15px; list-style:disc }


div.list { padding-left:15px }
div.list table.list { line-height:normal }
div.list table.list p { padding:0  }
table.list th {  padding:1px 5px; color:#39577d; font-size:12px }
table.list td { color:#000; background:#d1e3ee; border-bottom:1px solid #fff; padding:5px; font-size:12px }

table.list td.small-thumb { width:78px }
table.list td.item { width:296px }
table.list td.price { text-align:center }

div.list h1 { font-size:14px; padding:0 0 10px 0  }

/* FORM
-------------------- */
.textfield, .textarea  { border:1px solid #39577d }
table.form td { padding:2px 4px }
table.form .label { width:25%; text-align:right; color:#39577d; font-weight:bold }
table.form .labelfield { width:75% }
div.submit a { display:block; padding:0 10px 0 0; overflow:hidden; text-align:right; background:url(../img/arr.gif) 100% 50% no-repeat; text-decoration:none !important; color:#39577d; font-weight:bold }
div.submit { width:325px; padding:10px 0 0 0 }


a.back { display:block; margin:10px 0 0 0; padding:0 0 0 10px; color:#39577d; font-weight:bold; text-decoration:none !important;  background:url(../img/back.gif) 0 50% no-repeat; }