html {
	padding:		1em 6em;
}
body {
	position:		relative;
	max-width:		1280px;
	min-width:		40em;
	padding:		0;
	margin:			0 auto;
	border:			0px dotted;
}



/* --------------------------------------------------------------------------------- */
/* Main Structure                                                                    */
/* --------------------------------------------------------------------------------- */

#envaHead {
	margin:			0px 50px 0px 50px;	 /* XXX R + L */
	padding:		0px;
	border:			0px solid;
	height:			80px;
	z-index:		500;
}
#envaHead h1 {
	display:		none;
}

#envaHeadS {
	top:			80px;
	left:			0px;
	margin:			0px 0px 0px 0px;
	padding:		0px;
	border:			0px solid;
	width:			100% !important;
	height:			25px !important;
	z-index:		500;
}

#envaTitle {
	position:		absolute;
	top:			5px;
	left:			168px;
	width:			485px;
	border:			0px solid;
	padding:		0px;
	height:			175px;
	z-index:		500;
}


#envaMain {
	position:		relative; 	/* Position declared "relative" to gain control of stacking order (z-index). */
	top:			0;
	height:			auto;
	min-height:		400px;
	border:			0px dashed;
	z-index:		400;
}

#envaContent {
	position:		relative; 	/* Position declared "relative" to gain control of stacking order (z-index). */
	top:			0;
	width:			auto;
	min-width:		120px;
	margin:			0 210px 0 170px;
	border:			0px solid;
	padding:		2px 10px;
	z-index:		150;		/* Allow the content to overlap the right and left menu in narrow windows in good browsers. */
}

.envaSide {
	position:		absolute;
	top:			0;
	padding:		2px 15px;
	border:			0px dashed;
}
#trai {
	left:			0;
	bottom:			0;
	width:			128px;
	border-right:		1px solid;
	text-align:		center;
	z-index:		25;
}
#phai {
	right:			0;
	bottom:			0;
	width:			168px;
	border-left:		0px solid;
	z-index:		75;
}


#envaFooter {
	clear:			both !IMPORTANT;	/* see #prop */
	height:			80px;
	margin:			0px 50px 0px 50px;	 /* XXX R + L */
	/*padding-bottom:		1%;*/		/* XXX temp off */
	border:			0px dashed;
	text-align:		center;
	z-index:		500;
}
#envaFooter p:first-child {
	margin:			0;
	padding-top:		5px;
}

#envaFooterS {
	position:		static;
	bottom:			80px;
	left:			0px;
	margin:			0px 0px 0px 0px;
	padding:		0px;
	border:			0px solid;
	width:			100% !important;
	height:			25px !important;
	z-index:		490;
}

/* As long as min-height not generally supported, use #prop with footer's */
#prop {
	float:			right;
	width:			1px;
	height:			350px;
}

.prop {
	float:			right;
	width:			1px;
}
.min50 {
	height:			50px;
}
.min150 {
	height:			150px;
}
.min350 {
	height:			350px;
}
.min500 {
	height:			500px;
}
.clear {
	clear:			both !IMPORTANT;
	height:			1px;
	overflow:		hidden;
}


/* Rounded corners */

b.side {
	position:		absolute;
	width:			50px;
	height:			80px;
	margin:			0;
	padding:		0;
}
b.tl {
	top:			0;
	left:			0;
	background-position:	top left;
}
b.tr {
	top:			0;
	right:			0;
	background-position:	top right;
}
b.bl {
	bottom:			0;
	left:			0;
	background-position:	bottom left;
}
b.br {
	bottom:			0;
	right:			0;
	background-position:	bottom right;
}


/* -(end) Main Structure------------------------------------------------------------ */



/* --------------------------------------------------------------------------------- */
/* Main Site Navigation                                                              */
/* --------------------------------------------------------------------------------- */

#navlist ul {
	margin:			0;		/* removes indent IE and Opera */
	padding:		0;		/* removes indent Mozilla and NN7 */
	list-style-type:	none;		/* turns off display of bullet */
}
#navlist li {
	margin:			0;
}

div#navlist a {
	display:		block;
	padding:		10px 10px;
	margin:			0 0 0 0;
	border-width:		0;
	text-decoration:	none;
	text-align:		center;
	border-right:		1px solid;
	border-bottom:		1px solid;
	border-left:		4px solid;
}
div#navlist a:hover {
	border-right:		1px solid;
	border-bottom:		1px solid;
	border-left:		4px solid;
}
div#navlist ul li:first-child > a {
	border-top:		1px solid;
}

div#navlist a span {
	display:		none;
}
div#navlist a:hover span {
	display:		block;
	position:		absolute;
	top:			-90px;
	right:			25px;
	width:			150px;
	padding:		0px;
	margin:			0px;
	text-align:		right;
}


body#pageHome      div#navlist a#i, 
body#pageErik      div#navlist a#ii,
body#pageVanAnh    div#navlist a#iii,
body#pageCato      div#navlist a#iv,
body#pageGalleries div#navlist a#v,
body#pageLinks     div#navlist a#vi {
	border-left:		1px solid;
}

/* -(end) Main Site Navigation------------------------------------------------------ */



/* --------------------------------------------------------------------------------- */
/* Global Hyperlink Definitions                                                      */
/* --------------------------------------------------------------------------------- */

/* -(end) Global Hyperlink Definitions---------------------------------------------- */



/* --------------------------------------------------------------------------------- */
/* Menu Definitions                                                                  */
/* --------------------------------------------------------------------------------- */

div#stylemenu {
	margin:			5%;
	padding:		0;
}

div#stylemenu ul {
	width:			8em;
	width:			95%;
	margin:			0;
	padding:		0;
	border:			1px solid;
	border-bottom:		3px solid;
}

div#stylemenu ul ul {
	width:			8em;
	width:			100%;
	margin:			0;
	padding:		0;
	border:			0px solid;
	display:		none;
}

div#stylemenu ul li {
	position:		relative; 
	line-height:		1.25em;
	margin:			0; 
	padding:		0 0 0 0px;
	border:			0px solid; 
	list-style-type:	none;
}
div#stylemenu ul li:hover > ul {
	position:		absolute;
	top:			1.8em;
	bottom:			-1px;
	display:		block;
}

div#stylemenu li a {
	padding:		5px 7px;
	text-decoration:	none;
	text-align:		center;
	display:		block;
}

div#stylemenu li#style-1 a {
	color:			#333;
        background:             #bbb url(../../images/metaltransparent120x80.png) left center repeat;
}
div#stylemenu li#style-2 a {
	color:			blue;
	background:		aqua;
}
div#stylemenu li#style-3 a {
	color:			yellow;
	background:		red;
}
div#stylemenu li#style-0 a {
	color:			black;
	background:		white;
}

div#stylemenu li a:hover {
	letter-spacing:         0.1em;
	/*
	font-style:             italic;
	font-weight:            bold;
	*/

}



/* -(end) Menu Definitions---------------------------------------------------------- */



/* --------------------------------------------------------------------------------- */
/* Headings                                                                          */
/* --------------------------------------------------------------------------------- */

#envaContent h1 {
	border-top:		1px solid;
	border-bottom:		1px solid;
	text-align:		left;
}


#trai h2 {
	text-align:		left;
}
#trai h2:before {
	content:		"::: ";
	display:		inline;
}
#trai h2:after {
	content:		" :::";
	display:		inline;
}


#trai h4 {
	margin-top:		2.5em;
	padding-right:		0.5em;
	border-top:		3px double;
	border-left:		3px double;
	border-right:		3px double;
	border-bottom:		1px dotted;
	text-align:		right;
	text-transform:		capitalize;
}
#trai h4:first-child {
	margin-top:		0;
}

/* -(end) Headings------------------------------------------------------------------ */



/* --------------------------------------------------------------------------------- */
/* Paragraphs, itemized lists, etc.                                                  */
/* --------------------------------------------------------------------------------- */

#trai ul,
#trai ol {
	text-align:		left;
}

/* -(end) Paragraphs, itemized lists, etc.------------------------------------------ */



/* --------------------------------------------------------------------------------- */
/* Remaining Definitions                                                             */
/* --------------------------------------------------------------------------------- */

#browsermsg {
	text-align:		center;
}

ul#badges {
	margin:			0;		/* removes indent IE and Opera */
	padding:		10px 0;		/* removes indent Mozilla and NN7 */
	list-style-type:	none;		/* turns off display of bullet */
}
ul#badges li {
	margin:			0;
	padding:		16px;
	display:		inline;
}
ul#badges a {
	margin:			0;
	padding:		0;
	text-decoration:	none;
	border:			0px solid;
}
ul#badges img {
	border:			0;
}

a.badge {
	margin:			0;
	padding:		0;
	text-decoration:	none;
	border:			0px solid;
}
a.badge img {
	width:			88px;
	height:			31px;
	border:			0;
}