/* [Layout Style] */
.t_bgcol1 { background-color: #000000; }
.t_col1   { color: #000000; }
.t_bdcol1 { border: solid 1px #000000; }
.t_bgcol2 { background-color: #000000; }
.t_col2   { color: #000000; }
.t_bdcol2 { border: solid 1px #000000; }
.t_bgcol3 { background-color: #000000; }
.t_col3   { color: #000000; }
.t_bdcol3 { border: solid 1px #000000; }
.t_bgcol4 { background-color: #000000; }
.t_col4   { color: #000000; }
.t_bdcol4 { border: solid 1px #000000; }

/*  [ Layout ] */
html { width: 100%; height: 100%; }
body {
  background: url(/UserFiles/Image/layout/background.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#lyo_outer {
  text-align: center; background: url(/UserFiles/Image/layout/wrapper.jpg) repeat-x; min-height:400px;
}
#lyo {
  margin: auto; width: 1064px; text-align: left;
}



/*  [ Banner ] */
#lyo_banner {
  position: relative; margin-top: 65px;
}
#lyo_banner #wow_slider_banner {
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
}
#lyo_banner h1 {
  position: absolute; top: 15px; left: 30px; text-align: center;
  margin: 0; color: #EF8E22; font-size: 300%; z-index: 10;
  font-family: 'Petrona', serif; font-weight: normal; text-shadow: 1px 1px 3px #000;
}
#lyo_banner #nav_root_1 {
  position: absolute; top: -45px; left: 20px; z-index:30;
}
#lyo_banner #lyo_logo   {
  position: absolute; top: -45px; left: 755px; z-index: 10; border: 0;
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
}



/*  [ Breadcrumbs / Prev Next / Search / Icons ] */
#lyo_breadcrumbs_search {
  margin: 15px 10px; padding: 5px 5px 5px 5px;
  border: 1px solid #C46A0C; background: #EFDEAD;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
}
#lyo_prev_next {
  margin: 0 auto; text-align: center; height: 1.25em;
}
#lyo_breadcrumbs label {
  display: block; float: left; font-weight: bold; margin: 0 0.5em 0 0;
}
#topbar_search {
  position: absolute; top: 18px; left: 804px;
  height: 16px; line-height:16px; width: 134px; padding: 1px 2px; border: none;
  background: url(/img/user/layout/bg-search.gif);
}
#topbar_search_btn {
  position: absolute; top: 18px; left: 942px;
  height: 18px; width: 29px; border: none; padding: 0;
  background: url(/img/user/layout/bg-go.gif);
}
#topbar_search_btn:hover {
  background-position: 0% 100%;
}
#lyo_icons  {
  position: absolute; top: 18px; left: 976px; z-index: 10;
}



/*  [ Main Content ] */
#lyo_content {
  margin: 15px 10px;
  padding: 10px;
  background: #F4E8C4; border: 1px solid #C46A0C;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
  text-shadow: 1px 1px 2px #735A9C;
  color: #000000;
}
#lyo_content .content {
  font-size: 120%;
}
#lyo_content hr {
  clear: both; color: #C46A0C; height: 2px; background-color: #C46A0C;
}
#lyo_content h1,
#lyo_content h2 {
  font-family: 'Petrona', serif; color: #A05300; font-weight: normal; text-shadow: 1px 1px 3px #98791C;
}
#lyo_content h1 a {
  color: #A05300; text-decoration: none;
}
#lyo_content h1 a:hover {
  color: #0000ff; text-decoration: underline;
}


/*  [ Columns ] */
#lyo_columns {
  padding: 0px; margin: 10px 10px 0 10px;
}
#lyo_column_1 {
  float: left; margin: 0 16px 0 0; width: 513px;
}
#lyo_column_2 {
  float: left; margin: 0 0 0 0; width: 513px;
}
#lyo_columns div.css3 {
  padding: 10px; margin: 0 0 15px 0;
  background: #F4E8C4; border: 1px solid #C46A0C;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
  text-shadow: 1px 1px 2px #735A9C;
}
#lyo_columns h1,
#lyo_columns h2,
#lyo_columns h1 a,
#lyo_columns h2 a {
  color: #A05300; text-decoration: none; margin: 0.25em 0;
  font-family: 'Petrona', serif; font-weight: normal; text-shadow: 1px 1px 3px #98791C;
}
#lyo_columns h1 a:hover,
#lyo_columns h2 a:hover {
  color: #0000ff; text-decoration: underline;
}
#lyo_columns a {
  color: #735A9C; text-decoration: none;
}
#lyo_columns a:hover {
  color: #0000ff; text-decoration: underline;
}


/*  [ Footer ] */
#lyo_footer  {
  margin: 0 10px 10px 10px; padding: 5px 5px 5px 5px; text-align: center;
  background: #E7CE81; border: 1px solid #C46A0C;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
}
#lyo_footer a {
  color: #0000ff; text-decoration: none; font-weight: bold;
}
#lyo_footer a:hover {
  text-decoration: underline;
}