﻿html { height: 101% }
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #333333;padding:0px;margin:0px;background:#000 url(../img/bg.jpg) repeat-x fixed center top;}
#main-body {width: 886px;padding:0px;margin:0px auto;background:url(../img/film.jpg);margin:40px auto 0;}
.clear{clear:both;height:0;font-size:1px;line-height:0;}
.hide { display:none;}
p {padding:0;margin:0;line-height:20px;color:#333333;}
#menu_wrapper {margin: 0 auto;width:750px;}
#menu { height:30px;width: 750px;background-image:url(../img/menu.png);background-repeat:no-repeat;}
#menu ul { list-style:none; margin:0; padding:0;  }
#menu li { float:left; }
#menu li a span, #menu li a em { display:none; }
/*#menu li#links a { display:block; height: 30px; width:80px; }
#menu li a { display:block; height: 30px; width:125px; }*/

 #menu li#home a {display:block; height: 30px; width:85px;  }
 #menu li#characters a {display:block; height: 30px; width:132px;  }
 #menu li#join-us a { display:block; height: 30px; width:94px; }
 #menu li#about-us a {display:block; height: 30px; width:110px; }
 #menu li#links a { display:block; height: 30px; width:80px; }
 #menu li#franchise a { display:block; height: 30px; width:119px; }
 #menu li#contact a { display:block; height: 30px; width:130px;}


 #menu li#home a:hover span { display: block; position: relative; width:85px; height:30px; background-image:url(../img/home-h.png); }
 #menu li#characters a:hover span { display: block; position: relative; width:132px; height:30px; background-image:url(../img/characters-h.png); }
 #menu li#join-us a:hover span { display: block; position: relative; width:94px; height:30px; background-image:url(../img/join-us-h.png); }
 #menu li#about-us a:hover span { display: block; position: relative; width:110px; height:30px; background-image:url(../img/about-us-h.png); }
 #menu li#links a:hover span { display: block; position: relative; width:80px; height:30px; background-image:url(../img/links-h.png); }
 #menu li#franchise a:hover span { display: block; position: relative; width:119px; height:30px; background-image:url(../img/franchise-h.png); }
 #menu li#contact a:hover span { display: block; position: relative; width:130px; height:30px; background-image:url(../img/contact-us-h.png); }

#menu-view { position: absolute;bottom: 70px;right: 0px;height:23px;width: 215px;background-image:url(../img/view-carachters.jpg);background-repeat:no-repeat;}
#menu-view  ul { list-style:none; margin:0; padding:0;  }
#menu-view  li { float:left; }
#menu-view  li a span, #menu-view li a em { display:none; }
#menu-view  li a { display:block; height: 23px; width:215px; }
#menu-view  li a:hover span { display: block; position: relative; width:215px; height:23px;}
#menu-view  li#view a:hover span { background-image:url(../img/view-carachters-h.jpg); }


#menu-carachter-wrapper { position: relative;height: 143px;}

#menu-contact {padding-top:50px;padding-left:200px;width:103px;}

#nav {position: absolute;bottom: 70px;right: 17px;height:23px;width: 400px;overflow: hidden;margin:0;padding:0;background:url(../img/menu-char-blog.jpg) no-repeat;}

/* nav bar styles */
#nav-list {width:398px;height:23px;margin:0;padding:0;}
#nav-list span {display: none;}
#nav-list li, #nav-list a { height:23px;display:block;}
#nav-list li { float:left; list-style:none;display:inline;}
#nav-list-01 {width: 213px;}
#nav-list-02 {width: 163px;}
#nav-list-03 {width: 22px;}
#nav-list-01 a:hover {background:url("../img/menu-char-blog.png") 0px -23px no-repeat; }
#nav-list-02 a:hover {background:url("../img/menu-char-blog.png") -213px -23px no-repeat; }
#nav-list-03 a:hover {background:url("../img/menu-char-blog.png") -376px -23px no-repeat; }

/* nav bar styles */
#f-t { position: absolute; width: 59px; height: 34px; bottom:10px; right: 14px; background: url(../img/f-t.jpg) no-repeat;}
#nav-list-ft {width:59px;height:34px;margin:0;padding:0;}
#nav-list-ft span {display: none;}
#nav-list-ft li, #nav-list-ft a { height:34px;display:block;}
#nav-list-ft li { float:left; list-style:none;display:inline;}
#nav-list-ft-01 {width: 28px;}
#nav-list-ft-02 {width: 31px;}
#nav-list-ft-01 a:hover {background:url(../img/f-t.jpg) 0px -34px no-repeat; }
#nav-list-ft-02 a:hover {background:url(../img/f-t.jpg) -28px -34px no-repeat; }

#contact-header {position: absolute;bottom: 70px;left: 150px;height:40px;width: 215px;}
#country-select { position: absolute;bottom: 0px;left: 150px;height:40px;width: 215px;}
#menu-enquire {height:27px;width: 700px;margin-left:320px;background-image:url(../img/enquire.jpg);background-repeat:no-repeat;}
#menu-enquire  ul { list-style:none; margin:0; padding:0;  }
#menu-enquire li { float:left; }
#menu-enquire  li a span, #menu-enquire li a em { display:none; }
#menu-enquire  li a { display:block; height: 27px; width:102px; }
#menu-enquire  li a:hover span { display: block; position: relative; width:102px; height:27px;}
 #menu-enquire  li#enquire a:hover span { background-image:url(../img/enquire-h.jpg); } 
#home-content {padding:12px 0 0 396px;color:#222;} 

#home-content p#what {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 12px;margin-top:8px;}
#home-content p#where {margin-top:10px;}
#home-content p#why {margin-top:2px;}
#home-footer-img {background: url(../img/home-footer-img2.jpg);width: 736px;height:128px;margin-left: 7px;}
#about-footer-img {background: url(../img/about-footer-img2.jpg);width: 736px;height:128px;margin-left: 7px;}
#about-content {color:#222222;height:400px;margin-left:100px;padding:12px 0 0 196px;width:300px;}
#header {height: 160px;background: url(../img/header.jpg);}

#header-content {height: 160px;background: url(../img/header-content.jpg);}

#header-bottom {height: 203px;background: url(../img/header-bottom3.jpg) ;}

#header-about {background: url(../img/about-content.jpg) ;}

#header-contact {background: #f2f2f0 url(../img/content.jpg) no-repeat bottom;}

#header-result {background: #f1f1ef ;}
#header-search {background: url(../img/search.jpg) ;height:600px;}
#header-enquiry {background: url(../img/enquiry.jpg) ;height:553px;}
#left-contact {float:left;padding:0px;margin:0px;width:370px;}
#right-contact {float:right;padding:0px;margin:0px;width:370px;}
#wrapper-contact{width:750px;padding:0px;margin:0px auto;}
#wrapper-blog{padding-left: 20px;width:710px;margin:-13px auto 0;}
#wrapper-join-us{width:630px;padding-left:120px;margin:-15px auto 0;}
#wrapper-search{width:630px;padding-left:120px;margin:-15px auto 0;}
#logo {background-image:url(../img/logo.gif);width:161px;height: 130px;float: left;}
iframe {border:none;}
a {border:0 none;color:#fc0300;font-family:Verdana;font-size:12px;margin:0;padding:0;text-decoration:none;}
a:hover {border:0 none;color:#666;font-family:Verdana;font-size:12px;font-weight:normal;margin:0;padding:0;text-decoration:none;}
a:active {border:0 none;color:#fc0300;font-family:Verdana;font-size:12px;margin:0;padding:0;text-decoration:none;}
div#anchors_sub a:hover {border:0 none;color:#4a4e71;font-family:Verdana;font-size:13px;margin:0;padding:0;text-decoration:none;font-weight:normal;}
div#anchors_sub a:active {border:0 none;color:#e752de;font-family:Verdana;font-size:13px;margin:0;padding:0;text-decoration:none;font-weight:normal;}
div.nav_bg {width: 928px;padding:0px;margin:0px auto;background:url(../img/nav_bg.jpg);height:119px;}
div.main_content_bg {width: 928px;padding:0px;margin:0px auto;background:#fff url(../img/nav_top_about.jpg) no-repeat;height:333px;}
#footer {border:0 none;color:#fc0300;font-family:Verdana;font-size:10px;margin:0px auto;padding:0;text-decoration:none;font-weight:normal;text-align: center;padding-top:10px;}
#footer h3 {font-size: 13px; font-weight: bold; color: #FFF; text-align: left; background: none;margin:0;padding:0;}
#footer h3 a {font-size: 13px; font-weight: bold; color: #FFF; text-align: left; background: none;margin:0;padding:0;}
#footer h3 a:hover {font-size: 13px; font-weight: bold; color: #FFF; text-align: left; background: none; text-decoration:underline;}

#footer p {color: #3ab54a;font-size:9px;padding:10px;}
#footer p a {font-size: 11px; font-weight: bold; color: #FFF; text-align: left; background: none;}
#footer p a:hover{font-size: 11px; font-weight: bold; color: #FFF; text-align: left; background: none; text-decoration:underline;}
#footer-spacer {background: url(../img/footer-spacer.jpg) repeat-x ;}
#padding-footer-l { padding: 10px; margin-top: 30px; }
#padding-footer-l p {color: #FFF;font-size:10px;padding:0;margin-top: 5px;}

#padding-footer-r { padding: 10px; margin-top: 20px;color: #FFF;}
#padding-footer-r p {color: #FFF;font-size:10px;padding:0;margin-top: 5px;}
#padding-footer-r a {font-size: 11px; font-weight: normal; color: #FFF; text-align: left; background: none;}
#padding-footer-r a:hover{font-size: 11px; font-weight: normal; color: #FFF; text-align: left; background: none; text-decoration:underline;}
#padding-footer-r span {font-size: 10px; font-weight: normal; color: #FFF; text-align: left; background: none; font-style: italic;}

#blogpagemenu {border-left: 1px solid black; padding: 25px 8px 0px 8px ; background: url(/img/past_articles2.jpg) no-repeat 5px top; font-size: 10px;}
#blogpagemenu a { font-size: 10px; color: black; text-decoration: none; font-weight: normal}
#blogpagemenu a:hover { font-size: 10px; color: black; text-decoration: underline;font-weight: normal}

.archiveHeading { height: 30px; width:95%; padding: 10px 0 0 5px; font-weight: bold; font-size: 18px;color: #333; border-bottom: 1px solid #ccc;}
.archiveMain { padding: 10px 0 20px 15px; line-height: 18px;}
.archiveArticleNum { float:right; width: 30%; padding: 10px 30px 0 0; font-size: 12px;color: #999; text-align: right; }
.pageCntContainer {color: #333}
.pageCntContainer a {color: #333}
.pageCntContainer a:hover {color: #333; text-decoration: underline}
.clsPageCount {text-align: center; background: #333; padding: 5px; border: 1px solid #333;color: #fff}
.clsPageCountSelect {text-align: center; padding: 5px; border: 1px solid #333;}
#archive-title a {color: #000;text-decoration: none;}
#archive-title a:hover {color: #000;text-decoration: underline;}
div#content { width: 648px;padding:0px;height:333px;float:left;}

.bodyTextBlog { font:11px Arial, Helvetica, sans-serif;	line-height:normal;	color:#26354A;	letter-spacing:.1em;}
.bodyTextBlog p { line-height:normal;}
.bodyTextBlog ul {display: block}

fieldset {border: none;}

img {border: none;padding: 0px;margin:0px;}

.bg {width: 982px;padding:0px;height:720px;background:url(../img/bg.gif) repeat-y;margin:0 auto;}
.bg_home {	width: 750px;background:#fff;margin:0 auto;height: auto;}
.bg1 {width: 982px;padding:0px;background:url(../img/bg.gif) repeat-y;margin:0 auto;}
span.copyright {color: #FFFFFF;text-align:center;}
div#clear {clear:both;}
div#anchors p {font-size:12px;font-weight:bold;line-height:20px;padding:5px 30px 0 80px;}
div#content_about h2 {line-height:20px;color:#1087a6;text-decoration:underline;font-size:13px;padding: 0 70px;}
.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{color:#333333; font-size:20px; text-decoration:underline; font-family:"Verdana";}
td.left { font-family:"Verdana"; font-size:12px; color:black;}
.pagebreak{font-family:"Verdana";font-size:12px;color:black;background: #f0f0ee;}
td {}
.tbmain{ height:100%; background:white;}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{background: transparent url("http://jotform.com//images/btn_back.gif") no-repeat scroll 0 0;height:16px;width:53px;float:left;margin-bottom:15px;padding-right:5px;}
div.backButton:hover{	background: transparent url("http://jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;}
div.backButton:active{background: transparent url("http://jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;}
div.nextButton{background: transparent url("http://jotform.com//images/btn_next.gif") no-repeat scroll 0 0;height:16px;width:53px;float: left;margin-bottom:15px;padding-right:5px;}
div.nextButton:hover{background: transparent url("http://jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;}
div.nextButton:active{background: transparent url("http://jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;}
.pageinfo{padding-right:5px;margin-bottom:15px;float:left;}
.overflow {overflow-y: scroll; height: 200px;position: relative;}
#top {margin-top:-35px;text-align:right;}
ol {padding:0;margin-left:25px;}

h1 {background:#4A4E71 none repeat scroll 0 0;color:#FFFFFF;font-family:Helvetica;font-size:13px;margin:0;padding:5px;text-align:right;}
h2 {background:#4A4E71 none repeat scroll 0 0;color:#FFFFFF;font-family:Helvetica;font-size:12px;margin:0;padding:5px;text-align:right;}
h3 {font-size:14px;font-weight:bold;color:#3ab54a;}
h4 {font-size:14px;font-weight:bold;color:#fff;}
ul {display:inline;}
#search {margin:10px 5px;}
