/* generic styles */

BODY {
	margin:0px;
	padding:0px;
	background:#ffffff;
	width:100%;
	height:100%;
	align:auto;
	text-align:center;
	}
	
	
#outer {
	width:780px;
	height:418px;
	min-height:418px;
	text-align:left;
	margin:auto;
	position:relative;
	margin-top: 40px;
	}

#outer[id] {
	height:auto;
	}
	
#container{
	left:0px;
	top:0px;
	width:778px;
	min-height:416px;
	height:416px;
	border:1px solid #9e948d;
	position:absolute;
	}
	
#container[id] {
	height:auto;
	}

#heightstrip{
	width:1px;
	height:416px;
	min-height:416px;
	left:0px;
	top:0px;
	border:0px;
	margin:0px;
	position:relative;
	z-index:3;
	}
	
#heightstrip[id] {
	height:auto;
	}
	
.backlink { 
	font-family: arial, verdana, helvetica, sans;
	font-weight:normal;
	text-decoration :none;
	font-size:11px;
	line-height:15px;
	color:#5f6062;
	}
	
.backlink:hover { 
	color:#37939b;
	}

.sectdesclink { 
	font-family:arial, verdana, helvetica, sans;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	line-height:12px;
	color:#5f6062;
	}
	
.sectdesclink:hover { 
		color:#37939b;
	}
	
	
/* header styles */
	
#titletext{
	width:266px;
	height:43px;
	position:absolute;
	left:19px;
	top:0px;
	z-index:3;
	}


#quizlink {
	width:126px;
	height:47px;
	position:absolute;
	right:9px;
	top:0px;
	z-index:5;
	}

		
	
	
/* lev1 1 homepage */

#lev1_mod_img {
	position:absolute;
	width:250px;
	height:123px;
	left:1px;
	top:91px;	
	}
	
#lev1_mod_txt {
	position:absolute;
	width:125px;
	height:35px;
	left:57px;
	top:214px;	
	z-index:3;
	}


#lev1_asian_img {
	position:absolute;
	width:265px;
	height:191px;
	left:84px;
	top:214px;	
	}
	
#lev1_asian_txt {
	position:absolute;
	width:159x;
	height:36px;
	left:338px;
	top:361px;	
	}

#lev1_goth_img {
	z-index:1;
	position:absolute;
	width:232px;
	height:356px;
	left:349px;
	top:5px;	
	}
	
#lev1_goth_txt {
	position:absolute;
	width:94px;
	height:36px;
	left:388px;
	top:131px;	
	z-index:3;
	}

#lev1_class_img {
	position:absolute;
	width:197px;
	height:191px;
	right:1px;
	top:86px;	
	}
	
#lev1_class_txt {
	position:absolute;
	width:76px;
	height:50px;
	left:664px;
	top:277px;	
	}
	
/* lev 2 homepages */



#l2_modern {
	position:absolute;
	width:178px;
	height:176px;
	left:600px;
	top:99px;
	z-index:2;
	}
	
#l2_modernlink {
	position:absolute;
	left:539px;
	top:137px;	
	width:60px;
	height:19px;
	z-index:6;
	}
	
	
	
#l2_postmodern {
	position:absolute;
	width:168px;
	height:231px;
	left:1px;
	top:126px;
	z-index:2;
	}
	
#l2_postmodernlink {
	position:absolute;
	left:45px;
	top:104px;	
	width:80px;
	height:20px;
	z-index:6;
	}
	
#l2_hightech{
	position:absolute;
	width:201px;
	height:241px;
	left:292px;
	top:174px;
	z-index:2;
	}
	
#l2_hightechlink {
	position:absolute;
	left:426px;
	top:273px;	
	width:69px;
	height:23px;
	z-index:6;
	}
	
	
	
#l2_easian {
	position:absolute;
	width:209px;
	height:150px;
	left:1px;
	top:79px;
	z-index:2;
	}
	
#l2_easianlink {
	position:absolute;
	left:67px;
	top:229px;	
	width:66px;
	height:25px;
	z-index:6;
	}
	
	
	
#l2_sasian {
	position:absolute;
	width:276px;
	height:303px;
	left:267px;
	top:112px;
	z-index:2;
	}
	
#l2_sasianlink {
	position:absolute;
	left:233px;
	top:296px;	
	width:78px;
	height:21px;
	z-index:6;
	}
	
#l2_spanisl {
	position:absolute;
	width:152px;
	height:241px;
	left:625px;
	top:79px;
	z-index:2;
	}
	
#l2_spanisllink {
	position:absolute;
	left:625px;
	top:320px;	
	width:95px;
	height:26px;
	z-index:6;
	}
	
	
	
	
#l2_gothic {
	position:absolute;
	width:250px;
	height:409px;
	left:527px;
	top:6px;
	z-index:2;
	}
	
#l2_gothiclink {
	position:absolute;
	left:540px;
	top:116px;	
	width:49px;
	height:21px;
	z-index:6;
	}
	
#l2_gothicrev {
	position:absolute;
	width:407px;
	height:189px;
	left:1px;
	top:120px;
	z-index:2;
	}
	
#l2_gothicrevlink {
	position:absolute;
	left:343px;
	top:309px;	
	height:29px;
	width:91px;
	z-index:6;
	}
	
	
	
	
#l2_classical  {
	position:absolute;
	width:441px;
	height:207px;
	left:1px;
	top:129px;
	z-index:2;
	}
	
#l2_classicallink {
	position:absolute;
	left:266px;
	top:103px;	
	width:56px;
	height:26px;
	z-index:6;
	}
	
#l2_classicalrev {
	position:absolute;
	width:192px;
	height:251px;
	left:585px;
	top:110px;
	z-index:2;
	}
	
#l2_classicalrevlink {
	position:absolute;
	left:583px;
	top:361px;	
	width:102px;
	height:20px;
	z-index:6;
	}
	
	
#lev2_backpic { 
	position:absolute;
	width:111px;
	height:20px;
	left:32px;
	top:375px;
	}
	
	
	
/* section template styles */

#flashquiz {
	position:absolute;
	width:776px;
	height:479px;
	left:0px;
	top:85px;
	}
	
	
#sect_titlediv_vt { 
	position:absolute;
	width:358px;
	left:31px;
	top:104px;	
	font-family: arial, verdana, helvetica, sans;
	font-weight: bold;
	text-decoration: none;
	font-size:16px;
	line-height:18px;
	color:#5f6062;
	}
	
#sect_copydiv_vt { 
	margin-top:6px;
	position:relative;
	width:240px;
	font-family: arial, verdana, helvetica, sans;
	font-weight:normal;
	text-decoration :none;
	font-size:12px;
	line-height:16px;
	color:#5f6062;
	}
	
#sect_titlediv_hz { 
	position:absolute;
	width:358px;
	left:31px;
	top:104px;	
	font-family: arial, verdana, helvetica, sans;
	font-weight: bold;
	text-decoration: none;
	font-size:16px;
	line-height:18px;
	color:#5f6062;
	}
	
	
#sect_copydiv_hz { 
	margin-top:6px;
	position:relative;
	width:240px;
	font-family: arial, verdana, helvetica, sans;
	font-weight:normal;
	text-decoration :none;
	font-size:12px;
	line-height:16px;
	color:#5f6062;
	}
	
#sect_picdiv_vt { 
	position:absolute;
	height:484px;
	right:1px;
	bottom:1px;
	border:0px;
	margin:0px;
	}
	


#sect_piccopy_vt { 
	position:relative;
	text-align:right;
	width:300px;
	float:left;
	left:-20px;
	bottom:-400px; 
	font-family:arial, verdana, helvetica, sans;
	font-weight:normal;
	text-decoration :none;
	font-size:9px;
	line-height:12px;
	color:#5f6062;
	}
	
#sect_picdiv_hz { 
	position:absolute;
	right:1px;
	height:237px;
	top:326px;	
	}
	
	
#sect_piccopy_hz { 
	position:relative;
	text-align:right;
	width:200px;
	height:48px;
	float:left;
	left:-20px;
	bottom:-115px;
	font-family:arial, verdana, helvetica, sans;
	font-weight:normal;
	text-decoration :none;
	font-size:9px;
	line-height:12px;
	color:#5f6062;
	}
	
#sect_vt_backpic { 
	position:absolute;
	width:111px;
	height:20px;
	left:31px;
	top:522px;
	}


#sect_hz_backpic { 
	position:absolute;
	width:111px;
	height:20px;
	left:31px;
	top:295px;
	}

	
#sect_feature_vt	{
	position:absolute;
	width:97px;
	height:60px;
	left:311px;
	top:106px;
	font-family:arial, verdana, helvetica, sans;
	font-weight:bold;
	text-decoration :none;
	font-size:12px;
	line-height:14px;
	color:#5f6062;
	}
	
#sect_feature_hz	{
	position:absolute;
	width:97px;
	height:60px;
	left:311px;
	top:106px;
	font-family:arial, verdana, helvetica, sans;
	font-weight:bold;
	text-decoration :none;
	font-size:12px;
	line-height:14px;
	color:#5f6062;
	}
	

	
#sect_feature0a_vt	{
	z-index:5;
	position:absolute;
	width:58px;
	height:58px;
	left:311px;
	top:131px;
	background-color:#eeeeee
	}
	
#sect_feature0b_vt { 
	font-size:10px;
	line-height:12px;
	z-index:5;
	position:absolute;
	width:60px;
	height:60px;
	left:377px;
	top:129px;
	}
	
#sect_feature1a_vt	{	
	z-index:5;
	position:absolute;
	width:58px;
	height:58px;
	left:311px;
	top:236px;
	background-color:#eeeeee
	}
	
#sect_feature1b_vt { 
	font-size:10px;
	line-height:12px;
	z-index:5;
	position:absolute;
	width:60px;
	height:60px;
	left:377px;
	top:234px;
	}
	
#sect_feature2a_vt	{
	z-index:5;
	position:absolute;
	width:58px;
	height:58px;
	left:311px;
	top:343px;
	background-color:#eeeeee
	}
	
#sect_feature2b_vt { 
	font-size:10px;
	line-height:12px;
	z-index:5;
	position:absolute;
	width:60px;
	height:60px;
	left:377px;
	top:341px;
	}
	
#sect_building_vt	{
	z-index:2;
	position:absolute;
	width:97px;
	height:60px;
	left:444px;
	top:106px;
	font-family:arial, verdana, helvetica, sans;
	font-weight:bold;
	text-decoration :none;
	font-size:12px;
	line-height:14px;
	color:#5f6062;
	}
	
#sect_building_hz	{
	position:absolute;
	width:97px;
	height:60px;
	left:311px;
	top:210px;
	font-family:arial, verdana, helvetica, sans;
	font-weight:bold;
	text-decoration :none;
	font-size:12px;
	line-height:14px;
	color:#5f6062;
	}
	
#sect_building3a_vt {
	position:absolute;
	width:58px;
	z-index:6;
	height:58px;
	left:444px;
	top:131px;
	background-color:#eeeeee
	}
	
#sect_building3b_vt { 
	font-size:10px;
	line-height:12px;
	z-index:6;
	position:absolute;
	width:60px;
	height:60px;
	left:510px;
	top:129px;
	}


	
#sect_building4a_vt	{
	z-index:5;
	position:absolute;
	width:58px;
	height:58px;
	left:444px;
	top:236px;
	background-color:#eeeeee
	}
	
#sect_building4b_vt { 
	font-size:10px;
	line-height:12px;
	z-index:5;
	position:absolute;
	width:60px;
	height:60px;
	left:510px;
	top:234px;
	}
	
#sect_building5a_vt	{
	z-index:5;
	position:absolute;
	width:58px;
	height:58px;
	left:444px;
	top:343px;
	background-color:#eeeeee
	}

#sect_building5b_vt { 
	font-size:10px;
	line-height:12px;
	z-index:5;
	position:absolute;
	width:60px;
	height:60px;
	left:510px;
	top:341px;
	}
	
#sect_feature0a_hz {
	z-index:5;
	position:absolute;
	width:58px;
	height:58px;
	left:311px;
	top:131px;
	background-color:#eeeeee
	}
	
#sect_feature0b_hz { 
	z-index:5;
	font-size:10px;
	line-height:12px;
	z-index:5;
	position:absolute;
	width:60px;
	height:60px;
	left:377px;
	top:129px;
	}
	
	
#sect_feature1a_hz {	
	z-index:5;
	position:absolute;
	width:58px;
	height:58px;
	left:444px;
	top:131px;
	background-color:#eeeeee
	}
	
#sect_feature1b_hz { 
	font-size:10px;
	line-height:12px;
	z-index:6;
	position:absolute;
	width:60px;
	height:60px;
	left:510px;
	top:129px;
	}
	
	
#sect_feature2a_hz	{
	z-index:5;
	position:absolute;
	width:58px;
	height:58px;
	left:578px;
	top:131px;
	background-color:#eeeeee
	}
	
#sect_feature2b_hz { 
	z-index:5;
	font-size:10px;
	line-height:12px;
	position:absolute;
	width:70px;
	height:60px;
	left:644px;
	top:128px;
	}
	
	
	
#sect_building3a_hz {	
	z-index:5;
	position:absolute;
	width:58px;
	height:58px;
	left:311px;
	top:236px;
	background-color:#eeeeee
	}
	
#sect_building3b_hz { 
	font-size:10px;
	line-height:12px;
	z-index:5;
	position:absolute;
	width:60px;
	height:60px;
	left:377px;
	top:234px;
	}


	
#sect_building4a_hz	{
	z-index:5;
	position:absolute;
	width:58px;
	height:58px;
	left:444px;
	top:236px;
	background-color:#eeeeee
	}
	
#sect_building4b_hz { 
	font-size:10px;
	line-height:12px;
	z-index:5;
	position:absolute;
	width:60px;
	height:60px;
	left:510px;
	top:234px;
	}



#sect_building5a_hz	{
	position:absolute;
	z-index:5;
	width:58px;
	height:58px;
	left:578px;
	top:237px;
	background-color:#eeeeee
	}
	
#sect_building5b_hz { 
	z-index:5;
	font-size:10px;
	line-height:12px;
	position:absolute;
	width:70px;
	height:60px;
	left:644px;
	top:234px;
	}

	
#sect_instruct_vt {
	position:absolute;
	width:228px;
	height:98px;
	left:496px;
	top:795px;
	}
	
#sect_instruct_hz {
	display:none;
	position:absolute;
	width:228px;
	height:98px;
	left:496px;
	top:795px;
	}
	
.touchtext {	
	font-family: V&A TheSansItalic, verdana, arial, helvetica, sans;
	font-weight : normal;
	text-decoration : none;
	font-size:20px;
	line-height:28px;
	color:#37939b;
}	
.touchtext:hover {	
	font-family: V&A TheSansItalic, verdana, arial, helvetica, sans;
	font-weight : normal;
	text-decoration : none;
	font-size:20px;
	line-height:28px;
	color:#37939b;
}	
	
	
	
/* detail vertical pic template styles */


#detailvt_titlediv1 { 
	position:absolute;
	width:358px;
	height:48px;
	left:32px;
	top:102px;	
	font-family: arial,verdana, helvetica, sans;
	font-weight: bold;
	text-decoration: none;
	font-size:12px;
	line-height:14px;
	color:#5f6062;
	}
	
#detailvt_titlediv2 { 
	position:absolute;
	width:450px;
	height:48px;
	left:32px;
	top:143px;	
	font-family: arial,verdana, helvetica, sans;
	font-weight : bold;
	text-decoration : none;
	font-size:16px;
	line-height:18px;
	color:#5f6062;
	}
	
#detailvt_copydiv1 { 
	position:relative;
	width:320px;
	margin-top:12px;
	left:0px;
	font-family:arial,verdana, helvetica, sans;
	font-weight:normal;
	text-decoration :none;
	font-size:12px;
	line-height:16px;
	color:#5f6062;
	}
	
BR { 
	line-height:12px;
	}
	
#detailvt_picdiv { 
	position:absolute;
	width:355px;
	height:386px;
	right:1px;
	top:177px;
	}
	
	
#detailvt_piccopy { 
	position:absolute;
	text-align:right;
	width:200px;
	left:200px;
	bottom:0px;
	margin-bottom:25px;
	font-family: arial, verdana, helvetica, sans;
	font-weight:normal;
	text-decoration :none;
	font-size:9px;
	line-height:12px;
	color:#5f6062;
	}
	


#detailvt_magnifytext {
	position:absolute;
	width:200px;
	height:31px;
	left:460px;
	top:753px;
	}
	
#detailvt_magnifypic { 
	position:absolute;
	width:209px;
	height:24px;
	left:192px;
	top:430px;
	}
	
	
	
	
/* detail horizontal pic template styles */

#detailhz_picdiv  { 
	position:absolute;
	width:776px;
	height:238px;
	left:1px;
	top:325px;	
	}

#detailhz_piccopy { 
	position:absolute;
	width:150px;
	height:48px;
	left:621px;
	bottom:270px;
	font-family: arial, verdana, helvetica, sans;
	font-weight:normal;
	text-decoration :none;
	font-size:9px;
	line-height:12px;
	color:#5f6062;
	}	
	
#detailhz_titlediv1 { 
	position:absolute;
	width:358px;
	height:48px;
	left:32px;
	top:96px;	
	font-family: arial,verdana, helvetica, sans;
	font-weight: bold;
	text-decoration: none;
	font-size:12px;
	line-height:14px;
	color:#5f6062;
	}
	
#detailhz_titlediv2 { 
	position:absolute;
	width:600px;
	height:48px;
	left:32px;
	top:118px;	
	font-family: arial,verdana, helvetica, sans;
	font-weight : bold;
	text-decoration : none;
	font-size:16px;
	line-height:18px;
	color:#5f6062;
	}
	
#detailhz_copydiv1 { 
	width:270px;
	margin-top:12px;
	left:0px;
	font-family:arial,verdana, helvetica, sans;
	font-weight:normal;
	text-decoration :none;
	font-size:12px;
	line-height:16px;
	color:#5f6062;
	}
	
#detailhz_copydiv2 { 
	position:absolute;
	width:265px;
	left:330px;
	top:148px;
	font-family:arial,verdana, helvetica, sans;
	font-weight:normal;
	text-decoration :none;
	font-size:12px;
	line-height:16px;
	color:#5f6062;
	}

#detailhz_backpic { 
	position:absolute;
	width:31px;
	height:31px;
	left:80px;
	top:550px;
	}

#detailhz_backtext {
	position:absolute;
	width:358px;
	height:31px;
	left:110px;
	top:553px;
	}
	


#detailhz_magnifypic { 
	position:absolute;
	width:209px;
	height:24px;
	left:330px;
	top:295px;
	}
	
	
/* detail shared template styles */
	
#detail_nextarrow	{
	position:absolute;
	width:20px;
	height:19px;
	left:740px;
	top:122px;
	background-color:#eeeeee
	}
	
	
#detail_nextpic	{
	position:absolute;
	width:42px;
	height:42px;
	left:621px;
	top:107px;
	}
	
#detail_nextdesc { 
	font-size:10px;
	line-height:11px;
	position:absolute;
	width:70px;;
	height:45px;
	left:670px;
	top:104px;
	}

.detail_nexttitle {
	font-family: arial,verdana, helvetica, sans;
	font-weight: bold;
	text-decoration: none;
	font-size:10px;
	line-height:11px;
	color:#5f6062;
		}
		
.detail_nextcopy {
	font-family: arial,verdana, helvetica, sans;
	font-weight: normal;
	text-decoration: none;
	font-size:10px;
	line-height:11px;
	color:#5f6062;
		}	
		
.detail_nextcopy:hover {
	color:#37939b;
		}