/* 
Title: Jav Tours
Author: Krish Design
Author URL: www.krishdesign.com

*/


/* Reset----------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, 
img, q, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, 
table{
	margin: 0;
	padding: 0;
	border: 0;
	}	
a{

    color:#00CCFF;
	text-decoration:none;
	}

body{
    /*overflow:hidden;*/ 
	}
#wrap img{    
	width:100%;
	height:900px;
	position:absolute;
    }
#main{    
	width:780px;
	margin:0 auto;
	position:relative
}
#page{    
	width:780px;
	float:left;
}

/* Header----------------------------------------------------------- */
#header{    
	width:780px;
	float:left;
}
#header #logo{    
	width:240px;
	float:left;
	padding-top:10px;
}
#header #contact a{    
	width:118px;
	float:right;
	height:36px;
	margin:115px 0 0 1px;
}
#header #homeNav a{    
	width:81px;
	float:right;
	height:34px;
	margin:115px 20px 0 0;
}
#header #photoNav a{    
	width:112px;
	float:right;
	height:34px;
	margin:115px 20px 0 0;
}

/* Navigation----------------------------------------------------------- */
#header #nav{    
	width:820px;
	float:left;
}
#header #nav ul li{
    list-style:none;
	float:left;
    }
#header #nav ul li a{    
	width:143px;
	height:431px;
	padding:10px 0 0 18px;
	display:block;
	float:left;
	margin-right:3px;
    }
#header #nav ul li a.tour-packages{	
	background:url(../images/nav-tour-packages.png) left top;	
}
#header #nav ul li a.corporate{	
	background:url(../images/nav-corporate.png) left top;	
}
#header #nav ul li a.wellness{	
	background:url(../images/nav-wellness.png) left top;	
}
#header #nav ul li a.house-boats{	
	background:url(../images/nav-house-boats.png) left top;	
}
#header #nav ul li a.theme-wedding{	
	background:url(../images/nav-theme-wedding.png) left top;	
}

/* Content----------------------------------------------------------- */
#content{    
	width:720px;
	margin:0 auto;	
}
.clear{
    clear:left;
    }
#content .article{    
	width:694px;
	float:left;
	margin:80px 0 10px 0;
	background:#365058;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	opacity:0.6;
	min-height:124px;
	padding:12px 0 0 21px;
}
#content .article .col1{    
	width:367px;
	float:left;
	}
#content .article .col2{    
	width:214px;
	float:left;
	}
#content .article .general{    
	width:214px;
	float:left;
	}
#content .article .general h1{    
	width:180px;
	min-height:19px;
	float:left;	
	font-size:0%;
	color:#365058;
	}
#content .article .general h1.about-us{    
    background:url(../images/about-us.png) 66px top no-repeat;
	}
#content .article .general h1.testimonials{    
    background:url(../images/testimonials.png) 60px top no-repeat;
	}
#content .article .general p{    
	padding:10px 0 0 66px;
	font:10px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:justify;
    }
#content .article .general p.about-us{
    background:url(../images/icon-about.png) left top no-repeat;
    }
#content .article .general p.testimonials{
    background:url(../images/icon-testimonials.png) left top no-repeat;
    }

/* Footer----------------------------------------------------------- */
#footer{    
	width:694px;
	margin:0 auto;
	padding-top:10px;
	clear:both;
}
#footer p{    
	font:10px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	float:left;
}
#footer a{    
	font: 11px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	text-decoration:none;
	float:right;
}
#footer a:hover{    
    color:#efa546;
          }
	 
/* Inner Page----------------------------------------------------------- */
#contentInner{    
	width:829px;
	margin:0 auto;	
	min-height:670px;
	background:url(../images/inner-bg.png) left top no-repeat;	
	clear:both;	
}
#contentInner .container{   
	float:left;
	width:829px;	
	padding:15px 0 0 38px;
	}
#contentInner #tourPackagePhoto{   
	float:left;
	width:829px;
	}
/* Inner Navigation----------------------------------------------------------- */
#contentInner #innerNav{   
	float:left;
	width:765px;
	padding-top:10px;
	}
#contentInner #innerNav ul li{
    list-style:none;
	float:left;
	margin:0 48px 0 0;
    }
#contentInner #innerNav ul li a{    
	display:block;	
	}
	
/* Tour Packages----------------------------------------------------------- */
#contentInner #innerNav ul li a.tour-packages{
	background:url(../images/inner-nav-tour-packages.png) left top no-repeat;
	width:114px;
	height:21px;
	}
#contentInner #innerNav ul li a.tour-packages:hover{
	background:url(../images/inner-nav-tour-packages-hover.png) left top no-repeat;
	}
#contentInner #innerNav ul li a.tour-packages.active{
	background:url(../images/inner-nav-tour-packages-hover.png) left top no-repeat;
	}
	
/* Corporate Service----------------------------------------------------------- */
#contentInner #innerNav ul li a.corporate{
	background:url(../images/inner-nav-corporate.png) left top no-repeat;
	width:131px;
	height:19px;
	}
#contentInner #innerNav ul li a.corporate:hover{
	background:url(../images/inner-nav-corporate-hover.png) left top no-repeat;
	}
#contentInner #innerNav ul li a.corporate.active{
	background:url(../images/inner-nav-corporate-hover.png) left top no-repeat;
	}

/* Health & Wellness----------------------------------------------------------- */
#contentInner #innerNav ul li a.health{
	background:url(../images/inner-nav-health.png) left top no-repeat;
	width:122px;
	height:14px;
	}
#contentInner #innerNav ul li a.health:hover{
	background:url(../images/inner-nav-health-hover.png) left top no-repeat;
	}
#contentInner #innerNav ul li a.health.active{
	background:url(../images/inner-nav-health-hover.png) left top no-repeat;
	}

/* House Boats----------------------------------------------------------- */
#contentInner #innerNav ul li a.houseboats{
	background:url(../images/inner-nav-houseboats.png) left top no-repeat;
	width:86px;
	height:15px;
	padding:0;
	}
#contentInner #innerNav ul li a.houseboats:hover{
	background:url(../images/inner-nav-houseboats-hover.png) left top no-repeat;
	}
#contentInner #innerNav ul li a.houseboats.active{
	background:url(../images/inner-nav-houseboats-hover.png) left top no-repeat;
	}
#contentInner #innerNav ul li.houseBoats{
    list-style:none;
	float:left;
	margin:0;
    }
	
/* Theme Wedding----------------------------------------------------------- */
#contentInner #innerNav ul li a.wedding{
	background:url(../images/inner-nav-theme-wedding.png) left top no-repeat;
	width:111px;
	height:20px;
	}
#contentInner #innerNav ul li a.wedding:hover{
	background:url(../images/inner-nav-theme-wedding-hover.png) left top no-repeat;
	}
#contentInner #innerNav ul li a.wedding.active{
	background:url(../images/inner-nav-theme-wedding-hover.png) left top no-repeat;
	}

/* Photo Gallery----------------------------------------------------------- */
#contentInner #innerNav ul li a.photos{
	background:url(../images/inner-nav-photos.png) left top no-repeat;
	width:102px;
	height:17px;
	padding:0;
	}
#contentInner #innerNav ul li a.photos:hover{
	background:url(../images/inner-nav-photos-hover.png) left top no-repeat;
	}
#contentInner #innerNav ul li a.photos.active{
	background:url(../images/inner-nav-photos-hover.png) left top no-repeat;
	}
#contentInner #innerNav ul li.photoGallery{
    list-style:none;
	float:left;
	margin:0;
    }

/* Article Inner----------------------------------------------------------- */
#innerArticleContainer{
    width:100%;
	float:left;
	padding-top:5px;	
    }
#innerArticleContainer .innerArticle{
    width:381px;
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:20px 0 0 30px;
	line-height:18px;
	text-align:justify;
	z-index:9999;
    }
#innerArticleContainer .innerGeneral{
    width:724px;
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:20px 20px 0 12px;
	line-height:18px;
	text-align:justify;	
    }
#innerArticleContainer .photos{
    width:340px;
	float:left;
    }
.innerGeneral h3{
    margin-bottom:12px;
    }
.innerGeneral span.contactTitle{
    width:80px;
	float:left;
	padding-top:8px;
    }
.innerGeneral span.contactButton{
    float:left;
	padding:10px 0 0 75px;
    }
.innerGeneral input.cField{ 
    width:220px;
	margin:6px 30px 0 0;
	vertical-align:middle;
	border:#7f9db9 1px solid;
    }
.innerGeneral textarea{ 
    width:220px;
	vertical-align:middle;
	padding:0;
	height:60px;
	border:#7f9db9 1px solid;
	margin:5px 30px 0 0;
    }
.contactForm{
    float:left;
	padding-left:100px;
	width:400px;
	}
.contactMsg{
    float:left;
	color:#037ec1;
	padding:20px 0 0 10px;
    }
.contactAddress{
    float:left;
	line-height:16px;
	}


/* Polaroids-------------------------------------------------- */
		
		ul.polaroids { width: 970px; margin: 0 0 18px -30px; padding:15px 0 0 40px }
		ul.polaroids li { display: inline; width:350px; float:left; clear:both; }
		ul.polaroids a { background: #fff; display: inline; float: left; margin: 0 0 5px 5px; width: auto; padding: 5px 5px 5px; text-align: center; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #333; font-size: 9px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-transform: rotate(-15deg); -webkit-transition: -webkit-transform .15s linear; -moz-transform: rotate(-15deg); }
		ul.polaroids img { display: block; width:89px; height:65px; margin-bottom: 5px; }
		ul.polaroids a:after { content: attr(title); }
		
		ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(20deg);  -moz-transform: rotate(20deg); top: -25px; position: relative;}
		ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px;  -moz-transform: none; }
		ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(10deg); position: relative; right: 5px;  -moz-transform: rotate(10deg); }
		ul.polaroids li:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
		ul.polaroids li:nth-child(11n) a { position: relative; left: -5px; top: 3px; }
		
		ul.polaroids li.messy a { margin-top: -375px; margin-left: 160px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); }
		
		ul.polaroids li a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 1; }