/*
Basic Style Sheet (for version 4 browsers)
version:   1.0
author:    Sham Chee Yew
email:     sam@cutewalker.com
website:   http://atheapartment.com/
*/
/*-----------------------------------------------------------------
master reset
*/
body {color:#000; font:#000; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/*q:before,q:after{content:'';}*/
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* -----------------------------------------------------------------
=Typography
*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%; /* so that 1em is 10px */
	color:#000;
	font-weight: bold;
}
#content p{
	font-size:1.2em;
	line-height:1.6em;
	color:#000;
	margin:1em 0;
}
#footer p{
	margin:6px 5px 4px 5px;
	font-size:0.9em;
	color:#000;
}

/* -----------------------------------------------------------------
=Layout
*/
* {margin:0;padding:0;}
html,body{
	height:100%; /*to centralize vertically*/
}
body {
	background: #fff;
	text-align:center;
}
#centerlize{/*to centralize the wrapper vertically*/
	width:1px;
	height:50%;
	background-color:#fff;
	margin-bottom:-29.5em; /* half of wrapper's height */
	float:left;
}
#wrapper{
	width:950px;
	height: 59em;
	margin:0 auto;
	text-align:left;
	position:relative;/* puts container in front of wrapper*/
	clear:left;
	border: 1px solid #8da83c;
	/*background: transparent url(../img/couple_small.gif) no-repeat 24px 365px;*/
}
#content-wrapper{
	float:left; /*to fix collapsed wrapper due to floating*/
}
#header{
	width:950px;
	height: 63px;
	background-color:#fff;
}
#content{
	width: 900px;
	height: 494px;
	float: left;
	position:relative;
	overflow:hidden;
}
#sidebar{
	width: 300px;
	height:480px;
	float: left;
	/*background: #FFF url(../img/pinkytxt.gif) no-repeat;*/
}

#sidebar P {
	font: #000;
	text-decoration: none;
	/*background: #FFF url(../img/pinkytxt.gif) no-repeat;*/
}

#sidebar a{
	color: #9eb42d;
	font-weight: bold;
	text-decoration: none;
	/*background: #FFF url(../img/pinkytxt.gif) no-repeat;*/
}

#sidebar a:hover{
	color: #9eb42d;
	font-weight: bold;
	text-decoration: underline;
	/*background: #FFF url(../img/pinkytxt.gif) no-repeat;*/
}

#footer {
	clear:both;

	bottom:0;
	right:0;
	background-color:#fff;
	text-align:center;
	color:#000;
}

#footer a{ color:#d2a116; font-weight: bold; text-decoration:none; }

#footer a:hover{ color:#d2a116; font-weight: bold; text-decoration: underline;
}


h1#branding{
	width:325px;
	height:73px;
	float:right;
	text-indent:-9999px;
	background: transparent url(../img/badoquelogo.png) no-repeat top left;
}


/* -----------------------------------------------------------------
=Navigation Bar
*/
ul#nav{
	margin:0;
	position: relative;
	width:625px;
	height: 21px;
	float:left;
	top: 52px;
	list-style-type:none;
	overflow: hidden;
}

ul#nav li a {
	position: absolute;
	top:0;
	text-indent: -9999px;
	text-decoration:none;
	padding:21px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:21px; /* IE5/Win fix*/
	background: transparent url(../img/navbar.gif) no-repeat;
}

/* ---=fix IE flicking when hover, put hover state at all ul background --*/
body#homepage ul#nav { background: transparent url(../img/navbar.gif) no-repeat 0 0;}
body#about ul#nav { background: transparent url(../img/navbar.gif) no-repeat 0 -21px;}
body#menu ul#nav { background: transparent url(../img/navbar.gif) no-repeat 0 -42px;}
body#gallery ul#nav { background: transparent url(../img/navbar.gif) no-repeat 0 -63px;}
body#reserve ul#nav { background: transparent url(../img/navbar.gif) no-repeat 0 -84px;}
body#location ul#nav { background: transparent url(../img/navbar.gif) no-repeat 0 -105px;}
body#contact ul#nav { background: transparent url(../img/navbar.gif) no-repeat 0 -126px;}
body#error ul#nav { background: transparent url(../img/navbar.gif) no-repeat 0 0;}
body#promotions ul#nav { background: transparent url(../img/navbar.gif) no-repeat 0 0;}

/* ------------=home page --------------------------------*/
body#homepage li#nav-home a 			{ background-position: 0 0; width:120px; left:0;}
body#homepage li#nav-home a:hover		{ background-position: 0 0;}
body#homepage li#nav-about a			{ background-position: -120px -147px; width:80px; left: 120px;}
body#homepage li#nav-about a:hover		{ background-position: -120px 0;}
body#homepage li#nav-menu a				{ background-position: -200px -147px; width:70px; left: 200px;}
body#homepage li#nav-menu a:hover		{ background-position: -200px 0;}
body#homepage li#nav-gallery a			{ background-position: -270px -147px; width:67px; left: 270px;}
body#homepage li#nav-gallery a:hover	{ background-position: -270px 0;}
body#homepage li#nav-reserve a			{ background-position: -337px -147px; width:101px; left: 337px;}
body#homepage li#nav-reserve a:hover	{ background-position: -337px 0;}
body#homepage li#nav-location a			{ background-position: -438px -147px; width:82px; left: 438px;}
body#homepage li#nav-location a:hover	{ background-position: -438px 0;}
body#homepage li#nav-contact a			{ background-position: -520px -147px; width:105px; left: 520px;}
body#homepage li#nav-contact a:hover	{ background-position: -520px 0;}

/* ------------=about us ----------------------------------*/
body#about li#nav-home a 				{ background-position: 0 -147px; width:120px; left:0;}
body#about li#nav-home a:hover			{ background-position: 0 -21px;}
body#about li#nav-about a				{ background-position: -120px -21px; width:80px; left: 120px;}
body#about li#nav-about a:hover			{ background-position: -120px -21px;}
body#about li#nav-menu a				{ background-position: -200px -147px; width:70px; left: 200px;}
body#about li#nav-menu a:hover			{ background-position: -200px -21px;}
body#about li#nav-gallery a				{ background-position: -270px -147px; width:67px; left: 270px;}
body#about li#nav-gallery a:hover		{ background-position: -270px -21px;}
body#about li#nav-reserve a				{ background-position: -337px -147px; width:101px; left: 337px;}
body#about li#nav-reserve a:hover		{ background-position: -337px -21px;}
body#about li#nav-location a			{ background-position: -438px -147px; width:82px; left: 438px;}
body#about li#nav-location a:hover		{ background-position: -438px -21px;}
body#about li#nav-contact a				{ background-position: -520px -147px; width:105px; left: 520px;}
body#about li#nav-contact a:hover		{ background-position: -520px -21px;}

/* ---------------=menu ----------------------------------*/
body#menu li#nav-home a 				{ background-position: 0 -147px; width:120px; left:0;}
body#menu li#nav-home a:hover			{ background-position: 0 -42px;}
body#menu li#nav-about a				{ background-position: -120px -147px; width:80px; left: 120px;}
body#menu li#nav-about a:hover			{ background-position: -120px -42px;}
body#menu li#nav-menu a					{ background-position: -200px -42px; width:70px; left: 200px;}
body#menu li#nav-menu a:hover			{ background-position: -200px -42px;}
body#menu li#nav-gallery a				{ background-position: -270px -147px; width:67px; left: 270px;}
body#menu li#nav-gallery a:hover		{ background-position: -270px -42px;}
body#menu li#nav-reserve a				{ background-position: -337px -147px; width:101px; left: 337px;}
body#menu li#nav-reserve a:hover		{ background-position: -337px -42px;}
body#menu li#nav-location a				{ background-position: -438px -147px; width:82px; left: 438px;}
body#menu li#nav-location a:hover		{ background-position: -438px -42px;}
body#menu li#nav-contact a				{ background-position: -520px -147px; width:105px; left: 520px;}
body#menu li#nav-contact a:hover		{ background-position: -520px -42px;}

/* ---------------=gallery ----------------------------------*/
body#gallery li#nav-home a 				{ background-position: 0 -147px; width:120px; left:0;}
body#gallery li#nav-home a:hover		{ background-position: 0 -63px;}
body#gallery li#nav-about a				{ background-position: -120px -147px; width:80px; left: 120px;}
body#gallery li#nav-about a:hover		{ background-position: -120px -63px;}
body#gallery li#nav-menu a				{ background-position: -200px -147px; width:70px; left: 200px;}
body#gallery li#nav-menu a:hover		{ background-position: -200px -63px;}
body#gallery li#nav-gallery a			{ background-position: -270px -63px; width:67px; left: 270px;}
body#gallery li#nav-gallery a:hover		{ background-position: -270px -63px;}
body#gallery li#nav-reserve a			{ background-position: -337px -147px; width:101px; left: 337px;}
body#gallery li#nav-reserve a:hover		{ background-position: -337px -63px;}
body#gallery li#nav-location a			{ background-position: -438px -147px; width:82px; left: 438px;}
body#gallery li#nav-location a:hover	{ background-position: -438px -63px;}
body#gallery li#nav-contact a			{ background-position: -520px -147px; width:105px; left: 520px;}
body#gallery li#nav-contact a:hover		{ background-position: -520px -63px;}

/* ---------------=reserve ----------------------------------*/
body#reserve li#nav-home a 				{ background-position: 0 -147px; width:120px; left:0;}
body#reserve li#nav-home a:hover		{ background-position: 0 -84px;}
body#reserve li#nav-about a				{ background-position: -120px -147px; width:80px; left: 120px;}
body#reserve li#nav-about a:hover		{ background-position: -120px -84px;}
body#reserve li#nav-menu a				{ background-position: -200px -147px; width:70px; left: 200px;}
body#reserve li#nav-menu a:hover		{ background-position: -200px -84px;}
body#reserve li#nav-gallery a			{ background-position: -270px -147px; width:67px; left: 270px;}
body#reserve li#nav-gallery a:hover		{ background-position: -270px -84px;}
body#reserve li#nav-reserve a			{ background-position: -337px -84px; width:101px; left: 337px;}
body#reserve li#nav-reserve a:hover		{ background-position: -337px -84px;}
body#reserve li#nav-location a			{ background-position: -438px -147px; width:82px; left: 438px;}
body#reserve li#nav-location a:hover	{ background-position: -438px -84px;}
body#reserve li#nav-contact a			{ background-position: -520px -147px; width:105px; left: 520px;}
body#reserve li#nav-contact a:hover		{ background-position: -520px -84px;}

/* ---------------=location ----------------------------------*/
body#location li#nav-home a 			{ background-position: 0 -147px; width:120px; left:0;}
body#location li#nav-home a:hover		{ background-position: 0 -105px;}
body#location li#nav-about a			{ background-position: -120px -147px; width:80px; left: 120px;}
body#location li#nav-about a:hover		{ background-position: -120px -105px;}
body#location li#nav-menu a				{ background-position: -200px -147px; width:70px; left: 200px;}
body#location li#nav-menu a:hover		{ background-position: -200px -105px;}
body#location li#nav-gallery a			{ background-position: -270px -147px; width:67px; left: 270px;}
body#location li#nav-gallery a:hover	{ background-position: -270px -105px;}
body#location li#nav-reserve a			{ background-position: -337px -147px; width:101px; left: 337px;}
body#location li#nav-reserve a:hover	{ background-position: -337px -105px;}
body#location li#nav-location a			{ background-position: -438px -105px; width:82px; left: 438px;}
body#location li#nav-location a:hover	{ background-position: -438px -105px;}
body#location li#nav-contact a			{ background-position: -520px -147px; width:105px; left: 520px;}
body#location li#nav-contact a:hover	{ background-position: -520px -105px;}

/* ---------------=contact ----------------------------------*/
body#contact li#nav-home a 				{ background-position: 0 -147px; width:120px; left:0;}
body#contact li#nav-home a:hover		{ background-position: 0 -126px;}
body#contact li#nav-about a				{ background-position: -120px -147px; width:80px; left: 120px;}
body#contact li#nav-about a:hover		{ background-position: -120px -126px;}
body#contact li#nav-menu a				{ background-position: -200px -147px; width:70px; left: 200px;}
body#contact li#nav-menu a:hover		{ background-position: -200px -126px;}
body#contact li#nav-gallery a			{ background-position: -270px -147px; width:67px; left: 270px;}
body#contact li#nav-gallery a:hover		{ background-position: -270px -126px;}
body#contact li#nav-reserve a			{ background-position: -337px -147px; width:101px; left: 337px;}
body#contact li#nav-reserve a:hover		{ background-position: -337px -126px;}
body#contact li#nav-location a			{ background-position: -438px -147px; width:82px; left: 438px;}
body#contact li#nav-location a:hover	{ background-position: -438px -126px;}
body#contact li#nav-contact a			{ background-position: -520px -126px; width:105px; left: 520px;}
body#contact li#nav-contact a:hover		{ background-position: -520px -126px;}

/*-----------------=error-------------------------------------*/
body#error li#nav-home a 				{ background-position: 0 -147px; width:120px; left:0;}
body#error li#nav-home a:hover			{ background-position: 0 -21px;}
body#error li#nav-about a			{ background-position: -120px -147px; width:80px; left: 120px;}
body#error li#nav-about a:hover		{ background-position: -120px 0;}
body#error li#nav-menu a				{ background-position: -200px -147px; width:70px; left: 200px;}
body#error li#nav-menu a:hover		{ background-position: -200px 0;}
body#error li#nav-gallery a			{ background-position: -270px -147px; width:67px; left: 270px;}
body#error li#nav-gallery a:hover	{ background-position: -270px 0;}
body#error li#nav-reserve a			{ background-position: -337px -147px; width:101px; left: 337px;}
body#error li#nav-reserve a:hover	{ background-position: -337px 0;}
body#error li#nav-location a			{ background-position: -438px -147px; width:82px; left: 438px;}
body#error li#nav-location a:hover	{ background-position: -438px 0;}
body#error li#nav-contact a			{ background-position: -520px -147px; width:105px; left: 520px;}
body#error li#nav-contact a:hover	{ background-position: -520px 0;}

/* ------------=promotions --------------------------------*/
body#promotions li#nav-home a 			{ background-position: 0 0; width:120px; left:0;}
body#promotions li#nav-home a:hover		{ background-position: 0 0;}
body#promotions li#nav-about a			{ background-position: -120px -147px; width:80px; left: 120px;}
body#promotions li#nav-about a:hover		{ background-position: -120px 0;}
body#promotions li#nav-menu a				{ background-position: -200px -147px; width:70px; left: 200px;}
body#promotions li#nav-menu a:hover		{ background-position: -200px 0;}
body#promotions li#nav-gallery a			{ background-position: -270px -147px; width:67px; left: 270px;}
body#promotions li#nav-gallery a:hover	{ background-position: -270px 0;}
body#promotions li#nav-reserve a			{ background-position: -337px -147px; width:101px; left: 337px;}
body#promotions li#nav-reserve a:hover	{ background-position: -337px 0;}
body#promotions li#nav-location a			{ background-position: -438px -147px; width:82px; left: 438px;}
body#promotions li#nav-location a:hover	{ background-position: -438px 0;}
body#promotions li#nav-contact a			{ background-position: -520px -147px; width:105px; left: 520px;}
body#promotions li#nav-contact a:hover	{ background-position: -520px 0;}

/* -----------------------------------------------------------------
=Content Area
*/
/*-------------=general - apply to all pages -----*/
.pinky{
	color:#ec008c;
}
.pinkyBold{
	color:#ec008c;
	font-weight:bold;
	font-style:normal;
}
.bold{
	font-weight:bold;
	font-style:normal;
}
.bolditalic{
	font-weight:bold;
	font-style:italic;
}
.italic{
	font-style:italic;
}


.chocolateBold{
	color:#660000;
	font-weight:bold;
	font-style:normal;
}

/*--------------=homepage---------------*/
body#homepage #mainContent{
	width: 900px;
	height: 460px;
	position:absolute;
	left: 20px;
	top: 20px;
}
/*
body#homepage #content{
	background:transparent url(../img/flower.gif) no-repeat 510px 300px;
}
*/
body#homepage #teaser{
	width:320px;
	height: 240px;
	margin:0 0 10px 0;
	background-color:#fff;
}
body#homepage #flashcontent, body#gallery #flashcontent,body#menu #flashcontent{
	width:320px;
	height: 240px;
	margin:0 0 10px 0;
	background-color:#fff;
}
body#homepage #flashcontent p, body#gallery #flashcontent p, body#menu #flashcontent p, body#error #flashcontent p, body#promotions #flashcontent p{
	margin:10px 2px 10px 26px;
	padding: 12px;
	border:1px dotted #666;
}

body#homepage #flashcontent {
   margin:0px 0px 0px 26px;
}


#welcomeDiv {
	margin-left:25px;
	background:#fff;
}
body#homepage h2{ 
	font-weight:normal;
	font-size: 1.7em;
	color:#A8FF5E;
	margin: 0 0 8px 0;
}
body#homepage h3{ 
	font-weight:normal;
	font-size: 1.3em;
	width:300px;
	margin: 0 0 2px 0;
	color:#660000;
	/*color:#4b3905;*/
}
.welcome{ 
	width:320px;
	margin:8px 0 0 0 ;
	font-weight:normal;
	font-size: 1.3em;	
	border-top:1px dashed #999;
	padding: 14px 0;
}

body#homepage  #pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: #000;
font-size: 1.0em;
color: #FFF;
overflow: hidden;
}

body#promotions  #pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: #000;
font-size: 1.0em;
color: #FFF;
overflow: hidden;
}

body#error  #pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: #000;
font-size: 1.0em;
color: #FFF;
overflow: hidden;
}
body #news1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: black;
	margin:4px 4px 0 4px;

}

body #news1 A{
color:#9eb42d; font-weight: bold; text-decoration:none; border-bottom:1px dotted #9eb42d;
}

body #news1 A:hover{
color:#9eb42d; font-weight: bold; text-decoration: underline;
}


}
/*--------------=about us----------------*/
body#about #content{
	background:transparent url(../img/logo-companies.gif) no-repeat 88px 440px;
}
body#about #mainContent {
	width: 900px;
	height: 450px;
	position:absolute;
	left: 25px;
	top: 10px;
	padding-right:6px;
	overflow:hidden;
	color:white;
}
body#about  #pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: #000;
font-size: 1.0em;
color: #FFF;
overflow: hidden;
}

body#about #mainContent P {
	color:white;
}

body#about #mainContent BR {
	color:white;
	font-size:2em;
}

body#about h2{
	font-size: 1.8em;
	color:#ec008c;
	margin: 0 0 8px 0;
}
body#about h3{
	width: 570px;
	font-weight: bold;
	font-size: 1.4em;
	color:#4b3905;
	margin: 18px 0;
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
	padding: 16px 0;
}
ul#listAbout{
	margin:0;
	list-style-type:none;
	font-size:1em;
}

body#about .indent{
	margin: 0 5px 0 15px;
}
body#about .indent-10 {
	margin: 0px 5px 0 10px;
}

/*--------------=menu----------------*/

body#menu #mainContent{
	width: 900px;
	height: 500px;
	position:relative;
	left: 15px;
	top: 5px;
	border:0px solid #ccc;
	overflow:hidden;
}

body#menu #pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: #000;
font-size: 1.0em;
color: #FFF;
overflow: hidden;
}

body#menu #mainContent p{
color:white;
}

body#menu h2, body#gallery h2, body#reserve h2, body#location h2, body#contact h2{
    text-indent:-9999px;
	font-size: 1.8em;
	color:#ec008c;
	margin: 0 0 8px 0;
}
/*--------------=gallery----------------*/
/*
body#gallery #mainContent{
	width: 612px;
	height: 460px;
	position:absolute;
	left: 155px;
	top: 20px;
}
*/
body#gallery #mainContent{
	width: 612px;
	height: 600px;
	position:absolute;
	left: 15px;
	top: 29px;
}

body#gallery  #pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: #000;
font-size: 1.0em;
color: #FFF;
overflow: hidden;
}

body#gallery #mainContent p{
color:white;
}

/*--------------=reserve----------------*/
body#reserve #mainContent{
	width: 612px;
	height: 460px;
	position:absolute;
	left: 155px;
	top: 20px;
	padding-right:6px;
	overflow:auto;
}

body#reserve  #pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: #000;
font-size: 1.0em;
color: #FFF;
overflow: hidden;
}

body#reserve #mainContent p{
color:white;
}
body#reserve em{
	font-style:normal;
	font-weight:bold;
}
body#reserve #reservationForm{
	margin: 0 0 0 50px;
	width: 75%;
	padding-left:15px;
	border-left:1px dotted #666;
}
/*--------------=location----------------*/
body#location #mainContent{
	width: 600px;
	height: 460px;
	position:absolute;
	left: 65px;
	top: 10px;
	padding-right:6px;
}

body#location  #pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: #000;
font-size: 1.0em;
color: #FFF;
overflow: hidden;
}

body#location #mainContent p{
color:white;
}
.locationAdd{
	margin-left:50px;
	margin-bottom:32px;
	padding-left:15px;
	border-left:1px dotted #666;
}
body#location #map{
	width: 300px;
	height: 430px;
	position:absolute;
	left:310px;
	top:35px;
	border:1px solid #000;
}
/*--------------=contact----------------*/
body#contact #mainContent{
	width: 600px;
	height: 460px;
	position:absolute;
	left: 15px;
	top: 80px;
	padding-right:6px;
	overflow:hidden;
	color:white;
}

body#contact  #pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: #000;
font-size: 1.0em;
color: #FFF;
overflow: hidden;
}

body#contact #mainContent P {
	color:white;

}

body#contact #mainContent BR {
	color:white;
	

body#contact #contactForm{
	margin: 0 0 0 50px;
	width: 75%;
	padding-left:15px;
	border-left:1px dotted #666;
}

.link a:link, .link a:visited {
	color:#ec008c; 
	text-decoration:none;
	border-bottom:1px dotted #ec008c;
	}
.link a:hover, .link a:active {
	border-bottom:0;
	}

a {
outline:none;
}
/*------------------=404-----------------*/
body#error #mainContent{
	width: 612px;
	height: 600px;
	position:absolute;
	left: 15px;
	top: 20px;
}



/*------------------=PROMOTIONS ----------------*/

body#promotions #mainContent {
	width: 612px;
	height: 600px;
	position:absolute;
	left: 25px;
	top: 30px;
	padding-right:6px;
	overflow:hidden;
	color:white;
}



/*-- fix ie6 image flicker-*/
* html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}