/*##############################################*/
/* body tag LAYOUT                              */
/*##############################################*/
#avant {
	background-color: #94733d;
	background-image: url(images/pageBackGround.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: normal;
	line-height: 16px;
}

#joinLayout {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 0px 5px 0px;
	width:976px;
	height:32px; /* without "under construciton" message should be 16px */
	display:block;
	text-align:center;
}

/*##############################################*/
/* Content CONTAINER LAYOUT                     */
/*##############################################*/
#container {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width:976px;
	background-color:#222222;
	display:block;
}

/*##############################################################*/
/* Header Layout                                                */                    
/*#############################################$################*/
#menu-container {
	margin:0px 0px 0px 0px;
	padding:18px 24px 0px 24px;
	width:926px;
	height:101px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 1px solid #000000;
	display:block;
	clear:both;
}

#logo {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url(images/avant-logo.png) top left no-repeat transparent;
	width:240px;
	height:78px;
	float:left;
	display:block;
}
#nav-bar {
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:673px;
	height:15px;
	float:right;
	display:block;
}
#nav-bar a.mtm {
	margin:0px 13px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 133px;
	height: 15px;
	background-image: url(images/mtm.png);
	background-repeat: no-repeat;
	float:right;
	display:block;
}
#nav-bar a.mtm:hover {
	width: 133px;
	height: 15px;
	background-image: url(images/mtmOVER.png);
	background-repeat: no-repeat;
}
#nav-bar a.formalwear {
	margin:0px 13px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 97px;
	height: 15px;
	background-image: url(images/formalwear.png);
	background-repeat: no-repeat;
	float:right;
	display:block;
}
#nav-bar a.formalwear:hover {
	width: 97px;
	height: 15px;
	background-image: url(images/formalwearOVER.png);
	background-repeat: no-repeat;
}
#nav-bar a.aboutus {
	margin:0px 13px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 70px;
	height: 15px;
	background-image: url(images/aboutUs.png);
	background-repeat: no-repeat;
	float:right;
	display:block;
}
#nav-bar a.aboutus:hover {
	width: 70px;
	height: 15px;
	background-image: url(images/aboutUsOVER.png);
	background-repeat: no-repeat;
}
#nav-bar a.eclub {
	margin:0px 13px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 49px;
	height: 15px;
	background-image: url(images/vipClub.png);
	background-repeat: no-repeat;
	float:right;
	display:block;
}
#nav-bar a.eclub:hover {
	width: 49px;
	height: 15px;
	background-image: url(images/vipClubOVER.png);
	background-repeat: no-repeat;
}
#nav-bar a.findus {
	margin:0px 13px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 56px;
	height: 15px;
	background-image: url(images/findUs.png);
	background-repeat: no-repeat;
	float:right;
	display:block;
}
#nav-bar a.findus:hover {
	width: 56px;
	height: 15px;
	background-image: url(images/findUsOVER.png);
	background-repeat: no-repeat;
}
#nav-bar a.gift-cards {
	margin:0px 13px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 80px;
	height: 15px;
	background-image: url(images/gift-cards.png);
	background-repeat: no-repeat;
	float:right;
	display:block;
}
#nav-bar a.gift-cards:hover {
	width: 80px;
	height: 15px;
	background-image: url(images/gift-cardsOVER.png);
	background-repeat: no-repeat;
}
#sub-menuLayout {
	margin:0px 0px 0px 0px;
	padding:36px 0px 0px 0px;
	width: 450px;
	height: 36px;
	float:right;
	display:block;
}

/*##############################################*/
/*MAIN LAYOUT*/
/*##############################################*/

#main {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:976px;
	clear:both;
}
#main-left {
	margin:0px 0px 0px 0px;
	padding:0px 24px 0px 24px;
	width:452px;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 1px solid #000000;
	float:left;
}
#main-right {
	margin:0px 0px 0px 0px;
	padding:0px 24px 0px 0px;
	width:450px;
	border-top: 0px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	float:right;
}
#home-left {
	margin:0px 0px 0px 0px;
	padding:0px 24px 0px 24px;
	width:242px;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 1px solid #000000;
	float:left;
}
#home-right {
	margin:0px 0px 0px 0px;
	padding:0px 24px 0px 0px;
	width:660px;
	border-top: 0px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	float:right;
}

/*##############################################*/
/*FOOTER LAYOUT*/
/*##############################################*/
#footer-layout {
	margin: 0px 0px 0px 0px;
	padding: 10px 24px 0px 24px;
	border-top: 0px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	clear:both;
}
#nav-bottom-layout {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	clear:both;
}
/*##############################################*/
.join-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	font-weight:bold;
	letter-spacing: normal;
	line-height: normal;
}
.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	/*letter-spacing: .35pt;*/
	line-height:12px;
	background-color: #FFFFFF;
	/*border: none;*/
}

.sub-menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: normal;
	line-height: 18px;
}
.hdr-txt {
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #996633;
	font-weight:bold;
}
.nav-bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	letter-spacing: .30pt;
}
.image-other {
	margin: 0px 0px 0px 0px;
	float: right;
	display:block;
	clear: none;
}

/*##############################################*/
h1 {
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #996633;
	/*letter-spacing: 1.5pt;*/
}
li {
	margin-bottom:6px;
}
p {
	margin:0px 0px 1em 0px;
	padding: 0px 0px 0px 0px;
}
a:link {
	color: #FFCC99;
	text-decoration: none; 
}
a:visited {
	color: #FFCC99;
	text-decoration: none;
}
a:hover {
	color: #996633;
	text-decoration: underline;
}
a:active {
	color: #FFCC99;
	text-decoration: none;
}