/* 
layout.css @ www.esz.com.tw
Author: Tom Chen

Version 1.29
Date: Jan 17, 2007
Modification:
	1. MMM Sory-by refined
*/

/* ---( start page defaults )--- */

body {
	color: #444;
	background-color: white;
	background-image: url(../image/layout/bg-tile.png);
	background-repeat: repeat-y;
	background-position: center 0;
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	behavior: url(/csshover.htc); } /* WinIE behavior call */

img {border:0px;}

a:link {
	color: #69c;
	text-decoration: none;
	}

a:visited {
	color: #999; text-decoration: none;
	}

a:hover { color: #693; text-decoration: none; }
	
a:active {
	color: #cc3333;
	text-decoration: none;
	}

ul { list-style-type: none; }

th, td {
	color: black;
	vertical-align: middle;
	}
/* ---( end page defaults )--- */



/* --- ( start layout settings ) --- */

@media screen{
#wrap { 
	width: 1003px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: 100%;
	min-height: 100%;
	}

#topBanner {
	background: url(../image/layout/HeaderBG.jpg) no-repeat center top;
	height: 97px;
	position: absolute;
	width: 1003px;
	z-index: 10;
	}
	
#logod { /*diamond logo */
	background-image: url(../image/DiamondLogo24.png);
	padding: 0;
	width: 127px;
	height: 127px;
	z-index: 15;
	position: absolute;
	top: 8px;
	left: 20px;
	}
	
* html #logod{
	back\ground-color: transparent;
	background-image: url(/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../image/DiamondLogo24.png", sizingMethod="scale");
	}

div#logod a{ border-bottom: 0px; }
	
#main-content {
	font-size: 1em;
	font-family: 新細明體, verdana, sans-serif;
	width: 800px;
	line-height: 2em;
	margin-top: 110px;
	margin-left: 160px;
	position: absolute;
	}

	#main-content h2 { color: red; font-size: 24px; font-weight: bold; line-height: 28px; }

#maintext {
	text-align: left;
	width: 510px;
	float: right;
	margin-bottom: 30px;
	margin-left: 10px;
	}

#mainimg {
	width: 280px;
	float: left;
	}
	
#profileInfo { font-size: 12px; line-height: 14px; background-color: #2ee; width: 193px; float: right; }

#resource {
	width: 800px;
	float: left;
	}	

#reader { font-size: 12px; line-height: 14px; background-color: #fcc; position: absolute; top: 280px; padding: 5px; }

#sortByR { font-size: 12px; position: absolute; top: 230px; right: 75px; }

#sortMenuR { position: absolute; top: 232px; right: 0px; }

#sortByF { font-size: 12px; position: absolute; top: 199px; right: 75px; }

#sortMenuF { position: absolute; top: 200px; right: 0px; }





#cmpnyPhoto { 
	position: absolute;
	z-index: 5;
	top: 100px;
}

#title-cProfile { font-size: 14px; position: absolute; top: 53px; height: 50px; }

#subtitle { color: white; font-size: 12px; background-color: black; text-align: center; position: absolute; top: 470px; width: 600px; height: 30px; }

#milestone { position: absolute; top: 510px; }

#footer {
	clear: both;
	color: #3f3f3f;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	}

#footer-fixed { clear: both; color: #3f3f3f; font-family: verdana; font-size: 12px; font-weight: bold; position: absolute; top: 745px; }

#footer-front { clear: both; color: #3f3f3f; font-family: verdana; font-size: 12px; font-weight: bold; position: absolute; top: 470px; }

#footer-download { clear: both; color: #3f3f3f; font-family: verdana; font-size: 12px; font-weight: bold; position: absolute; top: 400px; }

#topmenu { color: #eee; font-size: 12px; position: absolute; top: 5px; right: 25px !important; display: block; z-index: 25; }

#topmenu a:link {
		color: white;
		text-decoration: none;
		}

#topmenu a:hover {
		color: #ffc;
		}

#topmenu a:visited{
		color:  white;
		}

}
/* --- ( end layout settings ) ---*/



/* --- ( start menu settings) --- */

div#nav{ font-size: 12px; position: absolute; z-index: 30; margin-top: 38px; margin-left: 147px; }

div#nav ul{ z-index: 21; margin:  0; padding: 0; }

div#nav li{ list-style: none; position: relative; margin: 0; float: left; width: 9em; }

div#nav ul ul { position: absolute; top: 36px; left: 5px; width: 9em; z-index: 40; margin: 0; border: solid 1px gray; display: none; }

div#nav ul ul ul { top: 0; left: 9em; width: 9em; display: none; }

div#nav ul ul li { background-color: #569;}

div#nav li a { color: white; display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none; width: 6.5em; }
div#nav>ul a {width: auto;}

div#nav li a:hover { color: #238; text-decoration: none; border-width: 0; }

div#nav .subs { color: white; padding: 0.25em 0 0.25em 0.5em; display: block; }
div#nav .act-nav { color: #999; padding: 0.25em 0 0.25em 0.5em; display: block;}
div#nav li.sub1 { background: url(../image/menu/m1-c.jpg); width: 130px; height: 36px; }
div#nav li.sub1a { background: url(../image/menu/m1-c.jpg); width: 130px; height: 36px; background-position: 0 -36px;}
div#nav li.sub2 { background: url(../image/menu/m2-c.jpg); width: 119px; height: 36px; }
div#nav li.sub2a { background: url(../image/menu/m2-c.jpg); width: 119px; height: 36px; background-position: 0 -36px;}
div#nav li.sub3 { background: url(../image/menu/m3-c.jpg); width: 113px; height: 36px; }
div#nav li.sub3a { background: url(../image/menu/m3-c.jpg); width: 113px; height: 36px; background-position: 0 -36px;}

#submenu { color: #eee; font-size: 16px; position: absolute; top: 73px; display: block; left: 163px; z-index: 25; }

#submenu a {
		color: yellow;
		text-decoration: none;
		}

#submenu a:link {
		color: white;
		text-decoration: none;
		}

#submenu a:hover { color: #ffc; text-decoration: none; border-width: 0; }

#submenu a:visited{
		color:  white;
		}
		
.act-sub { color: yellow; }

/* --- ( end menu settings) --- */


/* --- ( begin context attribute classes) ---*/
.formula { color: red; font-size: 90%; font-family: "Lucida Console", monospace; font-weight: bold; }

.rmk { color: maroon; font-size: 12px; line-height: 16px; }

.wrapp {
	font-size: 12px;
	}

.wrappth {
	border-bottom: 1px solid black;
	}

.inquote { 
	font-size: 12px;
	background-image: url(../image/layout/blockquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 2em;
	margin: 30px 60px;
	}	
	
.outquote {
	background-color: #f6f6f6;
	margin: 10px 0 20px;
	border: dotted 2px gray;
	}
	
td.mmmesh {
	font-size: 12px;
	line-height: 2em;
	vertical-align:
	top; margin: 0;
	padding: 0;
	}

table.mmmtxt {
	background-color: #aab;
	height: 169px; margin: 0;
	padding: 0;
	border-right: 10px solid white;
	border-top-sty;border-bottom-style: none;
	border-bottom-width: 0;
	border-left-style: none;
	border-left-width: 0;
	border-top-width: 0; }

th.mmmname {
	color: #eee;
	font-size: 12px;
	background-color: #036;
	text-align: center;
	margin: 0;
	padding: 0.25em;
	}

td.mmmtext {
	text-align: center;
	padding: 0.25em;
	border-right-color: white;
	}
	
td.mmmempty {
	color: #eee;
 	font-size: 12px;
 	line-height: 25px;
 	vertical-align: top;
 	background-color: #036;
 	padding: 10px;
 	}	

th.sitetitle {
	color: red; text-align: left;
	vertical-align: bottom;
	}

td.sitepict {
	text-align: left;
	vertical-align: top;
	}

.mmmIcon { color: #555; font-size: 12px; line-height: 16px; text-align: right; vertical-align: bottom; position: relative; right: 5px;
	float: right;
	margin-right: 8px;
}

.tablelist {
	font-size: 12px;
	line-height: 14px;
	}

.contact {
	font-size: 1em;
	line-height: 1.2em;
	}
.reverse { color: white; background-color: orange; }

.filesize { color: #99f; }

.bluetxt { color: blue;}

.mmmSiteTop { background-image: url(../image/architectural-mesh/sites/bgTopRound.gif);
	height: 10px;
	margin-top: 10px;
}



.mmmSiteHead { background-color: #ddd;
	height: 60px;
	border-bottom: 1px solid #999;
}


.mmmSiteTitle {
	color: #036;
	font-weight: bold;
	width: 500px;
	float: left;
	padding-top: 30px;
	padding-left: 5px;
}



.mmmSite1Row { background-color: #ddd;
	position: relative;
	padding-top: 5px;
	height: 147px;
}

.mmmSite1RowV { background-color: #ddd;
	position: relative;
	padding-top: 5px;
	height: 195px;
}

.mmmSite2Row { background-color: #ddd;
	position: relative;
	padding-top: 5px;
	height: 294px;
}

.mmmSitePhoto { position: relative; float: left; padding-top: 5px; padding-left: 7px; }



.mmmSiteBtm { font-size: 12px; line-height: 16px; background-image: url(../image/architectural-mesh/sites/bgBtmRound.gif); background-position: 0 bottom; clear: left; height: 16px; padding-top: 5px; padding-bottom: 3px; padding-left: 8px; }

.mmmGuide { text-align: center; float: left; padding-top: 20px; padding-bottom: 230px; padding-left: 10px; }

/* --- ( end context attribute classes) ---*/


/* --- ( start table background colors ) --- */		
	
.lightA {
	font-size: 12px;
	line-height: 20px;
	background: #99d;
	padding:0 0.5em;
	}
	
.midA {
	font-size: 12px;
	line-height: 20px;
	background-color: #88c;
	padding:0 0.5em;
	}
	
.hiA {
	font-size: 12px;
	line-height: 20px;
	background-color: #77b;
	padding:0 0.5em;
	}
	
.darkA {
	font-size: 12px;
	line-height: 20px;
	background-color: #6f6faf;
	padding:0 0.5em;
	}
	
.lightB {
	font-size: 12px;
	line-height: 20px;
	background-color: #aad;
	padding:0 0.5em;
	}
	
.midB {
	font-size: 12px;
	line-height: 20px;
	background-color: #99c;
	padding:0 0.5em;
	}
	
.hiB {
	font-size: 12px;
	line-height: 20px;
	background-color: #88b;
	padding:0 0.5em;
	}
	
.darkB {
	font-size: 12px;
	line-height: 20px;
	background-color: #77a;
	padding:0 0.5em;
	}

.navyTxt { color: navy; }

.liBlue { color: #00c; }

	
/* --- ( end table background colors ) --- */
#saleDiv { font-size: 12px; top: 45px; left: 400px; position: absolute; background-color: #ccc; }

#readerInfo { font-size: 12px; line-height: 14px; background-color: #fcc; width: 670px; margin: 0; padding: 0; }

#reader-vr1 { position: absolute; top: 320px; left: 220px; float: left; }

#reader-vr2 { position: absolute; top: 320px; left: 428px; float: left; }