html, div, form, p, h1, h2, h3, ul, li, ol{ padding:0px; margin:0px;}
ul, li, ol{ list-style-type:none; }
img{ border:none;}
a{ outline:none; text-decoration:none; }
a:hover{ text-decoration:none;}
/* Make body and html take full height */
html, body {
margin: 0;
padding: 0;
height: 100%;
}
p{
font-size:12px;
line-height:1.4em;
color:#3d3d3d;
margin:0px 0px 0px 10px;
font-family:Tahoma, Arial;
text-align:left;
float:left;
display:block;
clear:left;
width:70%;
}
/* Container to hold the image */
#heroimage {
width: 100%;
overflow: hidden;
}
/* Make the image responsive to screen width */
.fullwidth-header-image {
width: 100%; /* Fill screen width */
height: auto; /* Maintain image aspect ratio */
display: block; /* Remove bottom space */
max-width: 100%; /* Prevent overflow on high-res screens */
}
.innerp{
font-size:12px;
line-height:1.4em;
color:#3d3d3d;
margin:0px 0px 0px 10px;
font-family:Tahoma, Arial;
text-align:left;
float:left;
display:block;
clear:left;
width:85%;
}
h1{
font-family:Tahoma, Arial;
font-size: 13px;
font-weight: bold;
color:#1ea700;
text-decoration: none;
float:left;
clear:left;
display:block;
margin:7px 0px 7px 7px;
width:50%;
}
h2{
font-family:Tahoma, Arial;
font-size: 13px;
font-weight: bold;
color:#ff6600;
text-decoration: none;
float:left;
clear:left;
display:block;
margin:7px 0px 7px 7px;
width:100%;
}
.more{
background-image:url(images/more.png);
background-position:left;
background-repeat:no-repeat;
font-family:Tahoma, Arial;
font-size: 11px;
font-weight: normal;
color: #1a8900;
text-decoration:none;
padding:10px 0px 10px 19px;
margin-left:10px;
}
#tripadvisor{ margin: 23px 0 0 12px; width: 164px;}
#footer{
margin-top:-25px;
background-image:url(images/footerbg.png);
background-repeat:repeat-x;
height:128px;
clear:both;
}
#content{
display:block;
width:100%;
margin:auto;
}
#green{
background-color:#1ea700;
display:block;
height:230px;
width:auto;
margin:auto;
}
#greenzone{
background-color:#1ea700;
display:block;
height:230px !important;
width:928px;
margin:auto;
}
#topmenu{
margin:auto;
background-color:#fff;
height:42px;
width:100%;
margin:10px 0px 10px 0px;
}
.menu { padding:5px 0px 0px 55px; margin:auto;height:42px; width:959px;}
.menu ul { padding:0px 0px 0px 0px; margin:auto; list-style:none; border:0px; height:32px;}
.menu ul li { float:left; margin:0px; padding:0px; border:0px; }
.menu ul li a { float:left; margin:0px 1px 0px 1px; padding:10px 0px 10px 0px; color:#000; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:14px 9px 14px 9px;}
.menu ul li a:hover { background:url(images/r_menu.gif) no-repeat right; color:#000;}
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left;color:#000;}
.menu ul li a.active { background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left;}
#header{
background-image: url(images/header.png);
background-repeat:no-repeat;
width:959px;
background-position:center;
height:284px;
z-index:150;
}
#area{
width:928px;
margin:auto;
clear:left;
margin-top:109px;
}
#matter{
clear:both;
margin:auto;
width:928px;
margin-top:-35px;
}
#imagearea{
width:25%;
float:right;
}
.clear{
clear:both;
}
p{
font-family:Tahoma, Arial;
font-size:12px;
line-height:1.4em;
color:#3d3d3d;
text-align:left;
float:left;
clear:both;
display:block;
}
.image{
float:right;
clear:left;
padding:3px;
margin:0px 0px 5px 0px;
}
#footer{
background-image:url(images/footerbg.png);
background-position:center;
background-repeat:repeat-x;
clear:both;
margin-top:-300px;
z-index:2;
}
.footerimg{
margin:auto;
background-image:url(images/footer.png);
background-position:center;
background-repeat:no-repeat;
height:128px;
width:928px;
z-index:1;
}
#rightTopPan ul{width:238px; width:300px;
float:right }
#rightTopPan ul li{width:238px;}
#rightTopPan ul li a{width:238px;}
#rightTopPan ul li a:hover{width:238px; }
#headerpart{
margin:auto;
background-image:url(images/banner_bg.png);
background-repeat:repeat-x;
height:398px;
display:block;
clear:both;
}
#headerpartnew{
margin:auto;
background-image:url(images/flashbg.png);
background-repeat:repeat-x;
height:398px;
display:block;
clear:both;
margin-top:10px;
}
#headimg{
display:block;
margin:auto;
background-image:url(images/header04.png);
background-position:center;
background-repeat:no-repeat;
height:398px;
}
/* Container should also be full height */
#headerpartnew {
width: 100vw;
height: 100vh;
overflow: hidden;
}
/* Image styling */
.fullwidth-header-image {
width: 100%;
height: 100%;
object-fit: cover; /* Fills area while keeping aspect ratio */
display: block;
}
.fullwidth-table {
width: 100%;
table-layout: fixed;
}
.left-align-cell {
width: 50%;
vertical-align: top;
text-align: left;
padding: 10px;
}
.right-align-cell {
width: 50%;
vertical-align: top;
text-align: right;
padding: 10px;
}
/* On small devices, stack vertically */
@media screen and (max-width: 768px) {
.fullwidth-table,
.fullwidth-table tr,
.fullwidth-table td {
display: block;
width: 100%;
}
.left-align-cell,
.right-align-cell {
text-align: center;
}
}
#newarea{
margin:auto;
display:block;
width:980px;
}
#flash{
margin:auto;
width:989px;
height:361px;
}
#welccome{
margin:0px 0px 10px 0px;
float:left;
}
.homep{
font-family:Tahoma, Arial;
font-size:12px;
line-height:1.4em;
color:#3d3d3d;
text-align:left;
float:left;
clear:both;
display:block;
}
#accomidation{
background-image:url(images/acc.png);
background-position:right;
background-repeat:no-repeat;
width:181px;
height:115px;
float:left;
}
#welcome{
display:block;
margin:10px 20px 10px 0px;
float:left;
clear:left;
}
#manoman{
margin:auto;
background-image:url(images/footerbg.png);
background-repeat:repeat-x;
background-position:bottom;
height:92px;
margin-top:-40px;
}
#manomanhome{
margin:auto;
background-image:url(images/footerbg.png);
background-repeat:repeat-x;
background-position:bottom;
height:92px;
margin-top:-20px;
}
#manomanormal{
margin:auto;
background-image:url(images/footerbg.png);
background-repeat:repeat-x;
background-position:bottom;
height:92px;
}
#manomaninner{
margin:auto;
background-image:url(images/footerbg.png);
background-repeat:repeat-x;
background-position:bottom;
height:92px;
margin-top:20px;
}
#manomangallery{
margin:auto;
background-image:url(images/footerbg.png);
background-repeat:repeat-x;
background-position:bottom;
height:92px;
margin-top:45px;
}
#manomancontact{
margin:auto;
background-image:url(images/footerbg.png);
background-repeat:repeat-x;
background-position:bottom;
height:92px;
margin-top:50px;
}
#manomanmap{
margin:auto;
background-image:url(images/footerbg.png);
background-repeat:repeat-x;
background-position:bottom;
height:92px;
margin-top:-40px;
}
#manomandining{
margin:auto;
background-image:url(images/footerbg.png);
background-repeat:repeat-x;
background-position:bottom;
height:92px;
margin-top:-60px;
}
#finalman{
margin:auto;
background-image: url(images/footer.png);
width:287px;
background-repeat: no-repeat;
height:92px;
display: block;
}
#bottomarea{
width:900px;
margin:auto;
height:92px;
background-image:url(images/footer_new.png);
background-repeat:repeat-x;
}
#reserve{
background-image:url(images/reserve.png);
background-position:center;
background-repeat:no-repeat;
width:186px;
height:52px;
}
#tournew{
background-image:url(images/tour.png);
background-position:center;
background-repeat:no-repeat;
width:186px;
height:40px;
float:right;
margin:-25px 25px 0px 0px;
}
#man{
background-image:url(images/footer.png);
background-position:center;
background-repeat:no-repeat;
width:287px;
height:92px;
float:left;
margin:-52px 0px 0px 250px;
}
.accimage{
float:left;
clear:left;
padding:3px;
margin:-10px 0px 0px 0px;
z-index:2;
}
.iconlist
{
list-style: none;
margin: 0;
padding: 0;
}
li.pdf
{
background-image: url(images/reservations.png);
background-repeat: no-repeat;
padding: 15px 0 15px 20px;
width:175px;
height:117px;
margin-top:10px;
}
li.doc
{
background-image: url(images/tournew.png);
background-repeat: no-repeat;
width:246px;
height:58px;
padding: 3px 0 3px 70px;
}
li.acomimg
{
background-image: url(images/acom.png);
background-repeat: no-repeat;
width:147px;
height:166px;
padding: 3px 0 3px 20px;
}
li.tvtour
{
background-image: url(images/tv.png);
background-repeat: no-repeat;
width:115px;
height:160px;
padding: 3px 0 3px 20px;
margin:25px 18px;
}
li.res
{
background-image: url(images/reservationssmall.png);
background-repeat: no-repeat;
width:135px;
height:68px;
margin-left:25px;
}
li.homeacom
{
background-image: url(images/tvsmall.png);
background-repeat: no-repeat;
width:125px;
height:100px;
margin:-10px 0px 0px 40px;
}
li.locate
{
background-image: url(images/location.png);
background-repeat: no-repeat;
width:125px;
height:215px;
padding: 3px 0 3px 20px;
margin:25px 18px;
}
li.sitemapside
{
background-image: url(images/sitemap_side.png);
background-repeat: no-repeat;
width:120px;
height:170px;
padding: 3px 0 3px 20px;
margin:25px 18px;
}
li.dine
{
background-image: url(images/dine.png);
background-repeat: no-repeat;
width:120px;
height:200px;
padding: 3px 0 3px 20px;
margin:25px 18px;
}
#icony{
float:left;
margin:0px 0px;
}
.icony ul {
display:block;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666666;
margin:0px 0px 0px 0px;
float:left;
}
.icony li {
list-style:none;
padding:25px 0px 15px 5px;
background-repeat:no-repeat;
background-position:left;
clear:left;
margin:0px 0px;
}
.icony li a.reserve {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:10px 10p 10px 10px;
background-image: url(images/reservations.png);
margin:-10px 0px 0px 0px;
width:151px;
height:76px;
display:block;
}
.icony li a.dinee {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
background-image: url(images/dine.png);
width:120px;
height:176px;
display:block;
}
.icony li a.sitedinee {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:0 10px 12px 8px;
background-image: url(images/dine.png);
width:120px;
height:176px;
display:block;
}
.icony li a.accmm {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:15px 10px 15px 12px;
background-image: url(images/acom.png);
width:125px;
height:120px;
clear:left;
display:block;
}
.icony li a.sitemape {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:0 10px 15px 10px;
background-image: url(images/sitemap_side.png);
width:116px;
height:141px;
display:block;
}
.icony li a.sitep {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:0 10px 11px 10px;
background-image: url(images/sitemap_side.png);
width:116px;
height:141px;
display:block;
}
.icony li a.locate_contact {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:0 10px 10px 15px;
background-image: url(images/location.png);
width:125px;
height:211px;
display:block;
}
.icony li a.pack{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:0 10px 15px 15px;
background-image: url(images/newpackages.png);
width:133px;
height:79px;
display:block;
}
.icony li a.homepack{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:0 12px 20px 25px;
background-image: url(images/newpackages.png);
width:133px;
height:79px;
display:block;
margin-top:-15px;
}
.icony li a.tvs{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:15 10px 5px 15px;
background-image: url(images/tv.png);
width:115px;
height:160px;
display:block;
}
.icony li a.sitemaptvs{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:0 72px 470px 55px;
background-image: url(images/tv.png);
width:115px;
height:116px;
display:block;
}
.icony li a.visitor{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-position:left;
padding:0 15x 10px 10px;
background-image: url(images/ptv.png);
width:126px;
height:120px;
display:block;
}
#homecontent{
float: left;
margin-left:55px;
}
#centercontent{
clear:both;
display:block;
width:928px;
background-color:#FFF;
margin:auto;
}
#maincontent{
clear:both;
display:block;
background-color:#FFF;
margin-top:25px;
float:left;
}
.innerp{
font-family:Tahoma, Arial;
font-size:12px;
line-height:1.8em;
color:#3d3d3d;
text-align:left;
float:left;
clear:both;
display:block;
margin-bottom:5px;
}
.servicep{
font-family:Tahoma, Arial;
font-size:12px;
line-height:1.8em;
color:#3d3d3d;
text-align:left;
float:left;
clear:both;
display:block;
margin-bottom:5px;
width:100%;
}
.darkp{
font-family:Tahoma, Arial;
font-size:13px;
line-height:1.8em;
color:#277200;
font-weight:bold;}
.heading{
display:block;
float:left;
margin-bottom:10px;
}
#runningmatter{
display:block;
float:left;
width:80%;
}
#rightblock{
display:block;
float:left;
width:20%;
}
.orangetext{
font-family:Tahoma, Arial;
font-size:12px;
line-height:1.4em;
color:#ff6600;
text-align:left;
float:left;
clear:both;
display:block;
}
#innerpaercontent{
clear: both;
display: block;
margin: 240px auto;
width: 950px;
}
#bullet{
float:left;
clear:left;
width:85%;
margin:0px 0px;}
.points ul {
font-family:Tahoma, Arial;
font-size: 12px;
color:#3d3d3d;
margin:5px 0px 0px 30px;
float:left;
display:block;
}
.points li {
list-style:none;
padding:0px 0px 7px 10px;
background-image: url(images/arrow.png);
background-repeat:no-repeat;
}
.points li a {
font-family:Tahoma, Arial;
font-size: 12px;
color:#000000;
text-decoration:none;
}
.points li a:hover {
font-family:Tahoma, Arial;
font-size:12px;
color:#000000;
text-decoration:none;
}
#services{
float:right;
display:block;
margin:20px 0px 20px 0px;
}
#mapright{
float:left;
width:45%;
}
#mapleft{
float:left;
width:45%;
}
#mapflow{
float: left;
clear:left;
background-image:url(images/routemap.png);
background-position:left;
background-repeat:no-repeat;
width:440px;
height:397px;
margin:25px 0px 0px 12px;
}
#googlemap{
float:left;
margin:30px 0px 0px 30px;
}
#tablenew{
float:left;
background-color:#f4f4f4;
margin-left:60px;
margin-top:35px;
clear:left;
}
#tableold{
float:left;
background-color:#ffffff;
margin-left:60px;
margin:20px 0px 10px 0px;
clear:left;
}
#contact1{
float:left;
width:350px;
clear:left;
margin:25px 0px 0px 35px;
}
a.greenlink{ font-family:Tahoma, Arial;
font-size: 12px;
font-weight: normal;
color:#008d1c;
text-decoration: none;
}
a.greenlink:hover{ font-family:Tahoma, Arial;
font-size: 12px;
font-weight: normal;
color:#585858;
text-decoration: none;
}
#contact2{
float:left;
width:200px;
padding-left:10px;
margin-bottom:15px;
}
#contact3{
float:left;
width:350px;
clear:left;
padding-top:5px;
}
.manager{
padding-top:15px;
display:block;
float:left;
color:#3d3d3d;
width:350px;
}
#swf{
clear:both;
margin:auto;
display:block;
width:770px;
height:600px;
padding-top:25px;
margin-bottom:35px;
}
#places{
display:block;
float:left;
margin-top:15px;
width:900px;
}
.sravan{
width:400px;
display:block;
float:left;
margin:15px 20px 30px 30px;
}
.imgleft{
float:left;
}
.visittext{
float:left;
margin:0px 3px 0px 3px;
width:220px;
}
.towntext{
font-size:12px;
line-height:1.4em;
color:#3d3d3d;
font-family:Tahoma, Arial;
text-align:left !important;
float:left;
margin:5px 0px 0px 5px;
line-height:18px;
clear:left;
width:220px;
}
.orange{
font-family:Tahoma, Arial;
font-size: 12px;
font-weight: bold;
color:#ff6600;
text-decoration: none;
float:left;
margin:5px 0px 5px 0px;
}
h3{
font-family:Tahoma, Arial;
font-size: 12px;
font-weight: bold;
color:#ff6600;
text-decoration: none;
float:left;
margin-left:5px;
}
.grey{
font-family:Tahoma, Arial;
font-size: 12px;
font-weight: bold;
color:#ccc;
text-decoration: none;
float:left;
margin-top:9px;
font-style: normal;
}
#localarea{
float:left;
padding-top:25px;
clear:left;
width:90%
}
#sitearea{
float:left;
clear:left;
background-image:url(images/sitearea.png);
background-position:left;
background-repeat:no-repeat;
width:215px;
height:375px;
margin:-20px 0px 25px 200px;
}
#sitearrow{
float:left;
}
.site ul {
font-family:Tahoma, Arial;
font-size: 12px;
color:#66666;
margin:-4px 0px 0px 209px;
width:200px;
float:left;
clear:left;
display:block;
}
.site li {
list-style:none;
padding:0px 0px 12px 50px;
background-image: url(images/sitearrow.png);
background-repeat:no-repeat;
}
.site li a { font-family:Tahoma, Arial;
font-size: 12px;
color:#3d3d3d;
text-decoration:none;
}
.site li a:hover { font-family:Tahoma, Arial;
font-size:12px;
color:#000;
text-decoration:none;
}
#virtualtour{
display:block;
width:90%;
clear: left;
margin:auto;
}
.virtualvideo{
margin-bottom:25px;
clear:both;
}
.pakagedetails{width:300px; margin-left:10px;}
.facilities li{ list-style-type:circle; margin-left:20px; line-height:20px; clear:both;}
.center{
text-align:center;
}