@charset "utf-8";
/* Hitaje Training CSS Document */


/* -------------------------------------- */
/* GENERAL/RESET CSS */
/* -------------------------------------- */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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, table, caption,border, tbody, tfoot, thead, tr, th { border: 0;	outline: 0;	vertical-align: baseline;	padding-top: 0;	padding-right: 0;	padding-bottom: 0;	padding-left: 0;	margin: 0; }

ol, ul{ list-style:none;}

.floatleft { float:left;}
.floatright { float:right;}
.clear{clear:both}
/* -------------------------------------- */

body {background:#c79204 url(../images/layout01_bg.gif) repeat-x top left;/*background:url(../images/layout01.jpg) no-repeat top center;*/margin:0; font-family:Arial, Helvetica, sans-serif; color:#373737; font-size:13px;}
a{font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.blue{color:#1c1d89}
.red{color:#fc0307}
.white{color:#fff}

#pg_container{margin:0 auto; width:910px; height:auto; overflow:hidden}

.logo{float:left; border:0; margin:5px 0 0 26px;}

#callbox{float:right; color:#b33020; font-size:14px; font-weight:bold;margin:20px 0 0; width:160px; text-align:center; line-height:20px; background:#fff; margin-right:10px;}
#callbox span{color:#302e9c;}
#callbox strong{font-size:18px;font-weight:normal}

#quickbox{float:right; color:#b33020; font-size:14px; font-weight:bold;margin:20px 0 0; width:160px;}
#quickbox a{color:#302e9c; text-decoration:none;}
#quickbox a:hover{color:#b33020}
#quickbox .brochure{background: url("../images/icon-brochure.png") no-repeat scroll left top transparent;float: left;height: 16px;padding: 0 0 0 25px;
    width: 138px; margin:2px 0}
#quickbox .contact{background: url("../images/icon-phone.png") no-repeat scroll left top transparent;float: left;height: 16px;padding: 0 0 0 25px;
    width: 138px; margin:2px 0}
#quickbox .enquiry{background: url("../images/icon-enquiry.png") no-repeat scroll left top transparent;float: left;height: 16px;padding: 0 0 0 25px;
    width: 138px; margin:2px 0}

#top_nav{float:right; width:580px; margin:18px 0 0;}
#top_nav li{float:left;  background:url(../images/nav.png); margin:0 10px 0 0; text-align:center}
#top_nav li a{font-size:13px; color:#fff; text-decoration:none; display:block; width:106px; height:23px; font-weight:bold; padding:10px 0 5px;}
#top_nav li:hover{ background-image:url(../images/nav1.png);}
#top_nav .current{ background-image:url(../images/nav1.png);}

#banner{width:908px; height:auto; overflow:hidden; padding:0 0 6px; clear:both; background:#fff; position:relative; margin:0 0 5px;}
#banner img{width:896px; height:auto; overflow:hidden; margin:6px 0 0 6px;}
#banner .tl{background:url(../images/b-circle-t.gif) top left no-repeat; width:5px; height:5px; position:absolute; top:0; left:0;}
#banner .tr{background:url(../images/b-circle-t.gif) top right no-repeat; width:5px; height:5px; position:absolute; top:0; right:0;}
#banner .bl{background:url(../images/b-circle-b.gif) left bottom no-repeat; width:5px; height:5px; position:absolute; bottom:0; left:0;}
#banner .br{background:url(../images/b-circle-b.gif) right bottom no-repeat; width:5px; height:5px; position:absolute; bottom:0; right:0;}
#banner h2{position:absolute; top:50px; left:60px; width:200px; height:auto; overflow:hidden; font-weight:normal; color:#fff; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

#home_container {background:#fff;height:auto; overflow:hidden;}
#home_container .heading{background: url("../images/pg-heading-strip.png") repeat scroll 0 0 transparent; height: 34px; padding: 14px 20px 0; position: relative;}
#home_container .heading .tl{position:absolute; top:0; left:0; background:url(../images/pg-heading-l.png); width:20px; height:48px;}
#home_container .heading .tr{position:absolute; top:0; right:0; background:url(../images/pg-heading-r.png); width:20px; height:48px;}
#home_container .heading h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal;} 

#home_container p{font-size: 13px; line-height: 24px; padding: 10px 20px; text-align: justify;}

.gallery-page{width:870px; height:auto; overflow:hidden}

#footer{position:relative;height:42px; text-align:center; font-size:12px;}
#footer p{background:url(../images/footer-strip.png) repeat-x top left; margin:0 18px; padding:15px 0 0; height:27px; color:#2e2c95}
#footer a{color:#2e2c95; margin:0 10px;}
#footer a:hover{color:#fc0307;}
#footer .bl{ position:absolute; top:0; left:0; background:url(../images/footer-l.png) no-repeat; width:20px; height:42px;}
#footer .br{ position:absolute; top:0; right:0; background:url(../images/footer-r.png) no-repeat; width:20px; height:42px;}


#minibox{border:solid 1px #bbb; margin:0 0 0 20px; position:relative;}
#minibox .arrow{ padding: 8px 10px 6px 6px;position: absolute;right: 0;top: 0;}
#minibox .arrow2{ padding: 3px 5px 6px 6px;position: absolute;right: 0;top: 0;}
#minibox h2, #minibox h3, #minibox h4{color: #212121; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 15px; margin: 0 0 0 8px; padding: 12px 0 12px 40px;}
#minibox h2{ background:url(../images/img-strength.png) no-repeat left top;}
#minibox h3{ background:url(../images/img-major.png) no-repeat left top; }
#minibox h4{ background:url(../images/img-gallery.png) no-repeat left top;}
#minibox br{height:5px;}

.boxa, .boxb, .boxc{float:left;background:#fff url(../images/minibox_strip.gif) repeat-x top left;}
.boxa{width:340px; height:224px;}
.boxb{width:252px; height:224px;}
.boxb ul{padding:10px 0 0 20px}
.boxb li{ background:url(../images/arrow.png) left 4px no-repeat; padding:0 0 0 20px; line-height:20px;}
.boxc{width:230px; height:224px; padding:0 0 0 2px;}
.boxc img{float:left; margin:6px 3px 0;}

#minibox:hover{background:#f8ae01 url(../images/minibox-1.png) repeat-x left top;}

.copyright{padding:0 20px; color:#000; margin:10px 0; height:auto; overflow:hidden; font-size:12px;}
.copyright a{font-weight:bold; color:#1C1D89;}
.copyright a:hover{font-weight:bold; color:#000;}

#about h3{color: #212121;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;font-size: 15px; margin:0 0 10px;}
#about li{background:url(../images/arrow.png) left 4px no-repeat; padding:0 0 0 20px; line-height:20px;}
.vision{float:left; width:360px; margin:0 0 10px 40px; padding:10px 20px; border-radius:15px; background:#f8ae01 url(../images/minibox-1.png) repeat-x left top;}
.mission{float:right; width:360px;background:#f8ae01 url(../images/minibox-1.png) repeat-x left top; margin:0 40px 10px 0; padding:10px 20px; border-radius:15px;}
.trainingbox{background: url("../images/minibox-1.png") repeat-x scroll left top #F8AE01;
    border-radius: 15px 15px 15px 15px;
    float: left;
    margin: 10px 0 10px 10px;
    min-height: 180px;
    padding: 10px 20px;
    width: 300px;}
.contact-pg{float:left; width:360px; margin:0 0 10px 40px; padding:10px; border-radius:15px; border:dashed 1px #777;}
.contact-pg:hover{background:#f8ae01 url(../images/minibox-1.png) repeat-x left top; border:solid 1px #f8ae01;}
#about a{color:#1c1d89}
#about a:hover{color:#fc0307}

.gallery-page img{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #777777;float: left;margin:6px;padding: 1px;}
.gallery-page img:hover{border:solid 1px #f00;}

.tuv{float:right; margin:20px 20px 0 0}
hr{height:1px; background:#bbb; border:none}

#adm a{color:#FC0307; font-weight:bold}
#adm a:hover{color:#000}
#adm {display: block;
    font-size: 12px;
    line-height: 20px;
    text-align: center;}
	
#enquiry-box{width:186px; border: 1px solid #BBBBBB; float:left; height:auto; background:#ddd; margin:10px 0 0 10px; min-height:200px;}

/*contact form*/
#contactform {
    background-image: url("../images/imgs-bgs-contact-2.png");
    background-repeat: no-repeat;
    height:auto;
	overflow:hidden;
    margin: 0;
    padding: 0;
    position: relative;
    width: 180px;
}
#contactform .contactform-grp {
bottom: 47px;
	float: left;
	height: auto;
	overflow: hidden;
	width: 180px;
}
#contactform .cont_label {
    color: #1A0300;
    float: left;
    margin: 5px 0 6px;
    padding: 0 5px 0 0;
    text-align: right;
    width: 60px;
}
#contactform .txt {
	border: 0 none;
	color: #1C1D89;
	height: 20px;
	margin: 5px 0 0;
	padding: 0 5px;
	width: 100px;
}
.submit-btn {
	margin:6px 0 0;
}
#contactform .button {
     margin: 12px 5px 0 0;
    padding: 0;
	float:right
}
#contactform .button a {
}
#contactform .button a:hover {
	background-image:url(../images/btns-contact-submit-ON.png);
	background-repeat:no-repeat;
	text-decoration:none;
}
#contactform p {
    color: #1C1D89;
   font-size: 15px;
    font-weight: bold;
      text-align: center;
    text-transform: uppercase;
}

.vspl{background:url(../images/banner01-sprit.jpg) left top no-repeat;height:330px;margin: 5px 0 0 5px;}

.vspl:hover{background:url(../images/banner01-sprit.jpg) left bottom no-repeat;}