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

*{padding:0; margin:0;}
img, div, a, input, background-image, td { behavior: url(iepngfix.htc) }

img{border:none;}

@font-face {
 font-family: MyCustomFont1;
 src: url("../zap.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont1;
 src: url("../zap.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: MyCustomFont2;
 src: url("../39smooth.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont2;
 src: url("../39smooth.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: MyCustomFont3;
 src: url("../Flim-Flam.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont3;
 src: url("../Flim-Flam.ttf") /* TTF file for CSS3 browsers */
}

body
{
padding:0px;
margin:0px;
}

#container
{
width:100%;
margin:0 auto ;

}

#logo
{
width:918px;
height:149px;
z-index:999;
position:relative;
text-align:center;
}

/*---SlideShow-----*/
#slideshow {
	position:relative;
	width:918px;
	height:517px;
	margin:0 auto;
}


#slideshow IMG {
	position:absolute;
	display: inline-block;
	top:0;
	z-index:8;
	opacity:0.0;
	cursor:pointer;
}

#slideshow IMG a {
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/*----SlideShow End Here-----*/

#header
{
position:relative;
text-align:center;
}

#trees
{
position:relative;
width:100%;
z-index:11;
height:225px;
margin-top:-220px;
background-image:url(../images/trees.png);
background-repeat:no-repeat;
background-position:center;
}

#ground-pattern
{
position:relative;
z-index:12;
margin-top:-25px;
height:63px;
background-image:url(../images/camp-tikkling-ground-pattern.png);
background-repeat:repeat-x;
}

/*-----NAVIGATION-------*/
#left
{
position:relative;
padding:0;
margin:0;
width:25%;
float:left;
}
#navigation1{
width:75%;
height:25px;
padding:auto;
margin:auto;
position:relative;
}
#right
{
position:relative;
padding:0;
margin:0;
width:5%;
float:left;
}
#navigation{
font-family: MyCustomFont1, Verdana, Arial, sans-serif;
font-size:14px;
color:#635a63;
width:100%;
margin-top:25px;
overflow:hidden;
height:25px;
}
  
#navigation ul
{margin:0px; padding:0px; list-style:none; position:relative; float:left; display:block; left:50%;}

#navigation ul li
{position:relative; display:block; right:50%; height:25px; float:left; list-style:none; margin-left:15px; margin-right:15px;}


#navigation li a
{color:#635a63; text-decoration:none;}

#navigation li a:hover
{color:#0c89b2; text-decoration:underline;}

/*-----NAVIGATION-------*/

#body-container
{
width:926px;
text-align:center;
padding:auto;
margin:auto;
margin-top:20px;
}

#body-container-inner
{
width:900px;
text-align:center;
padding:auto;
margin:auto;
margin-top:30px;
}

#title-container-inner
{
width:680px;
height:50px;
float:left;
padding:auto;
margin:auto;
}

#breadcrumb
{
width:680px;
height:40px;
float:left;
padding:auto;
margin:auto;
}
.breadcrumb-link{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#666666;text-decoration:none;}
.breadcrumb-link a:link{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#666666;text-decoration:none;}
.breadcrumb-link a:active{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#666666;text-decoration:none;}
.breadcrumb-link a:visited{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#666666;text-decoration:none;}
.breadcrumb-link a:hover{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#666666;text-decoration:underline;}

h1
{
font-family: MyCustomFont3, Verdana, Arial, sans-serif;font-size:36px;color:#00a2ff;text-align:left;padding:0px;margin:0px;line-height:normal; text-decoration:none;
}

h1 a:link
{
font-family: MyCustomFont3, Verdana, Arial, sans-serif;font-size:36px;color:#00a2ff;text-align:left;padding:0px;margin:0px;line-height:normal; text-decoration:none;
}
h1 a:active
{
font-family: MyCustomFont3, Verdana, Arial, sans-serif;font-size:36px;color:#00a2ff;text-align:left;padding:0px;margin:0px;line-height:normal; text-decoration:none;
}
h1 a:visited
{
font-family: MyCustomFont3, Verdana, Arial, sans-serif;font-size:36px;color:#00a2ff;text-align:left;padding:0px;margin:0px;line-height:normal; text-decoration:none;
}
h1 a:hover
{
font-family: MyCustomFont3, Verdana, Arial, sans-serif;font-size:36px;color:#00a2ff;text-align:left;padding:0px;margin:0px;line-height:normal; text-decoration:none;
}

h2
{
font-family: MyCustomFont2, Verdana, Arial, sans-serif;
font-size:16px;
color:#e4854d;
text-align:left;
padding:0px;
margin:0px;
line-height:normal;
}

h3
{
font-family: MyCustomFont2, Verdana, Arial, sans-serif;
font-size:12px;
color:#7b9513;
text-align:left;
padding:0px;
margin:0px;
line-height:normal;
}

#text-container-inner
{
margin:0px;
padding:0px;
width:680px;
height:100%;
float:left;
font-family: MyCustomFont2, Verdana, Arial, sans-serif;
font-size:12px;
color:#4d4d4d;
line-height:24px;
text-align:left;
margin-bottom:25px;
text-decoration:none;
}

#text-container-inner2
{
margin:0px;
padding:0px;
width:440px;
height:100%;
float:left;
font-family: MyCustomFont2, Verdana, Arial, sans-serif;
font-size:12px;
color:#4d4d4d;
line-height:24px;
text-align:left;
margin-bottom:25px;
margin-right:10px;
text-decoration:none;
}

#text-container-inner3
{
margin:0px;
padding:0px;
width:914px;
position:relative;
height:450px;
float:left;
margin-bottom:25px;
}


#title-container-inner2
{
width:450px;
height:50px;
float:left;
padding:auto;
margin:auto;
}

#title-container-inner3
{
width:800px;
height:50px;
float:left;
padding:auto;
margin:auto;
}

#text-container-inner a:link
{
color:#2da6de;
text-decoration:underline;
}
#text-container-inner a:active
{
color:#2da6de;
}
#text-container-inner a:visited
{
color:#2da6de;
}
#text-container-inner a:hover
{
text-decoration:none;
color:#2da6de;
}

#images-box-inner
{
float:left;
width:220px;
}

#images-inner
{
height:198px;
float:left;
}

/*---------Home Picture Navigation CSS Starts Here------------*/

#picture-container
{
margin:0px;
padding:0px;
width:612px;
height:424px;
float:left;
}

#picture-schools-adventure
{
width:205px;
height:212px;
float:left;
}

#picture-corporates-activities
{
width:199px;
height:212px;
float:left;
}

#picture-families-facilities
{
width:208px;
height:212px;
float:left;
}

/*---------Home Picture Navigation CSS Ends Here------------*/

#why-camp-tikkling-box
{
float:left;
width:314px;
height:323px;
background-image:url(../images/why-camp-tikkling-image.jpg);
background-repeat:no-repeat;
}

#why-camp-tikkling-text
{
font-family: MyCustomFont2, Verdana, Arial, sans-serif;
font-size:12px;
color:#4d4d4d;
margin-top:50px;
margin-left:25px;
margin-right:25px;
line-height:14px;
text-align:justify;
}


#travel-advisor
{
float:left;
width:184px;
padding:0px;
margin:0px;
}

#facebook
{
margin:0px;
padding:0px;
float:right;
overflow:visible;
}

/*---FOOTER----*/

#footer
{
padding:auto;
margin:auto;
text-align:center;
width:1050px;
height:114px;
}

#footer-top
{
float:left;
width:1050px;
height:45px;
background-image:url(../images/footer-top.png);
background-repeat:no-repeat;
}

#footer-bg
{
width:1050px;
float:left;
height:69px;
background-image:url(../images/footer-bg.jpg);
background-repeat:repeat-x;
}


/*-----FOOTER NAVIGATION-------*/

#footer-nav{
font-family: tahoma, arial;
font-size:11px;
color:#235c7d;
width:100%;
margin:auto;
overflow:hidden;
height:23px;
}
  
#footer-nav ul
{
	padding:0px; list-style:none; position:relative; float:left; display:block; left:50%; margin-top:2px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
}

#footer-nav ul li
{position:relative; display:block; right:50%; height:23px; float:left; list-style:none; margin-left:8px; margin-right:8px;}


#footer-nav li a
{color:#235c7d; text-decoration:none;}

#footer-nav li a:hover
{text-decoration:underline;}

/*-----FOOTER NAVIGATION-------*/

#contact-field
{
height:35px;
float:left;
width:100%;
}

#contact-area
{
height:60px;
float:left;
width:100%;
}

.text-fields
{
width:220px;
height:18px;
}
.text-area
{
width:220px;
height:50px;
}

.form
{
margin:0;
padding:0;
}

label {
	float: left;
	margin-right: 15px;
	width: 50px;
	height:35px;
}

.submit-btn{
margin-left:65px;
}
.location h1{
    font-family: MyCustomFont3, Verdana, Arial, sans-serif;
    font-size: 36px;
    color: #00a2ff;
    text-align: left;
    padding: 0px;
    margin: 0px;
    line-height: normal;
    text-decoration: none;
}

.location a {
    color: #5a5757;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-family: MyCustomFont1, Verdana, Arial, sans-serif;
}

.locationbox {
    margin: 0px 0px 20px 0px;
    float: left;
    width: 33%;

}

.knowmorwBtn {
    text-align: center;
    margin: 30px 0px;
}
.knowmorwBtn a {
    background: #f2a61d;
    padding: 5px 30px;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
}