/*
-----------------------------------------------
Style Sheet

Site: Auroville Accommodation
Author:   Dirk Kievith    www.cadd-studio.com
Version:  2006.09
----------------------------------------------- */

/* Zero the margins and padding on all elements ------ */
* {
  margin: 0;
  padding: 0;
}

body {
font-family:  Verdana, Arial, Helvetica, sans-serif;
background: #b0c4de;
text-align: center;
min-width: 860px;
}

/* default links -------------- */

a:link {
	background-color: transparent;
	text-decoration: none;
	color: #600;
}
a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #f00;
}
a:visited {
	background-color: transparent;
	text-decoration: none;
	color: #666
}

#mainNav a:link {
	font-size: 10pt;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	color: #ffffff;
}

#mainNav a:visited {
	font-size: 10pt;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	color: #fff;
}

#mainNav a:hover {
	font-size: 10pt;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	color: #ffd700;
}
.link a:link {
	font-size: 9px;
	font-weight: strong;
	background-color: transparent;
	text-decoration: none;
	color: #999;

}

.link a:hover {
	font-size: 9pt;
	font-weight: normal;
	background-color: transparent;
	text-decoration: underline;
	color: #f00;
	}
.link a:visited {
	font-size: 9pt;
	font-weight: normal;
	background-color: transparent;
	text-decoration: none;
	color: #f00;
	}

a img {
	border-width: 0;
	border-style: none;
}


/* common --------------------- */

br {
	clear: both;
}

hr {
	display: none;
}

p {
	margin: 0;
	padding-top: 1em;
	line-height: 100%;
}


/* main central wrapper ---------------- */

#wrapper {
	width: 644px;
	height: 550px;
	margin: 0 auto;
	margin-top: 20px;
		background: url(../images/wrapper-bg-top4.gif) no-repeat left top;
		text-align: left;

}

#wrapper .footer {
	width: 644px;
	height: 14px;   																		/*  CHECK bg image */
	background: url(../images/wrapper-bg-bottom4.gif) no-repeat;
	float: left
}
#wrapper .footer p {
	font-size: 9px;
	color: #666;
	padding-left:  25px;
	padding-top: 1px;

}



/* Main navigation menu  ------------------ */

#mainNav {
	width: 628px;
	height: 70px;
	background: #FFF url(../images/boxnav-orange-628.gif) no-repeat;
	margin: 8px 0 0 8px;
	padding: 0;
	float: left;
	display: inline;

}

#mainNav  h2 {
  font-size: 13pt;
  font-weight: normal;
	margin: 2px 0 0 15px;
	font-family: verdana, arial, helvetica;
	color: #FFF;
	letter-spacing: 1pt;

}

#mainNav ul .first {
	list-style: none;
	padding: 2px 0 0 15px;
	float: left;
	align: left;

}

#mainNav ul {
	list-style: none;
	padding: 0 0 0 9px;
	float: left;

}

/*  .........
#mainNav ul .last {
	list-style: none;
padding: 0 0 0 9px;
position: absolute;
	 left: 680px;
			float: left;
			display: inline;

}
.......*/

#mainNav .ghsearch {
	list-style: none;
			font-size: 9pt;
		position: absolute;
		right: 16px;
		padding: 3px 0 0 0;
		text-align: right;

}


/* sideContent  ------------------ */

#locator {
	width: 160px;
	height: 108px;
	background: #FFF url(../images/bx-locator-108-green.gif) no-repeat right;
	margin:8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
}

#locator  h2 {
	text-align: center;
	padding-top: 3px;
  	font-size: 10pt;
  	font-weight: bold;
	font-family: arial,verdana, helvetica;
	color: #FFF;
	letter-spacing: 1pt;

}

#locator .ghlist {
	list-style: none;
	font-size: 9pt;
		font-weight: bold;
	text-decoration: none;

margin: 10px 0 0 2px;
	float: left;
	align: left;

}

#locator .ghlist select {
	width: 130px;
margin: 2px 0 0 5px;
		font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #666;

}

#locator .ghsearch {
	list-style: none;
			font-size: 9pt;
	padding: 12px 12px 0 0;
		position: relative;
		text-align: right;

}
#locator .ghsearch li {
	list-style: none;
				font-size: 9pt;
		padding: 0 0 0 0;
			font-weight: bold;
		color: #FFF;

		}


#locator .ghsearch select {
	width: 80px;
	font-size: 8pt;
	font-weight: normal;
  	text-decoration: none;
	color: #666;

}

#locator  ul.first {
font-size: 9pt;
	list-style: none;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
	margin: 6px 0 0 2px;
	float: left;
	align: left;
	valign: bottom;

}


#locator ul.first select {
	width: 120px;
	margin: 2px 0 0 5px;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #666;

}






/* Only for IE-Win  \*/
* html #locator select {
	font-size: 75%;
	font-weight: normal;
	text-decoration: none;
	color: #666666;

}

  /* #setting {
	width: 80px;
	font-size: 9pt;
		margin: 2px 0 0 2px;
}

#category{
 	width: 80px;
	font-size: 9pt;
		margin: 2px 0 0 2px;

}  */

/* sideContent images  ----------------- */

#images {
	width: 160px;
	height: 108px;
	background: #FFF;
	margin:8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
}

#pic11 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic11.jpg) no-repeat;

}

#pic12 {
width: 160px;
	height: 106px;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic12.jpg) no-repeat;

}

#pic13 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic13.jpg) no-repeat;

}

#pic14 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic14.jpg) no-repeat;

}

#pic15 {
width: 160px;
	height: 106px;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic15.jpg) no-repeat;

}

#pic16 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic16.jpg) no-repeat;

}

#pic17 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic17.jpg) no-repeat;

}

#pic18 {
width: 160px;
	height: 106px;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic18.jpg) no-repeat;

}

#pic19 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic19.jpg) no-repeat;

}

#pic20 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic20.jpg) no-repeat;

}

#pic21 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic21.jpg) no-repeat;

}

#pic22 {
width: 160px;
	height: 106px;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic22.jpg) no-repeat;

}

#pic23 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic23.jpg) no-repeat;

}

#pic24 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic24.jpg) no-repeat;

}

#pic25 {
width: 160px;
	height: 106px;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic25.jpg) no-repeat;

}

#pic26 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic26.jpg) no-repeat;

}

#pic27 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic27.jpg) no-repeat;

}

#pic28 {
width: 160px;
	height: 106px;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic28.jpg) no-repeat;

}

#pic29 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic29.jpg) no-repeat;

}

#pic31 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic31.jpg) no-repeat;

}

#pic32 {
width: 160px;
	height: 106px;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic32.jpg) no-repeat;

}

#pic33 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic33.jpg) no-repeat;

}

#pic34 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic34.jpg) no-repeat;

}

#pic35 {
width: 160px;
	height: 106px;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic35.jpg) no-repeat;

}

#pic36 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic36.jpg) no-repeat;

}

#pic37 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic37.jpg) no-repeat;

}

#pic38 {
width: 160px;
	height: 106px;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic38.jpg) no-repeat;

}

#pic39 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic39.jpg) no-repeat;

}

#pic40 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic40.jpg) no-repeat;

}

#pic41 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic41.jpg) no-repeat;

}

#pic42 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic42.jpg) no-repeat;

}

#pic43 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic43.jpg) no-repeat;

}

#pic44 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic44.jpg) no-repeat;

}

#pic45 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic45.jpg) no-repeat;

}

#pic46 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic46.jpg) no-repeat;

}

#pic47 {
width: 160px;
	height: 106px;
	background: #FFF;
	margin: 8px 8px 0 0;
	padding: 0;
	float: right;
	display: inline;
background: url(../pics/pic47.jpg) no-repeat;

}



/* primaryContent  rounded corner boxes ----------------- */

#primaryContent {
	width: 460px;
	height: 450px;
	background: url(../images/bx-460.gif) no-repeat;
	margin: 8px 0 0 8px;
	float: left;
	display: inline;

}

#primaryContent h2 {
	font-size: 12pt;
	font-weight: bold;
	font-family: arial, verdana, helvetica;
	color: #F63;
	letter-spacing: 1pt;
	margin: 0 3px 0 15px;
	padding: 10px 8px 0 8px;

  }

  #primaryContent h4 {
  		font-size: 11pt;
  		font-weight: bold;
  		font-family: arial, verdana, helvetica;
  		color: #F63;
  		letter-spacing: 0pt;
  		margin: 0 3px 0 3px;
  		padding: 10px 8px 0 8px;

  	  }

  #primaryContent .txt {
  width: 440px;
  float: left;
  display: inline;
  	font-size: 10pt;
  	font-weight: normal;
  	font-family:  arial, verdana, helvetica;
  	margin: 0 3px 0 10px;
  	padding-left: 10px;
  	padding-right: 3px;

}




#primaryContent .left {
width: 265px;
float: left;
display: inline;
	font-size: 9pt;
	font-weight: normal;
	font-family:  arial, verdana, helvetica;
	margin: 0 3px 0 3px;
	padding-left: 10px;
	padding-right: 3px;

}

#primaryContent .txtb {
    float: left;
  display: inline;
  	font-size: 9pt;
  	font-weight: bold;
  	font-family:  arial, verdana, helvetica;
  	margin: 0 3px 0 3px;
  	padding-left: 10px;
  	padding-right: 3px;

}

#primaryContent .style4 {
	color: #000;
	font-size: 9pt;
	font-weight: normal;
	font-family: arial, verdana, Helvetica, sans-serif;
}

#primaryContent .credb {
	color: #000;
	font-size: 9pt;
	font-weight: normal;
	font-family: arial, verdana, Helvetica, sans-serif;
}


#primaryContent .right {
width: 265px;
float: right;
display: inline;
	font-size: 9pt;
	font-weight: normal;
	font-family:  verdana,  arial, helvetica;
	margin: 0 3px 0 3px;
	padding-right: 10px;

}
#primaryContent2 {
	width: 744px;
	height: 450px;
	background: url(../images/bx-744.gif) no-repeat;
	margin: 8px 0 0 8px;
	float: left;
	display: inline;

}

#primaryContent2 h2 {
	font-size: 14pt;
	font-weight: normal;
	font-family: arial, verdana, helvetica;
	color: #F63;
	letter-spacing: 5pt;
	margin: 0 3px 0 3px;
	padding: 10px 8px 0 8px;

  }

  #primaryContent2 table {
  	margin: 0 3px 0 3px;
  	padding: 10px 12px 0 12px;

    }

    #primaryContent3 {
		width: 460px;
		height: 450px;
		background: url(../images/bx-460.gif) no-repeat;
		margin: 8px 0 0 8px;
		float: left;
		display: inline;

	}

	#primaryContent3 h2 {
		font-size: 14pt;
		font-weight: normal;
		font-family: arial, verdana, helvetica;
		color: #F63;
		letter-spacing: 5pt;
		margin: 0 3px 0 3px;
		padding: 10px 8px 0 8px;

	  }
#primaryContent3 h4 {
		font-size: 11pt;
		font-weight: bold;
		font-family: arial, verdana, helvetica;
		color: #F63;
		letter-spacing: 1pt;
		margin: 0 3px 0 3px;
		padding: 10px 8px 0 8px;

	  }

	  #primaryContent3 table {
	  	margin: 0 3px 0 3px;
	  	padding: 10px 12px 0 12px;

    }

#primaryContentBg {
	width: 460px;
	height: 450px;
	background: url(../images/bx-460-grey.gif) no-repeat;
	margin: 8px 0 0 8px;
	float: left;
	display: inline;
	font-size: 9pt;
		font-weight: bold;
		text-decoration: none;
	color: #999;

}

#primaryContentBg h3 {
	font-size: 12pt;
	font-weight: bold;
	font-family: arial, verdana, helvetica;
	color: #F63;
	letter-spacing: 2pt;
	margin: 0 3px 0 3px;
	padding: 10px 8px 0 8px;

  }

  #primaryContentBg .txt {
  width: 450px;
  float: left;
  display: inline;
  	font-size: 11px;
  	color: #fff;
  	font-weight: bold;
  	font-family:  arial, verdana, helvetica;
  	margin: 0 3px 0 3px;
  	padding-left: 10px;
  	padding-right: 3px;

}


#primaryContentBg .std {
	padding-top: 2px;
	padding-left: 10px;
	color: #333;

		}

#primaryContentBg .right {
width: 265px;
float: right;
display: inline;
	font-size: 11px;
	font-weight: normal;
	font-family:  verdana,  arial, helvetica;
	margin: 0 3px 0 3px;
	padding-right: 10px;

}
/* secondaryContent  rounded corner boxes  ---------------- */

#secondaryContent {
	width: 340px;
	height: 450px;
	background: url(../images/bx-340.gif) no-repeat;
	margin: 6px 7px 0 0;
	padding: 0;
	float: right;
	display: inline;

}

#secondaryContent h2 {
	font-size: 12pt;
	font-weight: normal;
	font-family: arial, verdana, helvetica;
	color: #F63;
	letter-spacing: 4pt;
	margin: 0 3px 0 3px;
	padding: 10px 8px 0 8px;

  }


#secondaryContent p {
	font-size: 8pt;
	font-weight: normal;
	font-family: arial, verdana, helvetica;
	margin: 0 3px 0 3px;
	padding-left: 8px;
	padding-right: 8px;
	position: relative;

}


/* Miscelaneous    --------------- */

.external{
	background: url(../images/extern-white.gif) no-repeat right top;
	padding-right: 5px;

}

#skip, #back {
	display: none;
	}


/*  P.I.E. FLOAT CLEARING  See http://www.positioniseverything.net/easyclearing.html --------------------- */

.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */