/* ------- CSS for Monte Karlo Inn and Resort ---------------------*/
/*         Author: R3D Media Web Developers - www.r3dmedia.com         */
/* ----------------------------------------------------------------*/

body {
	margin: 0px;
	font-family:  Arial, Helvetica,    sans-serif;
	font-size: 12px;
	color: #666666;
	background: #49403a url(images/montekarlo.jpg) top center no-repeat;
}

h1 {
	text-align:left;
	color: #FFFFFF;
	display:block;
	width:279px;
	height:54px;
	text-indent:-9009px;
	background-color: transparent;
	background-image: url(../images/monte-karlo-inn-and-resort-logo.gif);
	background-repeat: no-repeat;
		margin:0;
	padding:0;
}
	
h1 a {
display:block;
width:279px;
height:54px;
outline:none;
border-bottom:0;

}

h1 a:hover {
display:block;
width:279px;
height:54px;
outline:none;
border-bottom:0;
margin:0;
padding:0;
}
p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;

}
a {
	color: #535353;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC9900;
}
.texthead {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #996600;
	text-decoration: none;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
.contacttexts {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #996600;
	font-weight: lighter;
}

.pricetag {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #CC9900;
	padding-right: 8px;
	text-align: center;
	padding-left: 8px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}


a:hover, a:active { 	
	text-decoration: none;
	color: #535353;
}
a img {
	border: none;
}
#container {
	background-color: #FFFFFF;
	width: 940px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-attachment: scroll;
	background-image: url(../images/stripebg.gif);
	padding: 8px;	
	display:none;
}


#container #headmenu {
	padding-top:10px;
	height: 65px;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/headmenu-bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#container #headmenu #logohead {
	float: left;
	height: 54px;
	width: 279px;
	padding: 0px;
}
#container #headmenu #menu {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	color: #666666;
	text-decoration: none;
}
#container #headmenu #menu ul {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #666666;
}

#container #headmenu #menu li {
	color: #999999;
	text-decoration: none;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
 #container #headmenu li a:hover {
    background:#666666;
	color:#fff;
	padding: 5px;
	 border: 2px solid #CCCCCC;
 }
 #container #headmenu li a.act:hover {
    background:#666666;
	color:#fff;
	padding: 5px;
 border: 2px solid #CCCCCC;
 }
#container #headmenu li a.act {
	background:#666666;
	color:#fff;
	padding: 5px;
	border: 2px solid #CCCCCC;
}
#container #imagefronthead {
	background: #000000 url(../images/Monte-Karlo-Frontpage-Head.jpg) scroll no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 273px;
	width: 100%;
}
#container #imageguesthead {
	background: #000000 url(../images/Monte-Karlo-Guestrooms-Head.jpg) scroll no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 274px;
	width: 100%;
}
#container #imagegalleryhead {
	background: #000000 url(../images/Monte-Karlo-Gallery-Head.jpg) scroll no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 273px;
	width: 100%;
}
#container #imagecontacthead {
	background: #000000 url(../images/Monte-Karlo-Contact-Head.jpg) scroll no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 273px;
	width: 100%;
}

#container #contents {
	background-color: #FFFFFF;
	padding-top: 15px;
	text-align: left;
	height: auto;
	background-attachment: scroll;
	background-image: url(../images/footerbg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 60px;
}
	
#container #contents #divright {
	text-align:left;
	width: 287px;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}

#container #contents #divleft {
	text-align:left;
	width: 600px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;

}
#footer {
	text-align:left;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 8px;
	clear: none;
	padding-left: 20px;
}
#container #contents #navfoot {
	clear: both;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#montekarlo, #rooms, #gallery, #catanduanes, #contact{
	position: relative;
	color: #000;
	width: 600px;

}

#montekarlo span, #guestrooms span, #gallery span, #catanduanes span, #contact span{
	display:none;
}
#montekarlo h3 {
  	padding-top:0px;
	margin-top:0px;
	background: url(../images/looking.gif) no-repeat top left;
	width: 600px;
	height: 30px;
}
#guestrooms h3 {
  	padding-top:0px;
	margin-top:0px;
	background: url(../images/guestrooms.gif) no-repeat top left;
	width: 377px;
	height: 30px;
}
#gallery h3 {
  	padding-top:0px;
	margin-top:0px;
	background: url(../images/gallery.gif) no-repeat top left;
	width: 391px;
	height: 30px;
}
#catanduanes h3 {
  	padding-top:0px;
	margin-top:0px;
	background: url(../images/catanduanes.gif) no-repeat top left;
	width: 268px;
	height: 30px;
}
#contact h3 {
  	padding-top:0px;
	margin-top:0px;
	background: url(../images/contact.gif) no-repeat top left;
	width: 336px;
	height: 30px;
}



/* ---------------- ROUNDED CORNER ---------------------*/

.rounded{display:block}
.rounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFCF}
.rounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffffea;
  border-right:1px solid #ffffea;
  background:#ffffdb}
.rounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fffffa;
  border-right:1px solid #fffffa;
  background:#ffffd8}
.rounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffd8;
  border-right:1px solid #ffffd8;}
.rounded4{
  border-left:1px solid #ffffea;
  border-right:1px solid #ffffea}
.rounded5{
  border-left:1px solid #ffffdb;
  border-right:1px solid #ffffdb}
.roundedfg{
  background:#FFFFCF}
  
.line { background: #fff url(../images/hr.gif) no-repeat center bottom;
margin: 4px auto;
height: 1px;
}