/* ...Welcome to the main CSS formating file for www.aubergesudbury.com....if you have made it this far
you are a real smarty pants. I was scared of CSS, now, I love it....talk about keeping things
organized, and being precise. It reminds me of the first time I drank pop...My name is
Christopher Dardick and I specialize in no bullshit communications in a variety of media...
you may contact me at info@essentialmultimedia.ca or check out my weird website at 
www.essentialmultimedia.ca. I hope you have lots of fun, and have a long healthy life!!
Cheers!  */

/* Basic Page Formating Starts here........................................ */


html { 
  min-width: 760px;
  margin:0;
  padding:0; 
}



div > p {
  margin-top: 0;
  margin-right:0;
}


body {
  margin:0;
  padding:0; 
  text-align: center;
  background-color: #0D202F;
  
}



/* Basic Page Formating Ends here...................................................... */

/* Header Starts here...................................................................*/

/* Main Navigation Starts here...................................*/



#navigation {
  position:relative;
  left: 12px;
  top: 61px;
  font: 10px/125% Arial, Helvetica, sans-serif;
  background-color: transparent;
  height: 19px;
  width: 736px;
  z-index: 4;
  color: #FFFFCC;
  text-align: center;
  border-top: 1px solid #ffffff;  
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border-top: 3px solid #081622;
	border-bottom: 2px solid #081622;
	
}

#navigation li {
	display: inline;
}

#navigation a:link { 
	padding: 2px 27px 2px 27px; 
	background-color: transparent;
	color: #FFFFCC;	
	text-decoration: none;
}

#navigation a:visited { 
	padding: 2px 27px 2px 27px; 
	color: #FFFFCC;
	background-color: transparent;
	text-decoration: none;
}



#navigation a:hover {
    color: #ffffff;
	background-color: #1D3446;
}


/* Main Navigation Ends here...................................*/


/* Header ends here.................................................................................*/





/* Index Page Content begins here..........................................*/


#wrapperindex {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  width: 760px;
  height: 475px;
  background-color:  #081622;
  border-bottom: 1px solid #081622;
}


#splashcenter {
  position:absolute;
  left: 0px;
  top: 0px;  
  width: 760px;
  height:475px; 
  background-color: transparent;
  z-index: 1;
}

#indeximage {
  position:absolute;
  left: 0px;
  top: 0px;  
  width: 760px;
  height:475px;
  background-color: transparent;
  z-index: 2;
}

#counter {
  position:absolute;
  left: 294px;
  top: 510px;  
  width: 175px;
  height: 60px;
  padding: 10px 0px 0px 0px;
  font: 9px/175% Arial, Helvetica, sans-serif;
  text-align:center;
  background-color: #081622;
  z-index: 3;
}

.counter_image {
  padding: 10px 0px 0px 0px;
  z-index: 3;
}

.indexbold {
  color: #FFFFCC;
  font: 12px/165% Arial, Helvetica, sans-serif; 
  background-color: transparent;
}

.indexboldwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: transparent;
}


.navindex a:link, a:active {
  background: none;
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
}
.navindex a:visited {
  background:none;
  color: #ffffff;
  text-decoration:none;
  background-color: transparent;
}
.navindex a:hover {
  color: #ffffff;
  background-color: #999999;
  text-decoration:none;
}

#splashcenter_sign {
  position:absolute;  
  padding: 15px 20px 10px 20px;
  top: 300px;
  left: 27px;  
  width: 666px;
  height: 50px;
  background-image:url() ; 
  background-color: #0D202F;
  z-index: 3;
  font: 12px/175% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  text-align: center;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  
}

#splashcentercopyrt {
  position: relative;  
  margin-right:auto; 
  margin-left:auto;
  padding: 0px 0px 0px 0px;
  top: 45px;  
  width: 400px;
  height: 15px;
  font: 9px/175% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  text-align: center;
  background-color: transparent;
}

.copyrtwhite {
	color: #FFFFFF;
	line-height: 130%;
	background-color: transparent;
}

.copyrtwhite_gold {
	color: #FFFFCC;
	line-height: 125%;
	background-color: transparent;
}


.navcopyrt a:link, a:active {
  background: none;
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
}
.navcopyrt a:visited {
  background:none;
  color: #ffffff;
  text-decoration:none;
  background-color: transparent;
}
.navcopyrt a:hover {
  color: #ffffff;
  background-color: #999999;
  text-decoration:none;
}


#s_cssxhtmlnav {
	position:absolute;   
    bottom: 21px;
	left: 339px;
	width: 170px;
    height: 19px;
	text-align: left;
	color: #0D202F;
	font: 11px/125% Arial, Helvetica, sans-serif;
	z-index: 5;
	background-color: transparent;
}
.s_cssxhtmlnav a:link, a:active {
  background: none;
  color: #0D202F;
  text-decoration: none;
  background-color: transparent;
}
.s_cssxhtmlnav a:visited {
  background:none;
  color: #0D202F;
  text-decoration:none;
  background-color: transparent;
}
.s_cssxhtmlnav a:hover {
  color: #FFFFCC;
  padding: 0px 0px 1px 0px;
  text-decoration:none;
  background-color: transparent;
}


/* Index Page Content ends here..........................................*/




/* Auberge Home Page Content begins here..........................................*/


#wrapper_home {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  width: 760px;
  height: 1651px;
  background-image:url(images/titlelogo_auberge_skinny_mo.jpg) ; 
  background-repeat:no-repeat; 
  background-color:  #081622;
  border-bottom: 1px solid #081622;
 
}

#center_home {
  position:relative;
  left: 12px;
  padding: 10px 10px 20px 10px;
  top: 62px;  
  width: 716px;
  height: 1529px;
  background-color: #0D202F;
  z-index: 3;
  font: 11px/160% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  text-align: left;
  border-top: 1px solid #ffffff;
  background-image:url(images/rooster1c.jpg) ; 
  background-repeat: no-repeat; 
  background-position: bottom right;
  
  
}

#centhomecontent_1 {
  position: static;
  padding: 15px 20px 20px 25px;
  top: 0px;  
  background-color: transparent;
  z-index: 1; 
  text-align: left;
    
}

#centhomecontent_2 {
  position: static;
  padding: 0px 0px 20px 25px;
  top: 0px;  
  background-color: transparent;
  z-index: 1;
  text-align: left;
    
}


.aubhomeimg1 {
  float: left;
  margin-right: 25px; 
  margin-left: -10px;
  margin-top: -5px;
  z-index: 1;
}
.aubhomeimg2 {
  float: right;
  margin-left: 10px; 
  margin-right: -10px;
  margin-top: 10px;
  margin-bottom: 45px;
  z-index: 1;
}

.aubhomeimg3 {
  float: left;
  margin-right: 50px; 
  margin-left: -20px;
  margin-top: -5px;
  z-index: 1;
}

#aubhomeimg4 {
  position: absolute;  
  top: 458px;
  left: 10px; 
  width: 400px;
  height: 300px;
  background-image:url(images/fullbuilding.gif) ; 
  background-repeat: no-repeat;
  z-index: 3;
}

.aubhomeimg5 {
  float: left;
  margin-right: 0px; 
  margin-left: 11px;
  margin-top: 20px;
  margin-bottom: 25px;
  z-index: 1;
}



/*  Main Text Formatting begins here..........................................*/

h1 {
  font: 14px/120% Arial, Helvetica, sans-serif;
  color: #ffffff;
  margin-bottom: 22px;
  margin-top: 18px;
  
      	
}

.ul_square {
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFCC;
	line-height: 140%;
	background-color: transparent;
	 
}

.ul_square li {
	padding-bottom: 2px;
}



.maincontentbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFCC;
	line-height: 140%;
	background-color: transparent;
}

.maincontentbodyexpanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFCC;
	line-height: 160%;
	background-color: transparent;
}


.maincontenthighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 140%;
	background-color: transparent;
}

.maincontenthighlight_bottpad {
	font: 13px/180% Arial, Helvetica, sans-serif;
  	color: #ffffff;
	background-color: transparent;
}

.cateringhighlight_bottpad {
	font: 14px/180% Arial, Helvetica, sans-serif;
  	color: #ffffff;
	background-color: transparent;
}

/*  Main Text Formatting ends here..........................................*/



#centerspacer {
  height: 1px;
  width: 716px;
  left: 0;
  position: relative;
  bottom: 0;
  margin:0;
  padding:0;
  background-color: transparent;
}

.bodylink a:link, a:active {
  background: none;
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
}
.bodylink a:visited {
  background:none;
  color: #ffffff;
  text-decoration:none;
  background-color: transparent;
}
.bodylink a:hover {
  color: #ffffff;
  background-color: #999999;
  text-decoration:none;
  
}


/*Auberge Home Page Content ends here..............................................................*/



/*Auberge Suites Page Content begins here..................................................*/

#wrapper_suites {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  width: 760px;
  height: 2001px;
  background-image:url(images/titlelogo_auberge_skinny_mo.jpg) ; 
  background-repeat:no-repeat; 
  background-color:  #081622;
  border-bottom: 1px solid #081622;
   
}

#center_suites {
  position:relative;
  left: 12px;
  padding: 0px 10px 20px 10px;
  top: 62px;  
  width: 716px;
  height: 1889px;
  background-color: #0D202F;
  z-index: 3;
  font: 11px/160% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  text-align: left;
  border-top: 1px solid #ffffff;
  background-image:url(images/rooster1c.jpg) ; 
  background-repeat: no-repeat; 
  background-position: bottom right;
  
  
}

#centsuitescontent_1 {
  position: relative;
  left: 0px;
  padding: 27px 10px 20px 15px;
  top: 0px;  
  background-color: transparent;
  z-index: 3; 
  text-align: left;
    
}

#centsuitescontent_2 {
  position: static;
  padding: 5px 10px 20px 16px;
  background-color: transparent;
  z-index: 2; 
  text-align: left;
  margin-top: 0px;
    
}

#centsuitescontent_3 {
  position: relative;
  left: 0px;
  padding: 27px 10px 20px 15px;
  top: 0px;  
  background-color: transparent;
  z-index: 3; 
  text-align: left;
    
}


.suitesimg1 {
  float: left;
  margin-right: 25px; 
  margin-left: 12px;
  margin-top: 5px;
  margin-bottom: 40px;
  z-index: 1;
  
}
#suitesimg2 {
  position: absolute;  
  top: 34px;
  right: 34px; 
  width: 190px;
  height: 120px;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  line-height: 200%;
  padding-top: 32px;
  padding-left: 1px;
  background-image:url(images/hours.jpg) ; 
  background-repeat: no-repeat;
  z-index: 3;
}

#suitesimg3 {
  position: absolute;  
  top: 165px;
  right: 18px; 
  width: 234px;
  height: 325px;
  background-image:url(images/gate.gif) ; 
  background-repeat: no-repeat;
  z-index: 3;
}


#suitesimg4 {
  position: absolute;  
  top: 362px;
  left: 38px; 
  width: 168px;
  height: 103px;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  font-size: 11px;
  line-height: 225%;
  padding-top: 16px;
  padding-left: 1px;
  background-image:url(images/deli_delivery.jpg); 
  background-repeat: no-repeat;
  z-index: 5;
}

#suitesimg5 {
  position: absolute;  
  top: 510px;
  right: 33px; 
  width: 667px;
  height: 345px;
  background-image:url(images/suites_menu.jpg) ; 
  background-repeat: no-repeat;
  z-index: 5;
}

#bordelaistitle {
  position: absolute;  
  top: -12px;
  left: 239px; 
  width: 187px;
  height: 39px;
  background-image:url(images/bordelais_title.jpg) ; 
  background-repeat: no-repeat;  
} 

#bordelais_content {
  position: absolute;  
  top: 37px;
  left: 53px; 
  width: 600px;
  height: 103px;
  text-align: left;
  color: #FFFFCC;
  background-color: transparent;
  font-size: 11px;
  line-height: 155%;
  padding-top: 10px;
  z-index: 3;
} 

.bordelaisimg1 {
  float: left;
  margin-right: 27px; 
  margin-left: 12px;
  margin-bottom: 0px;
  margin-top: -3px;
  z-index: 1;
  
}

#bordelais_gallery {
  position: absolute;  
  top: 183px;
  left: 39px; 
  width: 600px;
  color: #FFFFCC;
  background-color: transparent;
  font-size: 11px;
  line-height: 155%;
  z-index: 5;
  
}


.centerprompt {  
  color: #FFFFFF;
  background-color: transparent;
  font-size: 10px; 
  float: right;
  padding-right: 12px;
} 


#suitesimg6 {
  position: absolute;  
  top: 910px;
  right: 33px; 
  width: 667px;
  height: 345px;
  background-image:url(images/suites_menu.jpg) ; 
  background-repeat: no-repeat;
  z-index: 5;
}

#campagnetitle {
  position: absolute;  
  top: -12px;
  left: 239px; 
  width: 187px;
  height: 39px;
  background-image:url(images/campagne_title.jpg) ; 
  background-repeat: no-repeat;  
} 

#campagne_content {
  position: absolute;  
  top: 37px;
  left: 53px; 
  width: 600px;
  height: 103px;
  text-align: left;
  color: #FFFFCC;
  background-color: transparent;
  font-size: 11px;
  line-height: 155%;
  padding-top: 10px;
  z-index: 3;
} 

.campagneimg1 {
  float: left;
  margin-right: 27px; 
  margin-left: 12px;
  margin-bottom: 0px;
  margin-top: -3px;
  z-index: 1;
  
}

#campagne_gallery {
  position: absolute;  
  top: 183px;
  left: 39px; 
  width: 600px;
  color: #FFFFCC;
  background-color: transparent;
  font-size: 11px;
  line-height: 155%;
  z-index: 5;
  
} 

#suites_signoff {
  position: absolute;  
  top: 1302px;
  left: 128px; 
  width: 600px;
  height: 103px;
  text-align: left;
  color: #FFFFCC;
  background-color: transparent;
  font-size: 12px;
  line-height: 140%;
  padding-top: 15px;
  z-index: 3;
} 

.signoff_image {
  float: left;
  margin-right: 25px; 
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: -10px;
  z-index: 5;
  
}

#suiteslist1 {
  position: absolute;
  top: 354px;
  left: 234px;  
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px;
  z-index: 5;
}



/********************* PHOTO POP-UP STARTS *********************/

.photo {
	height: 106px;
	width: 140px;
	padding: 0px 5px 10px 0px;	
	float: left;
	margin-left:0; margin-right:5px; margin-top:0; margin-bottom:0
}

.photo span {
	display: none;
}

.photo a:link,
.photo a:visited {
	display: block;
	background: no-repeat center #0F1923;
	height: 106px;
	width: 140px;
	position: absolute;
}

.photo a:hover,
.photo a:focus {
	border: 2px solid #081622;
	z-index: 99;
	margin-top: -25px;
	margin-left: -42px;
}

#p1 a {
	background-image: url(images/north_thumb.jpg);
}

#p1 a:hover {
	background-image: url(images/north_final.jpg);
	height: 165px;
	width: 220px;
}

#p2 a {
	background-image: url(images/west2_thumb.jpg);
}

#p2 a:hover {
	background-image: url(images/west2_final.jpg);
	height: 165px;
	width: 220px;
}

#p3 a {
	background-image: url(images/southbed_thumb2.jpg);
}

#p3 a:hover {
	background-image: url(images/southbed_final2.jpg);
	height: 165px;
	width: 220px;
}

#p4 a {
	background-image: url(images/east_thumb.jpg);
}

#p4 a:hover {
	background-image: url(images/east_final.jpg);
	height: 165px;
	width: 220px;
}

#p5 a {
	background-image: url(images/sitting_northwestbthumb.jpg);
}

#p5 a:hover {
	background-image: url(images/sitting_northwestb.jpg);
	height: 165px;
	width: 220px;
}


#p6 a {
	background-image: url(images/eastthumb.jpg);
}

#p6 a:hover {
	background-image: url(images/east.jpg);
	height: 165px;
	width: 220px;
}


#p7 a {
	background-image: url(images/bedthumb.jpg);
}

#p7 a:hover {
	background-image: url(images/bed.jpg);
	height: 165px;
	width: 220px;
}

#p8 a {
	background-image: url(images/bathdetailthumb.jpg);
}

#p8 a:hover {
	background-image: url(images/bathdetail.jpg);
	height: 165px;
	width: 220px;
}




/********************* PHOTO POP-UP ENDS *********************/

/*Auberge Suites Page Content ends here.....................................................*/


/*Auberge Extras Page Content begins here..................................................*/

#wrapper_extras {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  width: 760px;
  height: 1501px;
  background-image:url(images/titlelogo_auberge_skinny_mo.jpg) ; 
  background-repeat:no-repeat; 
  background-color:  #081622;
  border-bottom: 1px solid #081622;
   
}

#center_extras {
  position:relative;
  left: 12px;
  padding: 0px 10px 20px 10px;
  top: 62px;  
  width: 716px;
  height: 1389px;
  background-color: #0D202F;
  z-index: 3;
  font: 11px/160% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  text-align: left;
  border-top: 1px solid #ffffff;
  background-image:url(images/rooster1c.jpg) ; 
  background-repeat: no-repeat; 
  background-position: bottom right;
  
  
}

#centextrascontent_1 {
  position: relative;
  left: 0px;
  padding: 27px 10px 20px 15px;
  top: 0px;  
  background-color: transparent;
  z-index: 3; 
  text-align: left;
    
}

#centextrascontent_2 {
  position: static;
  padding: 5px 10px 20px 16px;
  background-color: transparent;
  z-index: 2; 
  text-align: left;
  margin-top: 0px;
    
}

.extrasimg1 {
  float: left;
  margin-right: 25px; 
  margin-left: 12px;
  margin-top: 5px;
  margin-bottom: 120px;
  z-index: 1;
  
}
#extrasimg2 {
  position: absolute;  
  top: 34px;
  right: 34px; 
  width: 190px;
  height: 120px;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  line-height: 200%;
  padding-top: 36px;
  padding-left: 1px;
  background-image:url(images/hours.jpg) ; 
  background-repeat: no-repeat;
  z-index: 3;
}

#extrasimg3 {
  position: absolute;  
  top: 362px;
  left: 38px; 
  width: 168px;
  height: 103px;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  font-size: 11px;
  line-height: 225%;
  padding-top: 16px;
  padding-left: 1px;
  background-image:url(images/deli_delivery.jpg); 
  background-repeat: no-repeat;
  z-index: 5;
}

.extrasimg4 {
  float: right;
  margin-left: 12px; 
  margin-right: 13px;
  margin-top: -14px;
  margin-bottom: 0px;
  z-index: 4;
}

#extrasimg5 {
  position: absolute;  
  top: 480px;
  right: 32px; 
  width: 476px;
  height: 452px;
  color: #FFFFFF;
  background-color: transparent;
  padding-top: 0px;
  padding-left: 1px;
  background-image:url(images/extrasmenu.jpg) ; 
  background-repeat: no-repeat;
  z-index: 3;
}

#specpackagestitle {
  position: absolute;  
  top: 22px;
  left: 143px; 
  width: 187px;
  height: 39px;
  background-image:url(images/specialspakages_title.jpg) ; 
  background-repeat: no-repeat;  
}


.extrasimg7 {
  float: left;
  margin-right: 25px; 
  margin-left: 26px;
  margin-top: 8px;
  margin-bottom: 0px;
  z-index: 1;
  
}


#tablediv3 {
  position: absolute;  
  top: 80px;
  left: 30px; 
  width: 390px;
  
}


#extras_textcloser {
  position: absolute;  
  top: 1186px;
  right: 42px;
  width: 275px;
  height: 149px;
  z-index: 5;
}


.menu2_table {
	border: none;
	border-collapse: collapse;
	text-align: left;
	margin-left: 15px;
	margin-top: 4px;
	width: 100%;
		
}

.menu2_table caption {
	border: none;
	text-align: center;
	margin-top: 7px;
	padding-bottom: 5px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: transparent;
}

.menu2_table td {
	border: none;
	text-align: right;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 3px; 
	font-size: 11px;
	color: #FFFFCC;
	background-color: transparent;
	vertical-align: top;
	width: 20%;
}

.menu2_table th {
	border: none;
	text-align: left;
	padding-bottom: 15px;
	font-weight: normal;
	vertical-align: top;
	font-size: 11px;
	color: #FFFFCC;
	background-color: transparent;
	padding-right: 3px;
	padding-top: 2px;
	
}

p.maincontentbody_extras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFCC;
	background-color: transparent;
	line-height: 160%;
	margin-bottom: 20px;
}


/*Auberge Extras Page Content ends here.....................................................*/


/* Auberge Attractions Page Content begins here..................................................*/

#wrapper_attract {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  width: 760px;
  height: 1796px;
  background-image:url(images/titlelogo_auberge_skinny_mo.jpg) ; 
  background-repeat:no-repeat; 
  background-color:  #081622;
  border-bottom: 1px solid #081622;
   
}

#center_attract {
  position:relative;
  left: 12px;
  padding: 0px 10px 20px 10px;
  top: 62px;  
  width: 716px;
  height: 1684px;
  background-color: #0D202F;
  z-index: 3;
  font: 11px/160% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  text-align: left;
  border-top: 1px solid #ffffff;
  background-image:url(images/rooster1c.jpg) ; 
  background-repeat: no-repeat; 
  background-position: bottom right;
  
  
}

#centattractcontent_1 {
  position: relative;
  left: 0px;
  padding: 27px 6px 20px 19px;
  top: 0px;  
  background-color: transparent;
  z-index: 3; 
  text-align: left;
    
}

#centattractcontent_2 {
  position: static;
  padding: 10px 10px 20px 16px;
  background-color: transparent;
  z-index: 2; 
  text-align: left;
  margin-top: 0px;
    
}

#centattractcontent_3 {
  position: static;
  padding: 10px 10px 20px 16px;
  background-color: transparent;
  z-index: 2; 
  text-align: left;
  margin-top: 0px;
    
}


.attractimg1 {
  float: left;
  margin-right: 25px; 
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 20px;
  z-index: 1;
}
.attractimg2 {
  float: right;
  margin-left: 20px; 
  margin-right: 0px;
  margin-top: 2px;
  z-index: 1;
}

.attractimg3 {
  float: left;
  margin-right: 20px; 
  margin-left: -5px;
  margin-top: 0px;
  margin-bottom: 20px;
  z-index: 1;
}


/*Auberge Attractions Page Content ends here.....................................................*/


/*Auberge Directions Page Content begins here..................................................*/

#wrapper_directions {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  width: 760px;
  height: 1490px;
  background-image:url(images/titlelogo_auberge_skinny_mo.jpg) ; 
  background-repeat:no-repeat; 
  background-color:  #081622;
  border-bottom: 1px solid #081622;
   
}

#center_directions {
  position:relative;
  left: 12px;
  padding: 0px 10px 20px 10px;
  top: 62px;  
  width: 716px;
  height: 1378px;
  background-color: #0D202F;
  z-index: 3;
  font: 11px/160% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  text-align: left;
  border-top: 1px solid #ffffff;
  background-image:url(images/rooster1c.jpg) ; 
  background-repeat: no-repeat; 
  background-position: bottom right;
  
  
}

#centdirectionscontent_1 {
  position: relative;
  left: 0px;
  padding: 27px 6px 20px 19px;
  top: 0px;  
  background-color: transparent;
  z-index: 3; 
  text-align: left;
    
}

#centdirectionscontent_2 {
  position: static;
  padding: 10px 10px 20px 16px;
  background-color: transparent;
  z-index: 2; 
  text-align: left;
  margin-top: 0px;
    
}

.directionsimg1 {
  float: left;
  margin-right: 25px; 
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 540px;
  z-index: 1;
}

#directionsimg2 {
  position: absolute;  
  top: 362px;
  left: 40px; 
  width: 168px;
  height: 103px;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  font-size: 11px;
  line-height: 225%;
  padding-top: 16px;
  padding-left: 1px;
  background-image:url(images/deli_delivery.jpg); 
  background-repeat: no-repeat;
  z-index: 5;
}

#directionsimg3 {
  position: absolute;  
  top: 185px;
  right: 34px; 
  width: 278px;
  height: 219px;
  background-image:url(images/compass2.gif) ; 
  background-repeat: no-repeat;
  z-index: 3;
}

#directionsimg4 {
  position: absolute;
  float: left;
  top: 478px;
  left: 39px; 
  width: 168px;
  height: 520px;
  background-image:url(images/directions_sidephotos.jpg) ; 
  background-repeat: no-repeat;
  z-index: 1;
}

#directionsimg5 {
  position: absolute;  
  top: 1079px;
  right: 29px; 
  width: 476px;
  height: 318px;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  padding-top: 0px;
  padding-left: 1px;
  background-image:url(images/eventsmenu.jpg) ; 
  background-repeat: no-repeat;
  z-index: 3;
}

#directionssimg6 {
  position: absolute;  
  top: 34px;
  right: 34px; 
  width: 190px;
  height: 120px;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  line-height: 200%;
  padding-top: 36px;
  padding-left: 1px;
  background-image:url(images/hours.jpg) ; 
  background-repeat: no-repeat;
  z-index: 3;
}


#specialstitle {
  position: absolute;  
  top: -6px;
  left: 144px; 
  width: 187px;
  height: 39px;
  background-image:url(images/specialsevents_title.jpg) ; 
  background-repeat: no-repeat;  
}  


#specialstablediv1 {
  position: absolute;  
  top: 35px;
  left: 14px; 
  width: 195px;
  height: 130px;
}

#specialstablediv2 {
  position: absolute;  
  top: 35px;
  left: 227px; 
  width: 195px;
  height: 130px;
}



.speceventstable {
	border: none;
	border-collapse: collapse;
	text-align: left;
	margin-left: 15px;
	margin-top: 4px;
	width: 100%;
		
}

.speceventstable caption {
	border: none;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	background-color: transparent;
}

.speceventstable td {
	border: none;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 12px;
	font-size: 9px;
	color: #FFFFCC;
	background-color: transparent;
	vertical-align: top;
}
.speceventstable th {
	border: none;
	text-align: left;
	width: 20%;
	padding-bottom: 0px;
	font-weight: normal;
	vertical-align: top;
	font-size: 9px;
	color: #FFFFFF;
	background-color: transparent;
	padding-right: 3px;
	padding-top: 8px;
	
}


/*Auberge Directions Page Content ends here.....................................................*/





/*Auberge Contact Page Content begins here..........................................*/


#wrapper_contact {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  width: 760px;
  height: 2032px;
  background-image:url(images/titlelogo_auberge_skinny_mo.jpg) ; 
  background-repeat:no-repeat; 
  background-color:  #081622;
  border-bottom: 1px solid #081622;
   
}

#center_contact {
  position:relative;
  left: 12px;
  padding: 0px 10px 20px 10px;
  top: 62px;  
  width: 716px;
  height: 1920px;
  background-color: #0D202F;
  z-index: 3;
  font: 11px/160% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  text-align: left;
  border-top: 1px solid #ffffff;
  background-image:url(images/rooster1c.jpg) ; 
  background-repeat: no-repeat; 
  background-position: bottom right;
  
  
}

#centcontactcontent_1 {
  position: relative;
  left: 0px;
  padding: 27px 6px 20px 19px;
  top: 0px;  
  background-color: transparent;
  z-index: 3; 
  text-align: left;
    
}

#centcontactcontent_2 {
  position: static;
  padding: 10px 10px 20px 16px;
  background-color: transparent;
  z-index: 2; 
  text-align: left;
  margin-top: 0px;
    
}

.contactimg1 {
  float: left;
  margin-right: 25px; 
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 800px;
  z-index: 1;
}

#contactimg2 {
  position: absolute;  
  top: 362px;
  left: 40px; 
  width: 168px;
  height: 103px;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  font-size: 11px;
  line-height: 225%;
  padding-top: 24px;
  padding-left: 1px;
  background-image:url(images/deli_delivery.jpg); 
  background-repeat: no-repeat;
  z-index: 5;
}

#contactimg4 {
  position: absolute;
  float: left;
  top: 494px;
  left: 39px; 
  width: 168px;
  height: 880px;
  background-image:url(images/reservations_sidephotos.jpg) ; 
  background-repeat: no-repeat;
  z-index: 1;
}

#contactimg5 {
  position: absolute;  
  top: 679px;
  right: 29px; 
  width: 476px;
  height: 318px;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  padding-top: 0px;
  padding-left: 1px;
  background-image:url(images/eventsmenu.jpg) ; 
  background-repeat: no-repeat;
  z-index: 3;
}

#contactcenter {  
  position:absolute;
  left: 246px;
  top: 393px;
  background-color: transparent;
  width: 422px;
  z-index: 5;
}


/* Form Content starts here.............................*/

legend {
    border: 1px solid #B1B185;
	margin-top: 15px;
	margin-bottom: 15px;
	font: 11px/125% Arial, Helvetica, sans-serif;
	padding: 0px 5px 0px 5px;
	color: #FFFFFF;
	background-color: transparent;
}

form {
   
	font: 11px/125% Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	background-color: transparent;
	display: inline;

}



#marginForm fieldset {
	border-top: solid #B1B185 1px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 15px;	
	
}

#marginForm label {
	clear: both;
	float: left;
	display: inline;
	width: 8em;
	margin-top: 4px;
	margin-bottom: 4px;
}

#marginForm input {
	position: relative;	
	left: 80px;
	top: -15px;	
	font: 11px/125% Arial, Helvetica, sans-serif;
	
		
}

.select1 {
    font: 11px/125% Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-left: 50px;
	margin-bottom: 10px;
}

.textarea1 {
    font: 11px/125% Arial, Helvetica, sans-serif;
}


.submit1 {
    position: relative;
	margin-left: -74px;
	margin-top: 30px;	
	
}

#arrival_month{
    margin-right: -30px;		
	
}

#departure_month{
    margin-right: -30px;		
	
}

#arrival_day{
    margin-right: -30px;		
	
}

#departure_day{
    margin-right: -30px;		
	
}


#special_packages{
    margin-right: -20px;		
	
}




/* Form Content ends here.............................*/


/*Auberge Contact Page Content ends here..........................................*/



/* aub_contactconfirm.php starts here..........................................*/


#wrapper_confirm {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  width: 760px;
  height: 915px;
  background-image:url(images/titlelogo_auberge_skinny_mo.jpg) ; 
  background-repeat:no-repeat; 
  background-color:  #081622;
  border-bottom: 1px solid #081622;
   
}

#center_confirm {
  position:relative;
  left: 12px;
  padding: 0px 10px 20px 10px;
  top: 62px;  
  width: 716px;
  height: 803px;
  background-color: #0D202F;
  z-index: 3;
  font: 11px/160% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  text-align: left;
  border-top: 1px solid #ffffff;
  background-image:url(images/rooster1c.jpg) ; 
  background-repeat: no-repeat; 
  background-position: bottom right;
  
  
}


/* aub_contactconfirm.php ends here..........................................*/




/* Footer Page Content starts here..........................................*/


#boufootlogo {
  position: absolute;  
  left: 131px;
  bottom: 198px;  
  height: 37px;
  z-index: 2;
  text-align: left;  
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

#boufootcont {
  position: absolute;  
  padding-left: 272px;
  left: 84px;
  bottom: 180px;  
  width: 326px;
  height: 58px;
  z-index: 2;
  text-align: left;
  font: 12px/140% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  background-color: transparent;    
  
}

#logofooter {
  position: absolute;  
  left: 229px;
  bottom: 291px;  
  height: 115px;
  width: 100px;
  z-index: 2;
  text-align: left;
  background-image:url(images/aubergescript_logo_bw_small.jpg);
  background-repeat: no-repeat;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

#contentfooter {
  position: absolute;  
  padding-left: 212px;
  left: 144px;
  bottom: 297px;  
  width: 326px;
  height: 91px;
  z-index: 2;
  text-align: left;
  font: 12px/140% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  background-color: transparent; 
      
}





#footercopyrt {
  position: absolute;  
  padding: 0px 0px 0px 0px;
  left: 225px;
  bottom: 25px;  
  width: 351px;
  height: 15px;
  font: 9px/175% Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  background-color: transparent;
  z-index: 4;
  text-align: left;
}

#navfoot {
  position:absolute;
  left: 12px;
  bottom: 60px;
  font: 10px/125% Arial, Helvetica, sans-serif;
  height: 19px;
  width: 736px;
  background-color: #081622;
  z-index: 4;
  color: #FFFFCC;
  text-align: center;
  
}

#navfoot ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border-top: 3px solid #081622;
	border-bottom: 2px solid #081622;
	
}

#navfoot li {
	display: inline;
}

#navfoot a:link, #navfoot a:visited { 
	padding: 2px 27px 2px 27Px; 
	color: #FFFFCC;
	background-color: #081622;
	text-decoration: none;
}

#navfoot a:hover {
    color: #ffffff;
	background-color: #0D202F;
	
}


#cssxhtmlnav {
	position:absolute;   
    bottom: 21px;
	left: 75px;
	width: 170px;
    height: 19px;
	text-align: left;
	color: #081622;
	background-color: transparent;
	font: 11px/125% Arial, Helvetica, sans-serif;
	z-index: 5;
}
.cssxhtml a:link, a:active {
  background: none;
  color: #081622;
  text-decoration: none;
  background-color: transparent;
}
.cssxhtml a:visited {
  background:none;
  color: #081622;
  background-color: transparent;
  text-decoration:none;
}
.cssxhtml a:hover {
  color: #FFFFCC;
  background-color: transparent;
  padding: 0px 0px 1px 0px;
  text-decoration:none;
}

/* Footer Page Content ends here..........................................*/