/* CSS Document */
/* -------3.11.06-------- */
/* ---------Link Colors-------- */
/* grey */ A:link { color: #666666; text-decoration: none; }
/* dark grey */A:visited { color: #666666; text-decoration: none; }
/* red */A:hover { color: #CC0000; text-decoration: none; }
/* grey */A:active { color: #666666; text-decoration: none; }



/* ---------Text Styles-------- */
.greyBody{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height :15px; }
.redBody{color: #CC0000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height :15px; }
.greyBodySm{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 11px; line-height :13px; }
.greyBodySm2{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 10px; line-height :12px; }
.greyBodySmLead{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 11px; line-height :12px; }
.greyBodyBgLead{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height :16px; }
.blackBodyBgLead{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height :16px; }



.greyCapsBgLead{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height :17px; }
.lightgreyCapsBgLead{color: #999999; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height :17px; }

.titleBlack{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 18px; line-height :21px; }

.titleBlackMultiline{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 18px; line-height :20px; }
.titleGrey{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 18px; line-height :21px; }
.titleBlackSm{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 15px; line-height :16px; }


.subtitleFont{color: #666666; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 11px; line-height :12px; }
.subtitleBlack{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 14px; line-height :18px; }
.subtitleBlackBg{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 16px; line-height :19px; }
.subtitleBlackBgLead{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 14px; line-height :18px; }
.subtitleBlackMultiline{color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 14px; line-height :16px; }

.subtitleRed{color:#CC0000 ; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height :18px; }
.subtitleRedBold{color:#CC0000 ; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold; font-size: 14px; line-height :18px; }
.subtitleRedMultiline{color:#CC0000 ; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height :16px; }
.subtitleRedMultilineSm{color:#CC0000 ; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 13px; line-height :15px; }
.subtitleRedBig{color:#CC0000 ; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 16px; line-height :19px; }

.subtitleGrey{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height :18px; }
.subtitleGreyMultilineB{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 14px; line-height :16px; }
.subtitleGreySm{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 13px; line-height :17px; }
.subtitleGreyMultilineSm{color:#333333 ; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 13px; line-height :14px; }

.sideGrey{color:#666666 ; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; line-height :10px; }
.sidelightGrey{color:#999999 ; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; line-height :10px; }
.sideBlueGrey{color:#99ccff ; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; line-height :10px; }
.sideGreyBody{color:#333333 ; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 11px; line-height :11px; }
.redDate{color: #CC0000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height :9px; }


/* (subtitleSlash turned off) */
.subtitleSlash{color: #FFFFFF; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 10px; }

.sideSlash{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 8px; line-height :9px;}
.sideSlash2{color: #333333; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 8px; line-height :21px;}


div#container {
	position: relative;
	margin: auto;
	width: 690px;
		
}


/* top */
div#masthead{position: absolute; top: 42.5px; left: 0px;}
div#redslash1{position: absolute; top: 100.5px; left: 0px;}

/* navigation options about 5pixels for leading, -57.5px from the left */
div#nav{position: absolute; top: 111.5px;}
div#navhome{position: absolute; top: 0px; left: 0px; }
div#navabout{position: absolute; top: 0px; left: 70px;}
div#navexhibitions{position: absolute; top: 0px; left: 178px;}
div#navnews{position: absolute; top: 0px; left: 288px;}
div#navdesigners{position: absolute; top: 0px; left: 429px;}
div#navpress{position: absolute; top: 0px; left: 532px;}
div#navcontact{position: absolute; top: 0px; left: 606px;}



div#redslash2{position: absolute; top: 125.5px; left: 0px;}

/* subtitle row 1 */
div#subtitleLeft1{position: absolute; top: 139.5px; left: 0px;}
div#subtitleMid1{position: absolute; top: 139.5px; left: 233.5px;}
div#subtitleRight1{position: absolute; top: 139.5px; left: 342.5px;}
div#subtitleMidRight1{position: absolute; top: 139.5px; left: 330.5px;}
div#subtitleExtRight1{position: absolute; top: 139.5px; left: 516px;}
div#subtitleExtRight2{position: absolute; top: 139.5px; left: 580px;}

div#newsSubtitle{position: absolute; top: 139.5px; left: 146px; }
div#newsRightSubtitle{position: absolute; top: 139.5px; left: 496px;}
/* main pic */
div#mainpic{position: absolute; top: 155.5px; left: 0px; }
div#mainpicShorter{position: absolute; top: 155.5px; left: 0px; width:135px; }

div#workInfoV{position: absolute; top: 581.5px; left: 0px; }
div#workInfoV2{position: absolute; top: 683.5px; left: 0px; }
div#workInfoH{position: absolute; top: 398.5px; left: 0px; }
div#workInfoH2{position: absolute; top: 506.5px; left: 0px; }
/* profile sub pics 104 x 78 | 2px apart */
.subsectionProfilePic1{position: absolute; left: 0px; top:0px;}
.subsectionProfilePic2{position: absolute; left: 106px; top:0px;}
.subsectionProfilePic3{position: absolute; left: 212px; top:0px;}

/* designers pic 124 x 93 +114 */
div#designersSmRow1{position: absolute; top: 155.5px; left: 146px; }
div#designersSmRow2{position: absolute; top: 269.5px; left: 146px; }
div#designersSmRow3{position: absolute; top: 383.5px; left: 146px; }
div#designersSmRow4{position: absolute; top: 497.5px; left: 146px; }
div#designersSmRow5{position: absolute; top: 611.5px; left: 146px; }

div#designersSmRowL1{position: absolute; top: 155.5px; left: 0px; }
div#designersSmRowL2{position: absolute; top: 269.5px; left: 0px; }
div#designersSmRowL3{position: absolute; top: 383.5px; left: 0px; }
div#designersSmRowL4{position: absolute; top: 497.5px; left: 0px; }
div#designersSmRowL5{position: absolute; top: 611.5px; left: 0px; }

.designerSmPic1{position: absolute;  left:0px;}
.designerSmPic2{position: absolute;  left:132px;}
.designerSmPic3{position: absolute;  left:264px;}
.designerSmPic4{position: absolute;  left:396px;}

div#designersNamesRow1{position: absolute; top: 251.5px; left: 146px; }
div#designersNamesRow2{position: absolute; top: 365.5px; left: 146px; }
div#designersNamesRow3{position: absolute; top: 479.5px; left: 146px; }
div#designersNamesRow4{position: absolute; top: 593.5px; left: 146px; }
div#designersNamesRow5{position: absolute; top: 707.5px; left: 146px; }
.designerName1{position: absolute;  left:0px; width:124px;}
.designerName2{position: absolute;  left:132px; width:124px;}
.designerName3{position: absolute;  left:264px;width:124px;}
.designerName4{position: absolute;  left:396px; width:124px;}


/* latest news and updates 108 x 81 px 12perpage +93px */
div#sectionPics{position: absolute; top: 155.5px; left: 146px; }
.sectionPic1{position: absolute;  top:0px; }
.sectionPic2{position: absolute;  top:93px; }
.sectionPic3{position: absolute;  top:186px; }
.sectionPic4{position: absolute;  top:279px; }
.sectionPic5{position: absolute;  top:372px; }
.sectionPic6{position: absolute;  top:465px; }
.sectionPic7{position: absolute;  top:558px; }
.sectionPic8{position: absolute;  top:651px; }
.sectionPic9{position: absolute;  top:744px; }
.sectionPic10{position: absolute;  top:837px; }
.sectionPic11{position: absolute;  top:930px; }
.sectionPic12{position: absolute;  top:1023px; }


div#mainNews1{width:375px; position: absolute; top: 155.5px; left: 265px; }
div#mainNews2{width:375px; position: absolute; top: 248.5px; left: 265px; }
div#mainNews3{width:375px; position: absolute; top: 341.5px; left: 265px; }
div#mainNews4{width:375px; position: absolute; top: 434.5px; left: 265px; }
div#mainNews5{width:375px; position: absolute; top: 527.5px; left: 265px; }
div#mainNews6{width:375px; position: absolute; top: 620.5px; left: 265px; }
div#mainNews7{width:375px; position: absolute; top: 713.5px; left: 265px; }
div#mainNews8{width:375px; position: absolute; top: 806.5px; left: 265px; }
div#mainNews9{width:375px; position: absolute; top: 899.5px; left: 265px; }
div#mainNews10{width:375px; position: absolute; top: 992.5px; left: 265px; }
div#mainNews11{width:375px; position: absolute; top: 1085.5px; left: 265px; }
div#mainNews12{width:375px; position: absolute; top: 1178.5px; left: 265px; }


div#mainNewsShorter1{width:218px; position: absolute; top: 155.5px; left: 268px; }
div#mainNewsShorter2{width:209px; position: absolute; top: 248.5px; left: 268px; }
div#mainNewsShorter3{width:209px; position: absolute; top: 341.5px; left: 268px; }
div#mainNewsShorter4{width:209px; position: absolute; top: 434.5px; left: 268px; }


div#download1{
	width:169px;
	position: absolute;
	top: 155.5px;
	left: 516px;
	background-color: #E4E9E9;
}
div#download2{width:169px; position: absolute; top: 235.5px; left: 516px; background-color: #EDEFF1;}
div#download3{width:169px; position: absolute; top: 315.5px; left: 516px; background-color: #EDEFF1;}
div#download4{width:169px; position: absolute; top: 395.5px; left: 516px;background-color: #EDEFF1; }

/*section left +14(without pic height)/+68  218px width (1/3)*/
div#sectionLeftContentP1{position: absolute; top: 223.5px; left: 0px; width: 218px;}
div#sectionLeftContentP2{position: absolute; top: 291.5px; left: 0px; width: 218px;}
div#sectionLeftContentP3{position: absolute; top: 359.5px; left: 0px; width: 218px;}
div#sectionLeftContentP4{position: absolute; top: 427.5px; left: 0px; width: 218px;}
div#sectionLeftContentP5{position: absolute; top: 495.5px; left: 0px; width: 218px;}

/*section mid +14(without pic height)/+68  218px width (1/3)*/
div#sectionMid{position: absolute; top: 155.5px; left: 233.5px; width: 218px;}
div#sectionMidLonger{position: absolute; top: 155.5px; left: 233.5px; width: 304px;}

/*section mid   248px width */
div#sectionMidContent{
	position: absolute;
	top: 360.5px;
	left: 233.5px;
	width: 264px;
}


/*section mid   140px width (2/3 of 1/3)*/
div#sectionRightContent{position: absolute; top: 155.5px; left: 540px; width: 150px;}


/* latest news and updates 96 x 72 px */
div#sectionSmPics{position: absolute; top: 155.5px; left: 342.5px; }
.sectionSmPic1{position: absolute; top: 0px; }
.sectionSmPic2{position: absolute; top: 84px; }
.sectionSmPic3{position: absolute; top:168px; }

div#latestnews1{width:237px; position: absolute; top: 155.5px; left: 448.5px; }
div#latestnews2{width:237px; position: absolute; top: 239.5px; left: 448.5px; }
div#latestnews3{width:237px; position: absolute; top: 323.5px; left: 448.5px; }


/* subtitle rows 2*/
div#subtitleLeft2{position: absolute; top: 405.5px; left: 0px;}
div#subtitleMid2{position: absolute; top: 405.5px; left: 233.5px;}
div#subtitleRight2{position: absolute; top: 405.5px; left: 467px;}



/* subsection left*/
div#subsectionLeftPics{position: absolute; top: 421.5px; left: 0px;}
div#subsectionLeftPics2{position: absolute; top: 600.5px; left: 0px;}

.subsectionPic1{position: absolute; left: 0px; }
.subsectionPic2{position: absolute; left: 73px;}
.subsectionPic3{position: absolute; left: 146px;}


div#subsectionLeftContent{position: absolute; top: 489.5px; left: 0px; width:217px;}


/* subsection left multiple paragraphs +68px  */
div#subsectionLeftContentP1{position: absolute; top: 489.5px; left: 0px; width: 218px;}
div#subsectionLeftContentP2{position: absolute; top: 557.5px; left: 0px; width: 218px;}
div#subsectionLeftContentP3{position: absolute; top: 625.5px; left: 0px; width: 218px;}
div#subsectionLeftContentP4{position: absolute; top: 693.5px; left: 0px; width: 218px;}
div#subsectionLeftContentP5{position: absolute; top: 761.5.5px; left: 0px; width: 218px;}

/* subsection 2 : bigger pics (106 by 80px) */
.subsectionBigPic1{position: absolute; top:0px; left: 0px;}
.subsectionBigPic2{position: absolute; left: 107px;}
.subsectionBigPic3{position: absolute; left: 214px;}

.subsectionBigPic4{position: absolute; top:81px; left: 0px;}
.subsectionBigPic5{position: absolute; top:81px; left: 107px;}
.subsectionBigPic6{position: absolute; top:81px; left: 214px;}

.subsectionBigPic7{position: absolute; top:162px; left: 0px;}
.subsectionBigPic8{position: absolute; top:162px; left: 107px;}
.subsectionBigPic9{position: absolute; top:162px; left: 214px;}

.subsectionBigPic10{position: absolute; top:243px; left: 0px;}
.subsectionBigPic11{position: absolute; top:243px; left: 107px;}
.subsectionBigPic12{position: absolute; top:243px; left: 214px;}

/* profile pics (176 by 132 px) */
.subsectionProfilePic1{position: absolute; left: 0px;}
.subsectionProfilePic2{position: absolute; left: 107px;}
.subsectionProfilePic3{position: absolute; left: 214px;}

.subsectionProfilePic4{position: absolute; top:80.5px; left: 0px;}
.subsectionProfilePic5{position: absolute; top:80.5px; left: 107px;}
.subsectionProfilePic6{position: absolute; top:80.5px; left: 214px;}

.subsectionProfilePic7{position: absolute; top:160.5px; left: 0px;}
.subsectionProfilePic8{position: absolute; top:160.5px; left: 107px;}
.subsectionProfilePic9{position: absolute; top:160.5px; left: 214px;}

.subsectionProfilePic10{position: absolute; top:240.5px; left: 0px;}
.subsectionProfilePic11{position: absolute; top:240.5px; left: 107px;}
.subsectionProfilePic12{position: absolute; top:240.5px; left: 214px;}


/* subsection  3 : same small pics (72 by 54) but vertically aligned  */
.subsectionVertPic1{position: absolute; left: 0px; top:0px;}
.subsectionVertPic2{position: absolute; left: 0px; top:68px;}
.subsectionVertPic3{position: absolute; left: 0px; top:136px;}
.subsectionVertPic4{position: absolute; left: 0px; top:204px;}
.subsectionVertPic5{position: absolute; left: 0px; top:272px;}

/* subsection middle*/
div#subsectionMidPics{position: absolute; top: 421.5px; left: 233.5px;}

div#subsectionMidContent{position: absolute; top: 489.5px; left: 233.5px; width: 217px}

/* subsection middle multiple paragraphs +68px  */
div#subsectionMidContentP1{
	position: absolute;
	top: 421.5px;
	left: 315.5px;
	width: 140px;
	height: 54px;
	background-color: #E4E9E9;
	
}
div#subsectionMidContentP2{
	position: absolute;
	top: 489.5px;
	left: 315.5px;
	width: 140px;
	height: 54px;
	background-color: #E4E9E9;
	}
div#subsectionMidContentP3{position: absolute; top: 557.5px; left: 315.5px; width: 140px;}
div#subsectionMidContentP4{position: absolute; top: 625.5px; left: 315.5px; width: 140px;}
div#subsectionMidContentP5{position: absolute; top: 693.5px; left: 315.5px; width: 140px;}

/* subsection middle multiple paragraphs longer +68px  */
div#subsectionMidLgContentP1{position: absolute; top: 489.5px; left: 233.5px; width: 218px;}
div#subsectionMidLgContentP2{position: absolute; top: 557.5px; left: 233.5px; width: 218px;}
div#subsectionMidLgContentP3{position: absolute; top: 625.5px; left: 233.5px; width: 218px;}
div#subsectionMidLgContentP4{position: absolute; top: 693.5px; left: 233.5px; width: 218px;}
div#subsectionMidLgContentP5{position: absolute; top: 761.5px; left: 233.5px; width: 218px;}

/* subsection middle multiple paragraphs longest +68px  */
div#subsectionMidLgstContentP1{position: absolute; top: 489.5px; left: 315.5px; width: 370px;}
div#subsectionMidLgstContentP1{position: absolute; top: 557.5px; left: 315.5px; width: 370px;}
div#subsectionMidLgstContentP2{position: absolute; top: 625.5px; left: 315.5px; width: 370px;}
div#subsectionMidLgstContentP3{position: absolute; top: 693.5px; left: 315.5px; width: 370px;}
div#subsectionMidLgstContentP4{position: absolute; top: 761.5px; left: 315.5px; width: 370px;}




/* subsection right*/
div#subsectionRightPics{position: absolute; top: 421.5px; left: 467px;}

div#subsectionRightContent{position: absolute; top: 489.5px; left: 467px; width:217px;}
/* subsection right multiple paragraphs +68px  */
div#subsectionRightContentP1{
	position: absolute;
	top: 421.5px;
	left: 549px;
	width: 140px;
	height: 54px;
	background-color: #E4E9E9;
	
	}
div#subsectionRightContentP2{
	position: absolute;
	top: 489.5px;
	left: 549px;
	width: 140px;
	height: 54px;
	background-color: #E4E9E9;
	}
	
div#subsectionRightContentP3{position: absolute; top: 557.5px; left: 549px; width: 140px;}
div#subsectionRightContentP4{position: absolute; top: 625.5px; left: 549px; width: 140px;}
div#subsectionRightContentP5{position: absolute; top: 693.5px; left: 549px; width: 140px;}

/* subsection right multiple paragraphs longer +68px  */
div#subsectionRightLgContentP1{position: absolute; top: 489.5px; left: 467px; width: 218px;}
div#subsectionRightLgContentP2{position: absolute; top: 557.5px; left:467px; width: 218px;}
div#subsectionRightLgContentP3{position: absolute; top: 625.5px; left: 467px; width: 218px;}
div#subsectionRightLgContentP4{position: absolute; top: 693.5px; left: 467px; width: 218px;}
div#subsectionRightLgContentP5{position: absolute; top: 761.5px; left: 467px; width: 218px;}

/* content*/
div#contactContent, div#exhibitionContent{width:205px; position: absolute; top: 152.5px; left: 330.5px;}

/* secondary info*/
div#secondaryInfo{
	width:140px;
	position: absolute;
	top: 157px;
	left: 550px;
}

/* page numbers*/
div#pgNum{ position: absolute; top: 620.5px; left: 146px;}
div#pgNum2{ position: absolute; top: 1286.5px; left: 146px;}

/* subsection 3, for 'about'*/
div#subtitleLeft3{position: absolute; top: 450px; left: 0px;}
div#subsectionLeftPics3{position: absolute; top: 470px; left: 0px;}
div#subtitleMidAbout{position: absolute; top: 139.5px; left: 230.5px;}
div#sectionMidAbout{position: absolute; top: 155.5px; left: 230.5px; width: 305px;}
div#sectionMidAbout2{position: absolute; top: 238.5px; left: 230.5px; width: 305px;}
/* for pics on top*/
.subsectionTopPic1{position: absolute; left: 0px; }
.subsectionTopPic2{position: absolute; left: 101px;}
.subsectionTopPic3{position: absolute; left: 202px;}


/* one-offs for prev exhibitions*/
div#UCContent{position: absolute; top: 485px; left: 120px; width: 420px;}
div#UCPic1{position: absolute; top: 485px; left: 0px;}
div#UCPic2{position: absolute; top: 585px; left: 0px;}

div#alpha{ position: absolute; top: 155.5px; left: 645px; }
div#Midbottom{ position: absolute; top: 534px; left: 233.5px; }