/* CSS Document */


/*--------------------------------------- Generic Classes -----------------------------------------*/

html { min-height: 100%; height: 100%;}
img { border:0px; margin:0px; padding:0px; }
b { font-weight: bold;}
strong { font-weight: bold;}
i { font-style: italic;}
h1 {}
h2 { color:#666666; font-size:22px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#999999; font-size:20px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#666666; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#999999; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#666666; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
ul {}
ul li {}
dd {}
dd li {}
.clear { clear:both; }
.hidden {display:none;}
/*--------------------------------------- General Structure -----------------------------------------*/

#content ul { font-size:12px; padding:5px 0px 2px 18px; margin-left:20px; color:#666; }
#content ul li { font-size:12px; list-style:disc;  }
#content ol { font-size:12px; padding:5px 0px 2px 18px; margin-left:20px; color:#666; }
#content ol li { list-style:decimal; }


body {background:#F0EBE3; font-family: "Arimo", Helvetica, Arial, sans-serif; overflow-x:hidden;}
a { text-decoration: none; color:#666;}
a:hover {text-decoration: underline;}

#content a{text-decoration: underline;}

/* Container */
#container {min-height: 100%; height:100%; margin-bottom: -74px; }

/* Header */
#header { width:960px; margin:0px auto; position: relative;  z-index:999;}
#header #logo { background: url(/images/logo_bottom_bar.jpg) no-repeat bottom; text-align: center; width:150px; margin:0 auto;  padding:17px 0px 22px 0px; position: relative;}
#header .socialnetworks { width:227px; height:120px; position:absolute; top:0px; right:10px; background:url(/images/top_socialnetworks.png) no-repeat;}
#header .socialnetworks .facebook { position:absolute; top:20px; left:20px; width:200px; height:16px;}
#header .socialnetworks .twitter {position:absolute; top:80px; left:20px;}


#header .socialnetworks .icon {float:left; display:block; width:15px; margin:0 10px 0 0;}
#header .socialnetworks .count-fb {float:left; display:block; width:100px; font-size:14px; font-weight:bold; color:#758A96; line-height:16px;}
#header .socialnetworks .num-fb {float:left; font-size:16px; font-weight:bold; color:#415763; margin-right:5px;}

#header .socialnetworks .like-fb {cursor:pointer; margin:-8px 0 0 0; float:left; display:block; background:url(/images/like_btn.png) left top no-repeat; width:74px; height:32px;}


#header .socialnetworks .icon {float:left; display:block; width:15px; margin:0 10px 0 0;}
#header .socialnetworks .count-tw {float:left; display:block; width:100px; font-size:14px; font-weight:bold; color:#758A96; line-height:16px;}
#header .socialnetworks .num-tw {float:left; font-size:16px; font-weight:bold; color:#415763; margin-right:5px;}

#header .socialnetworks .like-tw {cursor:pointer; margin:-8px 0 0 0; float:left; display:block; background:url(/images/follow_btn.png) left top no-repeat; width:74px; height:32px;}

#header .socialnetworks .like-fb:hover, #header .socialnetworks .like-tw:hover {background-position:0 -31px;}



#twitter_feed {position:absolute; top:0; left:0; background:url(/images/twitter_bg.jpg) left top no-repeat; width:247px; height:130px;}

#twitter_feed ul {margin:0 0 0 92px; padding:0; position:relative; width:144px; }
#twitter_feed ul li {color:#666; list-style:none; background:#FFF; position:absolute; top:0; left:0; width:124px; padding:10px; height:87px; line-height:14px;}
#twitter_feed ul li a {color:#333;}
#twitter_feed ul li a:hover {color:#000; text-decoration:underline;}




/*  Menu */
#menu {z-index:100;}
#menu ul { margin-left:100px; }
#menu ul li { position:relative; font-family: "Oswald"; font-size:18px; color:#999; text-shadow:0px -1px 0px #000; float:left; margin-left: 15px; line-height: 50px; text-transform: uppercase; behavior: url(pie/PIE.htc);}
#menu ul li:first-child { margin-left:0px;}
#menu ul li a { text-decoration: none; color:#999; padding:1px 10px;}
#menu ul li a:hover  { background:#fff !important;  z-index:700; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(pie/PIE.htc); }
#menu ul li a.selected { background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(pie/PIE.htc); }

#menu ul li ul li:first-child { margin-left:15px;}
#menu li ul {margin:0px; padding:0px; float:none; display:none;  position:absolute; left:0px; top:38px; background:#FFF; z-index:1000}

#menu li ul li {float:none; text-transform:none;}

#menu li ul li a:hover {background:#FFF; background-image:none; text-decoration:underline;}
#menu li ul li a.selected {background:#FFF; background-image:none; text-decoration:underline;}


#menu li ul li a {width:140px; display:block; float:none !important; z-index:100; color:#999 !important; font-size:16px !important; padding:0px; margin:0px;}

#menu ul li:hover ul { display:block;}

#menu ul ul:hover { display:block;   z-index:1000}


/* Main */
#main { background:#555555; overflow: hidden; border-bottom:solid 1px #fff;}
#top_main { width:940px; margin:0px auto; box-shadow:-5px 0px 5px #333, 5px 0px 5px #333; -moz-box-shadow:-5px 0px 5px #333, 5px 0px 5px #333; -webkit-box-shadow:-5px 0px 5px #333, 5px 0px 5px #333; behavior: url(pie/PIE.htc);}

/* Top Main */
#top_main .picture { width:340px; float:left; border-right:solid 5px #fff;}
#top_main .quote { float:left; width:595px; height:199px; text-align: center; line-height: 199px; color:#fff; font-size:25px; background: #333;}

/* Home Header */
#home_header {position:relative; z-index: 0; height:338px; }
#home_header .left_side { position: absolute; background: url(/images/ttl_taekwondo_left.png) no-repeat; bottom:50px; left:-10px; width:10px; height:60px; z-index: 400;}
#home_header .title { position:absolute; z-index: 130; color:#666666 !important; font-family: "Oswald";/* text-shadow:0px -1px 0px #000;*/ font-size:30px;}
#home_header .title.tae {color:#666666 !important; padding:20px 0px 0px 10px; background:url(/images/ttl_taekwondo.png) no-repeat; width:240px; height:60px; bottom:30px; left:-10px; z-index: 105;}
#home_header .title.kick {color:#666666 !important; padding:10px 0px 0px 15px; background: url(/images/ttl_kickboxing.png) no-repeat; width:240px; height:51px; bottom:40px; right:45px; z-index: 95;}
#home_header .title.ldragons {color:#666666 !important; padding:10px 0px 0px 20px; background:url(/images/ttl_little_dragons.png) no-repeat; width:284px; height:51px; bottom:40px; right:15px; z-index: 85;}
#home_header .mask {position:relative; background:#666; width:940px; height:338px; margin:0px auto; overflow: hidden;}
#home_header .mask a {text-decoration: none;}
#home_header .mask a:hover {text-decoration: none;}
#home_header div div.description {display:none; position:absolute; padding:5px; background: url(/images/bck_title_descriptions.png) repeat-x; height: 200px; width:310px; color:#fff; font-family:"Arimo";  line-height: 18px; font-size:14px; }
#home_header div.tae div.description { left:10px; top:60px; width:202px; padding:15px 5px 0px 10px; }
#home_header div.kickboxing div.description { left:1px; top:51px; padding:15px 0px 0px 5px; width:228px;}
#home_header div.kid div.description { left:14px; top:51px; width:245px; padding:15px 5px 0px 5px;  }
#home_header img {  position:absolute; top:-1px;}
#home_header img:hover {cursor:pointer;}
#home_header img.kid{ z-index: 10; right:0px; background:#000;  }
#home_header img.kickboxing{ z-index: 20; left:70px; }
#home_header img.taekdo{ z-index: 30; left:-80px; background:#666;}
#home_header div.taekdo { background:#000; overflow: hidden; position:absolute; width:310px; height:338px; overflow: hidden; top:0px; z-index: 100;  border-right:solid 5px #fff;}
#home_header div.taekdo img {position:absolute; right:0px;}
#home_header div.kickboxing {background:#000; overflow: hidden;position:absolute; width:310px; left:305px; height:338px; overflow: hidden; top:0px; z-index: 90;  }
#home_header div.kickboxing img {position:absolute; right:-150px;}
#home_header div.kid { background:#000; overflow: hidden;position:absolute; width:320px; height:338px; left:615px; overflow: hidden; top:0px; z-index: 80;  border-left:solid 5px #fff;}
#home_header div.kid img {position:absolute; right:-50px;}

/* Content Main */
#content_main { width:940px; margin:0px auto;  color:#666666; font-size:14px; padding: 0px 10px;  }

/* Content on content_main */
#content_main #content h1{ font-family: "Oswald"; font-size:24px; padding: 20px 0px; text-shadow:0px -1px 0px #000; }
#content_main #content { width:620px; float:left;}
#content_main #content p { padding-bottom: 15px; line-height: 17px;}
#content_main #content p.phone_email { position:relative; font-size:20px;}
#content_main #content p.phone_email span {position:absolute; right:0px;}

/* Sidebar right on content_main */
#content_main #sidebar_right {float:right; padding: 20px 0px; padding-top:44px;}
#content_main #sidebar_right img { border:solid 3px #fff;   }
#content_main #sidebar_right .picture { float:left; display:block; padding-bottom: 4px; background: url(/images/home_img_bottom_bar.png) no-repeat bottom center; width:305px;}
#content_main #sidebar_right .picture ul { padding:0px; margin:0px;}
#content_main #sidebar_right .picture li { list-style-type:none;}
#content_main #sidebar_right .quote {width:200px; position:relative; font-size: 25px; line-height: 33px; margin-right: 20px;}
#content_main #sidebar_right .quote .top { position: absolute; font-size: 150px; top:-40px; left:-55px; line-height:150px;}


#content_main #sidebar_right .quote .bottom { position: absolute; font-size: 150px; bottom:-60px; right:-10px;line-height:150px; }
#content_main #sidebar_right .quote .person { font-size:14px; padding-top: 20px;}

/* Content Bottom */
#content_bottom { min-height: 150px; background: #F4F4F4 url(/images/content_main_bck_shadow.png) no-repeat  top center;}
#content_bottom .content { width:940px; margin:0px auto; padding-bottom: 95px;}
#content_bottom .content h1{ color:#666; font-family: "Oswald"; font-size:24px; padding: 20px 0px; text-shadow:0px -1px 0px #000; }
#content_bottom .content .item { float:left; width: 300px; height: 100px; border:solid 1px #fff; margin-left: 15px; box-shadow:0px 1px 5px #ccc; -moz-box-shadow:0px 1px 5px #ccc; -webkit-box-shadow:0px 1px 2px #ccc; behavior: url(pie/PIE.htc); }
#content_bottom .content .item:first-child { margin-left:0px;}
#content_bottom .content .item.no_margin { margin-left:0px;}
#content_bottom .content .item h2 { text-transform: uppercase; font-family: "Oswald"; font-size:24px; color:#666;  padding:15px 0px 5px 100px;}
#content_bottom .content .item p { color:#666; font-size:14px; line-height: 18px; padding:0px 0px 0px 100px;}
#content_bottom .content .item.news { background: #B4B4B4 url(/images/icon_news.jpg) no-repeat left center;}
#content_bottom .content .item.events { background: #B4B4B4 url(/images/icon_events.jpg) no-repeat left center;}
#content_bottom .content .item.gallery { background: #B4B4B4 url(/images/icon_gallery.jpg) no-repeat left center;}
#content_bottom .content .item a { text-decoration: none; color:#666;}

/* Footer */
#footer { background:#555555; overflow: hidden; border-top:solid 1px #fff; height:74px;}
#footer .content { width:940px; margin:0px auto; position: relative; color:#fff; font-size:11px; line-height: 14px; padding-top:20px;}
#footer .content .menu {position:absolute; right:5px; top:10px;}
#footer .content .menu li { float:left;}
#footer .content .menu .bottom li { margin-left: 10px;}
#footer .content .menu .bottom li  a { text-decoration:none; color:#fff;}
#footer .content .menu .bottom li a:hover {text-decoration: underline;}
#footer .content .menu .socialnetworks { position: absolute; top:20px; right:0px;}
#footer .content .menu .socialnetworks li { width:24px; height:24px; content:" "; margin-left: 8px;}
/*#footer .content .menu .socialnetworks li.twitter { background:url(/images/icon_sn_twitter.jpg);}
#footer .content .menu .socialnetworks li.facebook { background:url(/images/icon_sn_facebook.jpg);}
#footer .content .menu .socialnetworks li.linkedin { background:url(/images/icon_sn_linkedin.jpg);}*/