/*
-----------------------------------------------
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: bold;
	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;
	}

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


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

br {
	clear: both;
}

hr {
	display: none;
}

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

.txt {
	font-size: 9pt;
	list-style: none;
	font-weight: normal;
	text-decoration: none;
		}

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

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

}

#wrapper .footer {
	width: 760px;
	height: 14px;   																		/*  CHECK bg image */
	background: url(../images/wrapper-bg-bottom2.gif) no-repeat;
	float: left;

	}

#wrapper .footer p {
	font-size: 9px;
	color: #666;
	padding-top: 1px;
	text-align: center;
}



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

#primaryImage1 {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-1.jpg) no-repeat;
	margin: 20px 0 0 23px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage2 {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-2.jpg) no-repeat;
	margin: 20px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage3 {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-3.jpg) no-repeat;
	margin: 20px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage4 {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-4.jpg) no-repeat;
	margin: 15px 0 0 23px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage5 {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-5.jpg) no-repeat;
	margin: 15px 0 0 23px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage6 {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-6.jpg) no-repeat;
	margin: 15px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}
#primaryImage7 {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-7.jpg) no-repeat;
	margin: 15px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage8 {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-8.jpg) no-repeat;
	margin: 15px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage9 {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-9.jpg) no-repeat;
	margin: 15px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage10 {
	width: 160px;
	height: 125px;
	background: #FFF url(../images/blank.gif) no-repeat;
	margin: 15px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage1a {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-1a.jpg) no-repeat;
	margin: 20px 0 0 23px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage2a {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-2a.jpg) no-repeat;
	margin: 20px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage3a {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-3a.jpg) no-repeat;
	margin: 20px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage4a {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-4a.jpg) no-repeat;
	margin: 15px 0 0 23px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage5a {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-5a.jpg) no-repeat;
	margin: 15px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage6a {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-6a.jpg) no-repeat;
	margin: 15px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}
#primaryImage7a {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-7a.jpg) no-repeat;
	margin: 15px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage8a {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-8a.jpg) no-repeat;
	margin: 15px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage9a {
	width: 160px;
	height: 125px;
	background: #FFF url(../pics/index-9a.jpg) no-repeat;
	margin: 15px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#primaryImage10a {
	width: 160px;
	height: 125px;
	background: #FFF url(../images/blank.gif) no-repeat;
	margin: 20px 0 0 20px;
	padding: 0;
	float: left;
	display: inline;

}

#textImage1 {
	width: 363px;
	height: 40px;
	background: #FFF url(../images/txt-stay.gif) no-repeat;
	margin: 25px 0 0 115px;
	padding: 0;
	float: left;
	display: inline;

}

#textImage2 {
	width: 273px;
	height: 40px;
	background: #FFF url(../images/txt-avians.gif) no-repeat;
	margin: 15px 0 0 10px;
	padding: 0;
	float: left;
	display: inline;

}

#textImage3 {
	width: 34px;
	height: 40px;
	background: #FFF;
	margin: 75px 0 0 0px;
	padding: 0;
	float: left;
	display: inline;

}


#symImage1 {
	width: 96px;
	height: 96px;
	background: #FFF url(../images/circle-4.png) no-repeat;
	margin: 30px 30px 0 57px;
	padding: 0;
	float: left;
	display: inline;

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

}

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

}

#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: 620px;
			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;
padding: 5px 0 0 0;
	position: absolute;
		right: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;

}

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

}

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

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

		}


#locator .ghsearch select {
	width: 80px;
	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(../images/bx-locator-106-yellow1.gif) no-repeat;

}

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

}

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

}

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

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

}

#primaryContent 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;

  }

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

}


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

}

#primaryContent .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 */