body
{
	/*ie nedds these*/
	margin:0px;
	padding:0px;
	/*align center for IE*/
	text-align:center;
	font-size: 11px;
	color: #FFF;
	background-color: #112844;
	background-image: url(../images/gr.jpg);
	background-repeat: repeat-x;
}

/*we use container DIV  to center #content and #navigation in the page*/
#container
{
	/*our page width*/
	width:890px;
	/*make space for the header*/
	margin-top:410px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	color: #000;
	background-color: #FFF;
}
#content
{
	/*  we substracted navigation width from page width and got 800px*/
	width:890px;
	height:auto;
	/* have a minimum height, this does not work in IE*/
	min-height:300px;
	/* use float to inverse position with navigation DIV*/
	float:left;
	color: #000;
	background-color: #FFF;
}
.top-content {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 720px;
	text-align: left;
}
.content-box {
	padding-right: 5px;
	padding-left: 5px;
	text-align: justify;
	font-size: 11px;
	color: #006A9D;
	border: 5px solid #FEF2CF;
	float: left;
	width: 700px;
	background-color: #FFF;
	padding-top: 5px;
	margin-left: 7px;
}
.content-box a {
	font-weight: bold;
	color: #0093DD;
}


.content-box .hd{
	font-weight: bold;
	color: #006A9D;
}

.indian-beaches-main{
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

.indian-beaches{
	padding: 0px;
	float: left;
	height: 171px;
	width: 150px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 40px;
	margin-left: 35px;
}

.indian-beaches .name{
	padding: 0px;
	height: 25px;
	width: 110px;
	margin-top: -40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	line-height: 14px;
}

.indian-beaches .name a{
	color: #000000;
	text-decoration: none;
}

.indian-beaches .name a:hover{
	color: #000000;
	text-decoration: none;
}

.thumbs-img{
	float: right;
	height: 125px;
	width: 155px;
	margin-left: 10px;
	margin-right: 10px;
	border: 5px solid #CCCCCC;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1{
	background-color: #FEBF01;
	color: #000;
	padding: 2px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}


.rt-ads {
	float: left;
	width: 130px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}



/*
	internet explorer min-height fix 
	can be removed if you don't need a minimum height
	in this way your CSS will be clean from hacks
*/
* html #content
{
	height:300px;
}
#beaches-box-main {
	background-color: #c9e4ff;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 7px;
	height: 230px;
	padding-top: 5px;
	float: left;
	width: 7
`0;
	width: 710px;
}
#beaches-box-main .hd {
	background-color: #09C;
	padding: 0px;
	height: 25px;
	width: 710px;
	background-image: url(../images/beaches--hd-gr.jpg);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#features-ads {
	height: 320px;
	padding: 0px;
	float: left;
	width: 720px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 7px;
}
.features-box {
	height: 310px;
	background-color: #FFF;
	width: 345px;
	float: left;
	margin: 0px;
	padding: 4px;
	border: 5px solid #fef2cf;
}
.features-box .hd  {
	height: 25px;
	background-color: #febf01;
	text-align: left;
	line-height: 25px;
	padding-top: 5px;
	padding-left: 12px;
}
.features {
	width: 325px;
	height: 55px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.features .txt-box {
	height: 50px;
	float: left;
	width: 240px;
	margin-left: 6px;
	margin-top: 3px;
	padding: 0px;
}
.txt-box .headline {
	font-family: Arial, Helvetica, sans-serif;
	color: #b70048;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.txt-box .headline a {
	font-family: Arial, Helvetica, sans-serif;
	color: #b70048;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.txt-box .headline a:hover {
	text-align: left;
	text-decoration: none;
	background-color: #CCC;
	color: #000;
}


.txt-box .txt {
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}

.features .photo {
	height: 50px;
	width: 60px;
	float: left;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	position: relative;
	top: -6px;
}
#feature-ad {
	height: 285px;
	background-color: #FFF;
	width: 320px;
	float: left;
	border: 5px solid #fef2cf;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 25px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#travel-must-box {
	background-color: #2b529c;
	height: 340px;
	width: 890px;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	background-image: url(../images/traveltips-box-gr.gif);
	background-repeat: repeat-x;
}
#travel-must-box .line {
	width: 1px;
	height: 300px;
	background-color: #FC0;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 12px;
}

#travel-tips-main {
	float: left;
	height: 330px;
	width: 430px;
	margin-left: 6px;
	margin-top: 5px;
	padding: 0px;
}
#travel-tips-main .hd {
	text-align: left;
	padding-left: 12px;
	width: 400px;
}
.tips-box {
	margin-top: 12px;
	float: left;
	margin-left: 12px;
}
.tips-box .img {
	height: 60px;
	width: 80px;
	float: left;
	border: 2px solid #CCC;
	margin-right: 20px;
}
.tips-box .txt {
	width: 310px;
	float: right;
}
.tips-box .txt ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.tips-box .txt li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 2px;
}
.tips-box .txt .more {
	height: 12px;
	width: 40px;
	background-color: #e5e5e5;
	float: right;
	color: #000;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	border: 1px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 35px center;
	text-align: center;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	
}


.tips-box .txt li.more a {
	font-size: 10px;
	color: #000;
	text-decoration: none;
}
.tips-box .txt li.more a:hover {
}


.tips-box .txt li.heading {
	background-image: url(../images/travel-hd-curve.gif);
	height: 22px;
	width: 305px;
	line-height: 20px;
	padding-left: 6px;
	background-repeat: no-repeat;
}
.tips-box .txt li.heading a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #fef2cf;
	font-weight: bold;
}

.tips-box .txt li.heading a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}



#must-see-main {
	height: 320px;
	width: 405px;
	margin-top: 5px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.must-see-box {
	text-align: left;
	margin-top: 12px;
	float: left;
	width: 410px;
}
.must-see-box .txt {
	float: left;
	width: 250px;
	margin-left: 12px;
}

.must-see-box .img-big {
	height: 90px;
	width: 130px;
	float: left;
	border: 1px solid #044155;
}

#must-see-main .hd {
	text-align: left;
}
.must-see-list {
	text-align: left;
	margin-top: 12px;
	width: 400px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	height: 150px;
}
.must-see-list ul{
	padding: 0px;
	float: left;
	width: 380px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	margin-right: 8px;
}
.must-see-list li{
	list-style-type: none;
	background-image: url(../images/must-bul.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 8px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 180px;
	float: left;
	height: 33px;
}

.must-see-list li a{
	color: #f8efbe;
	font-size: 12px;
	text-decoration: none;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding: 0px;
}

.must-see-list li a:hover{
	text-decoration: none;
	color: #000;
	background-color: #f8efbe;
	float: left;
}
#top-rated-main {
	width: 890px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/top-rated-bg-gr.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 380px;
}


#top-hotels-outer-lt
{
	float: left;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#top-hotels-outer-rt
{
	float: right;
	margin: 0px;
	padding: 0px;
}


.top-hotels {
	float: left;
	height: 330px;
	width: 430px;
	margin-left: 4px;
	margin-top: 5px;
}
.top-hotels .hd {
	text-align: left;
	padding-left: 12px;
	width: 380px;
}
.top-hotels .hotels {
	text-align: left;
	margin-left: 25px;
}
.top-hotels .hotels ul {
	background-color: #FFF;
	margin: 5px;
	padding: 5px;
	width: 380px;
	float: left;
	height: 60px;
	border: 1px solid #CCC;
}
.top-hotels .hotels li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.top-hotels .hotels .heading {
	font-size: 12px;
	font-weight: bold;
	color: #b1023e;
	margin-left: 12px;
	width: 340px;
	float: left;
	margin-top: 3px;
	padding-left: 5px;
}
.top-hotels .hotels .txt {
	float: left;
	width: 350px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	color: #036;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.top-hotels .hotels .txt a {
	text-decoration: none;
	color: #036;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
}
.top-hotels .hotels .txt a:hover {
	background-color: #F4F4F4;
}

.top-hotels .hotels .heading a {
	text-decoration: none;
	color: #b1023e;
	font-size: 12px;
	display: block;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
.top-hotels .hotels .heading a:hover {
	background-color: #F4F4F4;
}

#ad-space-bot-box {
	float: left;
	width: 880px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	text-align: left;
}
#ad-space-bot-box .hd {
	float: left;
	width: 100px;
	background-color: #F90;
	height: 15px;
	color: #000;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 7px;
}
#ad-space-bot-box .sponsors {
	width: 700px;
	float: left;
	margin-left: 14px;
	margin-top: 6px;
}

















#navigation
{
	/* set margin top to header height*/
	float:right;
	height:auto;
	/* have a minimum height, this does not work in IE*/
	min-height:300px;
	width:165px;
	/*color section for identification*/
	background:#fd6464;
}

/*
	internet explorer min-height fix 
	can be removed if you don't need a minimum height
	in this way your CSS will be clean from hacks
*/	
* html #navigation
{
	height:300px;
}

#header
{
	/* postion absolute so we can place our div anywhere on the page, in this case the first div*/
	position:absolute;
	/*our page width*/
	width:890px;
	/*center absolute  div*/
	/*put div on the center of the page*/
	left:50%;
	/*move div 50% right to put it in the center of the page*/
	margin-left:-445px;
	/*pu the div fist on the page*/
	top:0px;
	height:200px;
	color: #000;
}
#header .logo-box {
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	height: 136px;
}

#menu-box {
	background-image: url(../images/menu-bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 25px;
	margin-top: 30px;
	color: #000;
	background-color: #FFF;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #FFF;
}



#modernbricksmenu{
	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 30px;
	float: right;
	width: 490px;
}

#modernbricksmenu ul{
	margin-left: 25px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

#modernbricksmenu li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform:none;
}

#modernbricksmenu a{
	float: left;
	display: block;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #FFE495;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
}

#modernbricksmenu a:hover{
	background-color: #DEA701; /*Menu hover bgcolor*/
	color: #FFFFFF;
}



#modernbricksmenuline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 5px;
	line-height: 5px; /*Brown color theme*/
	background-color: #0066FF;
}
#topheader{
	color: #000000;
	background-color: #FFFFFF;
	width: 100%;
	height: 200px;
	border-top-width: 1px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	margin: 0px;
}


#review-box-main {
	height: 190px;
	color: #000;
	background-color: #FFF;
}
#review-box {
	height: 180px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #000;
	background-color: #FFF;
}
#review-box .line {
	height: 170px;
	width: 1px;
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCC;
}

#review-box .what-to-do {
	height: 170px;
	width: 160px;
	float: left;
	margin-top: 7px;
	margin-right: 15px;
	margin-bottom: 7px;
	margin-left: 15px;
}

#review-box .what-to-do ul {
	width: 155px;
	padding: 0px;
	height: 170px;
	float: left;
	margin: 0px;
}

#review-box .what-to-do li {
	width: 140px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#review-box .what-to-do li.hd {
	padding: 0px;
	height: 12px;
	width: 105px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 14px;
	float: left;
}

#review-box .what-to-do li.img {
	border: 3px solid #CCC;
	height: 95px;
	width: 140px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}
#review-box .what-to-do ul .txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	padding: 0px;
	text-align: left;
	width: 150px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 5px;
	float: left;
}
#review-box .what-to-do ul .txt a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
#review-box .what-to-do ul .txt a:hover {
	text-decoration: none;
	background-color: #FFF;
}
#review-box .what-to-do ul .more {
	height: 15px;
	width: 40px;
	background-color: #e5e5e5;
	float: right;
	margin: 0px;
	color: #000;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	border: 1px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 35px center;
}

#review-box .what-to-do ul .more a {
	font-size: 10px;
	color: #000;
	text-decoration: none;
}
#review-box .what-to-do ul .more a:hover {
}




#footer
{
	width:890px;
	clear:both;
	height:30px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 12px;
	text-align: center;
	background-color: #036;
	background-image: url(../images/foot-gr.gif);
	background-repeat: repeat-x;
	color: #FFF;
}
#footer a {
	color: #FFF;
}