@charset "utf-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;background:url(../images/bg.jpg)}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
::selection {background: #a2a2a2;color: #fff; /* Safari - webkit */}
::-moz-selection {background: #a2a2a2;color: #fff; /* Firef x */}
.clear_fix{clear:both;height:0;font-size:1px;line-height:0px;}




/* Heyday International Css
----------------------------------------------------------------*/
#site_container{width:1000px;margin:0 auto 0 auto;position:relative;}
#banner_slider{width:592px;height:533px;position:relative;left:-29px}
#banner_mask{position:absolute;left:0;top:0;z-index:2;}
#banner{background:url(../images_intro/sliders.jpg);height:530px;width:590px;position:relative;z-index:1;}
#main_logo{position:absolute;top:15px;z-index:3;}
#site_left{width:50%;float:left;}
#site_right{width:50%;float:right;position:relative;}
#siteleft_fix{width:500px;float:right;}
#left_slider_bg{background:url(../images_intro/slider_bg.png) no-repeat left top;height:254px;position:relative;width:100%;z-index:5;margin-left:-100px;}
#left_slider_bg_1{background:#efefef;position:absolute;top:0;width:100%;height:254px;}
#text_slider{float:left;width:350px;margin:42px 0 0 170px}
#total_slider{width:350px;}
#total_slider li{list-style:none;display:block;width:350px;position:relative;}
.head1{color:#474747;font:35px 'clanosf-thinthin', Arial, sans-serif;display:block}
.head2{color:#2196c6;font:80px 'merriweatherbold', Arial, sans-serif;display:block;text-transform:uppercase;}
.head3{color:#474747;font:20px 'clanosf-thinthin', Arial, sans-serif;display:block}
.head3a{color:#474747;font:24px 'clanosf-thinthin', Arial, sans-serif;display:block;word-spacing:7px}
.head3b{color:#474747;font:30px 'clanosf-thinthin', Arial, sans-serif;display:block;}
.head1a{color:#474747;font:48px 'clanosf-thinthin', Arial, sans-serif;display:block;word-spacing:15px}
#text_part_content{margin:0 0 0 70px;float:left;width:500px;position:relative;left:-73px;z-index:99}
#text1{color:#626262;font:12px/18px 'clanosf-bookbook', Arial, sans-serif;margin:20px 0 0 0;}
#heyday_logo {width:auto;margin:15px 0 0 0}
#heyday_logo a{text-decoration:none;color:#2196c6;display:block;font:bold 13px/20px 'clanosf-bookbook', Arial, sans-serif;margin:4px 0 0 0}
#heyday_logo a:hover{color:#474747;}
#footer_part{width:auto;margin:20px 0 0 0}
#icon_part{float:left;}
#social{float:right}
.mail{background:url(../images_intro/mail.png) no-repeat 0 1px;padding:0 20px 0 27px;font:13px 'clanosf-bookbook', Arial, sans-serif;color:#8f8f8f;}
.call{background:url(../images_intro/mob.png) no-repeat 0 2px;padding:2px 0 2px 20px;font:13px 'clanosf-bookbook', Arial, sans-serif;color:#8f8f8f;}
.head1_a{color:#474747;font:45px 'clanosf-thinthin', Arial, sans-serif;display:block;word-spacing:5px;}
#content_bottom{width:1000px;margin:30px auto 0 auto;padding:0 0 30px 0;}
#inner_tab_contents{padding:20px;font:13px/21px 'clanosf-bookbook', Arial, sans-serif;color:#575757;}
#inner_tab_contents p{display:block;margin:0 0 14px 0;}
.head_new1{font:bold 14px/21px 'merriweatherbold', Arial, sans-serif;color:#333;display:block;margin:0 0 10px 0}
.head_new2{display:block;font:bold 13px'clanosf-bookbook', Arial, sans-serif;margin:0 0 2px 0;}
.head_new3{color:#2196c6;font-weight:bold;}
#tab_home_container{width:1000px;margin:30px auto 30px auto;}
.icon_txt{padding:10px;font:bold 15px'clanosf-bookbook', Arial, sans-serif;}
.tab_icon{text-align:center;margin:9px 0 5px 0;height:60px}
#skip{display:none;}
h4 { font:normal 16px'clanosf-bookbook', Arial, sans-serif; margin:15px 0 0}



/*Tab Css
----------------------------------*/
#vtab {margin: auto;width: 1000px;height: 100%;}
#vtab > ul > li {width: 24.9%;height: 135px;background-color:#2196c6 !important;list-style-type: none;display: block;text-align: center;margin: auto;position: relative;
float:left;margin:0 0.1% 0 0;color:#fff;}
#vtab > ul > li.selected { z-index: 10;background-color: #efefef !important;position: relative;}
#vtab > ul {float: none;width: auto;text-align: left;display: block;margin: auto 0;padding: 0; position: relative;}
#vtab > .tab {background-color: #efefef;position: relative; }
.selected{color:#494949!important}


/*For 1000px or less div width 748px
-------------------------------------------------*/
@media screen and (max-width: 999px) {
	#skip{display:block;background:#25aae1;position:fixed;z-index:999;bottom:0;width:100%;font:bold 15px'clanosf-bookbook', Arial, sans-serif;}
	#skip a{display:block;color:#fff;text-transform:uppercase;padding:10px;text-align:center;text-decoration:none;background:#25aae1}
	#skip a:hover{background:#6e6e6e;}
}