/* 
1) ========= RESET BROWSER DEFAULTS =============
                 
*/

:link,:visited { 
	text-decoration: none;
	}

ul,li,h1,h2,body,html,p,img {
	margin: 0;
	padding: 0;
	}

a img,:link img,:visited img {
	border: none;
	}
	
a, a:active {
	outline: none;
	}

/*
2) ========= BODY & FRAMEWORK =============
 */

body {
}

body.home {
	width: 100%;
	height: 100%;
	background: #28EDD9;
}

body.furniture {
	width: 1150px;
	height: 600px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;

	background: #59595F;
}

body.projects {
	width: 1150px;
	height: 900px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;

	background: #59595F;
}


body.profile, body.press, body.contact {
	width: 1150px;
	height: 600px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #533F4C;	
}

body.animation {
}

	
body.main {
}	

a:link, a:visited {
	color: white;
	text-decoration: none;
	font-size: 10px;
	}
	
a:hover {
	color: #9d9fa2;
	}

/*
3) ========= MENU =============
 */

#menu {
	position: absolute;
	top: 20px;
	left: 25px;
	width: 135px;
	height: 95px;
	float: left;
	margin: 0;
	padding: 0;
	color: white;
	background: transparent url(../images/menu.gif) 0 0 no-repeat;
}

#home #menu {
	background: transparent url(../images/menu.gif) 0 0 no-repeat;
}

#projects #menu, #furniture #menu {
	background: transparent url(../images/menu.gif) 0 -100px no-repeat;
}

#profile #menu, #press #menu, #contact #menu {
	background: transparent url(../images/menu.gif) 0 -200px no-repeat;
}

#menu li{
	margin: 0; 
	padding: 0; 
	list-style: none;
	display: block;
	position: absolute;
	}	

#menu a {
	position: absolute;
	display: block;
	}

#menu a  span {
	display: none;
	}	

#home #menu #menu-projects a {left: 0px; top: 0px; width: 72px; height: 14px;}
#home #menu #menu-projects a:hover {background: url(../images/menu.gif) -150px 0px no-repeat;}
#home #menu #menu-furniture a {left: 0px; top: 20px; width: 134px; height: 14px;}
#home #menu #menu-furniture a:hover {background: url(../images/menu.gif) -150px -20px no-repeat;}
#home #menu #menu-profile a {left: 0px; top: 40px; width: 60px; height: 14px;}
#home #menu #menu-profile a:hover {background: url(../images/menu.gif) -150px -40px no-repeat;}
#home #menu #menu-press a {left: 0px; top: 60px; width: 45px; height: 14px;}
#home #menu #menu-press a:hover {background: url(../images/menu.gif) -150px -60px no-repeat;}
#home #menu #menu-contact a {left: 0px; top: 80px; width: 66px; height: 14px;}
#home #menu #menu-contact a:hover {background: url(../images/menu.gif) -150px -80px no-repeat;}
	
#projects #menu #menu-projects a {left: 0px; top: 0px; width: 72px; height: 14px;}
#projects #menu #menu-projects a:hover {background: url(../images/menu.gif) -150px -100px no-repeat;}
#projects #menu #menu-furniture a {left: 0px; top: 20px; width: 134px; height: 14px;}
#projects #menu #menu-furniture a:hover {background: url(../images/menu.gif) -150px -120px no-repeat;}
#projects #menu #menu-profile a {left: 0px; top: 40px; width: 60px; height: 14px;}
#projects #menu #menu-profile a:hover {background: url(../images/menu.gif) -150px -140px no-repeat;}
#projects #menu #menu-press a {left: 0px; top: 60px; width: 45px; height: 14px;}
#projects #menu #menu-press a:hover {background: url(../images/menu.gif) -150px -160px no-repeat;}
#projects #menu #menu-contact a {left: 0px; top: 80px; width: 66px; height: 14px;}
#projects #menu #menu-contact a:hover {background: url(../images/menu.gif) -150px -180px no-repeat;}

#furniture #menu #menu-projects a {left: 0px; top: 0px; width: 72px; height: 14px;}
#furniture #menu #menu-projects a:hover {background: url(../images/menu.gif) -150px -100px no-repeat;}
#furniture #menu #menu-furniture a {left: 0px; top: 20px; width: 134px; height: 14px;}
#furniture #menu #menu-furniture a:hover {background: url(../images/menu.gif) -150px -120px no-repeat;}
#furniture #menu #menu-profile a {left: 0px; top: 40px; width: 60px; height: 14px;}
#furniture #menu #menu-profile a:hover {background: url(../images/menu.gif) -150px -140px no-repeat;}
#furniture #menu #menu-press a {left: 0px; top: 60px; width: 45px; height: 14px;}
#furniture #menu #menu-press a:hover {background: url(../images/menu.gif) -150px -160px no-repeat;}
#furniture #menu #menu-contact a {left: 0px; top: 80px; width: 66px; height: 14px;}
#furniture #menu #menu-contact a:hover {background: url(../images/menu.gif) -150px -180px no-repeat;}

#profile #menu #menu-projects a {left: 0px; top: 0px; width: 72px; height: 14px;}
#profile #menu #menu-projects a:hover {background: url(../images/menu.gif) -150px -200px no-repeat;}
#profile #menu #menu-furniture a {left: 0px; top: 20px; width: 134px; height: 14px;}
#profile #menu #menu-furniture a:hover {background: url(../images/menu.gif) -150px -220px no-repeat;}
#profile #menu #menu-profile a {left: 0px; top: 40px; width: 60px; height: 14px;}
#profile #menu #menu-profile a:hover {background: url(../images/menu.gif) -150px -240px no-repeat;}
#profile #menu #menu-press a {left: 0px; top: 60px; width: 45px; height: 14px;}
#profile #menu #menu-press a:hover {background: url(../images/menu.gif) -150px -260px no-repeat;}
#profile #menu #menu-contact a {left: 0px; top: 80px; width: 66px; height: 14px;}
#profile #menu #menu-contact a:hover {background: url(../images/menu.gif) -150px -280px no-repeat;}

#press #menu #menu-projects a {left: 0px; top: 0px; width: 72px; height: 14px;}
#press #menu #menu-projects a:hover {background: url(../images/menu.gif) -150px -200px no-repeat;}
#press #menu #menu-furniture a {left: 0px; top: 20px; width: 134px; height: 14px;}
#press #menu #menu-furniture a:hover {background: url(../images/menu.gif) -150px -220px no-repeat;}
#press #menu #menu-profile a {left: 0px; top: 40px; width: 60px; height: 14px;}
#press #menu #menu-profile a:hover {background: url(../images/menu.gif) -150px -240px no-repeat;}
#press #menu #menu-press a {left: 0px; top: 60px; width: 45px; height: 14px;}
#press #menu #menu-press a:hover {background: url(../images/menu.gif) -150px -260px no-repeat;}
#press #menu #menu-contact a {left: 0px; top: 80px; width: 66px; height: 14px;}
#press #menu #menu-contact a:hover {background: url(../images/menu.gif) -150px -280px no-repeat;}

#contact #menu #menu-projects a {left: 0px; top: 0px; width: 72px; height: 14px;}
#contact #menu #menu-projects a:hover {background: url(../images/menu.gif) -150px -200px no-repeat;}
#contact #menu #menu-furniture a {left: 0px; top: 20px; width: 134px; height: 14px;}
#contact #menu #menu-furniture a:hover {background: url(../images/menu.gif) -150px -220px no-repeat;}
#contact #menu #menu-profile a {left: 0px; top: 40px; width: 60px; height: 14px;}
#contact #menu #menu-profile a:hover {background: url(../images/menu.gif) -150px -240px no-repeat;}
#contact #menu #menu-press a {left: 0px; top: 60px; width: 45px; height: 14px;}
#contact #menu #menu-press a:hover {background: url(../images/menu.gif) -150px -260px no-repeat;}
#contact #menu #menu-contact a {left: 0px; top: 80px; width: 66px; height: 14px;}
#contact #menu #menu-contact a:hover {background: url(../images/menu.gif) -150px -280px no-repeat;}

#home #menu #menu-projects a {background: url(../images/menu.gif) -150px 0px no-repeat;}
#projects #menu #menu-projects a {background: url(../images/menu.gif) -150px -100px no-repeat;}
#furniture #menu #menu-furniture a {background: url(../images/menu.gif) -150px -120px no-repeat;}
#profile #menu #menu-profile a {background: url(../images/menu.gif) -150px -240px no-repeat;}
#press #menu #menu-press a {background: url(../images/menu.gif) -150px -260px no-repeat;}
#contact #menu #menu-contact a {background: url(../images/menu.gif) -150px -280px no-repeat;}

#main-09awards a {left: 0px; top: 0px; width: 100px; height: 12px;}
#main-09awards a:hover {background: url(../images/menu-main.gif) -110px 0px no-repeat;}

#logo {
	position: absolute;
	top: 27px;
	left: 370px;
	width: 400px;
	height: 90px;
	background: transparent;
}

#home #logo {background: url(../images/logo-t.gif) 0 0 no-repeat;}
#projects #logo, #furniture #logo {background: url(../images/logo-g.gif) 0 0 no-repeat;}
#profile #logo, #press #logo, #contact #logo {background: url(../images/logo-b.gif) 0 0 no-repeat;}


#pmenu {
	position: absolute;
	top: 130px;
	left: 22px;
	width: 150px;
	height: 439px;
	float: left;
	margin: 0;
	padding: 0;
	color: white;
	background: transparent url(../images/pmenuNew.gif) 0 0 no-repeat;
}

#pmenu li{
	margin: 0; 
	padding: 0; 
	list-style: none;
	display: block;
	position: absolute;
	}	

#pmenu a {
	position: absolute;
	display: block;
	}

#pmenu a  span {
	display: none;
	}
	
#fmenu {
	position: absolute;
	top: 160px;
	left: 25px;
	width: 120px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	color: white;
}

#fmenu li{
	margin: 0; 
	padding: 0; 

	list-style: none;
}	

#fmenu a {
	font-family: "Times New Roman", Times, helvetica;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: normal;
}

#fmenu a:hover {
	color: #332122;
}

#pressmenu {
	position: absolute;
	top: 135px;
	left: 25px;
	font-family: "Times New Roman", Times, helvetica;
	font-size: 12px;
	color: #C542BD;
	margin: 0;
	padding: 0;
	float: left;
}

#pressmenu li{
	margin: 0; 
	padding: 0; 
	list-style: none;
	margin-top: 2px;
}	

#pressmenu a {
	font-family: "Times New Roman", Times, helvetica;
	font-size: 13px;
	color: #CCCCCC;
	font-weight: normal;
}

#pressmenu a:hover {
	color: #C542BD;
}

div.video {
	position: absolute;
	top: 220px;
	left: 125px;
	width: 650px;
	height: 410px;
	margin: 0;
	padding: 0;
}


#f-tables #fmenu #fmenu-tables a {color: #332122;}
#f-wall #fmenu #fmenu-wall a {color: #332122;}
#f-chairs #fmenu #fmenu-chairs a {color: #332122;}

#press-nyspaces #pressmenu #pressmenu-nyspaces a {color: #C542BD;}
#press-video1 #pressmenu #pressmenu-video1 a {color: #C542BD;}
#press-video2 #pressmenu #pressmenu-video2 a {color: #C542BD;}
#press-video3 #pressmenu #pressmenu-video3 a {color: #C542BD;}
	
#pmenu #pmenu-plaza a {left: 0px; top: 0px; width: 85px; height: 50px;}
#pmenu #pmenu-plaza a:hover {background: url(../images/pmenuNew.gif) -150px 0 no-repeat;}	
#pmenu #pmenu-mt a {left: 0px; top: 60px; width: 120px; height: 50px;}
#pmenu #pmenu-mt a:hover {background: url(../images/pmenuNew.gif) -150px -60px no-repeat;}
#pmenu #pmenu-ab a {left: 0px; top: 115px; width: 80px; height: 50px;}
#pmenu #pmenu-ab a:hover {background: url(../images/pmenuNew.gif) -150px -115px no-repeat;}
#pmenu #pmenu-ritz a {left: 0px; top: 170px; width: 110px; height: 50px;}
#pmenu #pmenu-ritz a:hover {background: url(../images/pmenuNew.gif) -150px -170px no-repeat;}
#pmenu #pmenu-kg a {left: 0px; top: 227px; width: 80px; height: 50px;}
#pmenu #pmenu-kg a:hover {background: url(../images/pmenuNew.gif) -150px -227px no-repeat;}
#pmenu #pmenu-wh a {left: 0px; top: 285px; width: 80px; height: 50px;}
#pmenu #pmenu-wh a:hover {background: url(../images/pmenuNew.gif) -150px -285px no-repeat;}
#pmenu #pmenu-tf a {left: 0px; top: 342px; width: 80px; height: 50px;}
#pmenu #pmenu-tf a:hover {background: url(../images/pmenuNew.gif) -150px -342px no-repeat;}
#pmenu #pmenu-bf a {left: 0px; top: 397px; width: 75px; height: 50px;}
#pmenu #pmenu-bf a:hover {background: url(../images/pmenuNew.gif) -150px -397px no-repeat;}

#p-plaza #pmenu #pmenu-plaza a {background: url(../images/pmenuNew.gif) -150px 0 no-repeat;}
#p-mt #pmenu #pmenu-mt a {background: url(../images/pmenuNew.gif) -150px -60px no-repeat;}
#p-ab #pmenu #pmenu-ab a {background: url(../images/pmenuNew.gif) -150px -115px no-repeat;}
#p-ritz #pmenu #pmenu-ritz a {background: url(../images/pmenuNew.gif) -150px -170px no-repeat;}
#p-kg #pmenu #pmenu-kg a {background: url(../images/pmenuNew.gif) -150px -227px no-repeat;}
#p-wh #pmenu #pmenu-wh a {background: url(../images/pmenuNew.gif) -150px -285px no-repeat;}
#p-tf #pmenu #pmenu-tf a {background: url(../images/pmenuNew.gif) -150px -342px no-repeat;}
#p-bf #pmenu #pmenu-bf a {background: url(../images/pmenuNew.gif) -150px -397px no-repeat;}

#home a.project1 {position: absolute; top: 168px;left: 208px; width: 85px; height: 291px; background: url(../images/home/project1.jpg) -85px 0 no-repeat;}
#home a.project1:hover {background: url(../images/home/project1.jpg) 0 0 no-repeat;}
#home a.project2 {position: absolute; top: 168px;left: 305px; width: 85px; height: 291px; background: url(../images/home/project2.jpg) -85px 0 no-repeat;}
#home a.project2:hover {background: url(../images/home/project2.jpg) 0 0 no-repeat;}
#home a.project3 {position: absolute; top: 168px;left: 402px; width: 85px; height: 291px; background: url(../images/home/project3.jpg) -85px 0 no-repeat;}
#home a.project3:hover {background: url(../images/home/project3.jpg) 0 0 no-repeat;}
#home a.project4 {position: absolute; top: 168px;left: 499px; width: 85px; height: 291px; background: url(../images/home/project4.jpg) -85px 0 no-repeat;}
#home a.project4:hover {background: url(../images/home/project4.jpg) 0 0 no-repeat;}
#home a.project5 {position: absolute; top: 168px;left: 596px; width: 85px; height: 291px; background: url(../images/home/project5.jpg) -85px 0 no-repeat;}
#home a.project5:hover {background: url(../images/home/project5.jpg) 0 0 no-repeat;}


.pdiv {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	margin-right: 12px;
	width: 85px;
	height: 291px;
}



/*
4) ========= CONTENT =============
 */

#furniture #mainimage {
	position: absolute;
	top: 135px;
	left: 173px;
	width: 345px;
	height: 445px;
	align: right;
	text-align: right;
	background: transparent;
	overflow: hidden;
}

#projects #mainimage {
	position: absolute;
	top: 135px;
	left: 173px;
	width: 480px;
	height: 640px;
	align: right;
	text-align: right;
	background: transparent;
	overflow: hidden;
}

#furniture #thumbnails {
	position: absolute;
	top: 135px;
	left: 545px;
	width: 260px;
	height: 445px;
	background: transparent;
	overflow: hidden;
}

#projects #thumbnails {
	position: absolute;
	top: 135px;
	left: 680px;
	width: 377px;
	height: 640px;
	background: transparent;
	overflow: hidden;
}

#profile #image {
	position: absolute;
	top: 200px;
	left: 205px;
	width: 144px;
	height: 321px;
	background: transparent url(../images/portraitCB.jpg) 0 0 no-repeat;	
}

#profile #text {
	position: absolute;
	top: 200px;
	left: 375px;
	width: 375px;
	height: 321px;
	font-family: "Times New Roman", Times, helvetica;
	font-size: 13px;
	color: #CCCCCC;
	font-weight: normal;
}

#press #headline {
	position: absolute;
	top: 170px;
	left: 25px;
	width: 230px;
	height: 15px;
	font-family: "Times New Roman", Times, helvetica;
	font-size: 12px;
	color: #C542BD;
}

#press #image1 {
	position: absolute;
	top: 220px;
	left: 25px;
	width: 237px;
	height: 306px;
}

#press #image2 {
	position: absolute;
	top: 220px;
	left: 280px;
	width: 237px;
	height: 306px;
}

#press #text {
	position: absolute;
	top: 212px;
	left: 555px;
	width: 237px;
	height: 320px;
	font-family: "Times New Roman", Times, helvetica;
	font-size: 14px;
	color: #CCCCCC;
	font-weight: normal;
}

#contact #info {
	position: absolute;
	top: 230px;
	left: 380px;
	width: 180px;
	height: 170px;
	font-family: "Times New Roman", Times, helvetica;
	font-size: 13px;
	color: #CCCCCC;
}

#furniture #line {
	position: absolute;
	top: 617px;
	left: 400px;
	width: 360px;
	height: 14px;
	background: transparent url(../images/lineg.gif) 0 0 no-repeat;
}

#projects #line {
	position: absolute;
	top: 812px;
	left: 530px;
	width: 360px;
	height: 14px;
	background: transparent url(../images/lineg.gif) 0 0 no-repeat;
}


#press #line {
	position: absolute;
	top: 647px;
	left: 400px;
	width: 360px;
	height: 14px;
	background: transparent url(../images/lineb.gif) 0 0 no-repeat;
}

a.home {position: absolute; top: 40px; left: 378px; width: 390px; height: 57px;}

a.arrow {
	position: absolute;
	display: block;
	top: 530px;
	left: 815px;
	width: 50px;
	height: 37px;
	background: transparent url(../images/arrow.gif) 0 0 no-repeat;
}

#projects a.arrow {
	position: absolute;
	display: block;
	top: 725px;
	left: 1055px;
	width: 50px;
	height: 37px;
	background: transparent url(../images/arrow.gif) 0 0 no-repeat;
}

a.arrowPress {
	position: absolute;
	display: block;
	top: 530px;
	left: 815px;
	width: 50px;
	height: 37px;
	background: transparent url(../images/arrow_press.gif) 0 0 no-repeat;
}


a.tn:hover {
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;
	-khtml-opacity: 0.6;
}

a.contact {
	font-family: "Times New Roman", Times, helvetica;
	font-size: 13px;
	color: #CCCCCC;
	text-decoration: none;
}

a.contact:hover {
	color: #C542BD;
}

#home #siteby {
	color: #610f10;
	font-size: 11px;
	margin-left: 781px;
	margin-top: 600px;
	position: absolute;
	bottom: 50px;
	right: 10px;
	width: 210px;
	height: 30px;
}

p.tred {
	float: left;
	font-family: arial, helvetica;
	font-size: 10px;
	color: #1B9B8B;
	text-decoration: none;
	padding-top: 42px;
	padding-right: 4px;
}

span.photoc {
	font-family: arial, helvetica;
	font-size: 10px;
	color: #1B9B8B;
	text-decoration: none;
	padding-right: 4px;
}

#home #siteby img {
	border: 0;
}

a.asiteby {
	font-family: arial, helvetica;
	font-size: 10px;
	color: #1B9B8B;
	text-decoration: none;
}

a.asiteby:hover {
	color: #6A3F42;
}

#bg1 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #533F4C;
}

#bg2 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #28EDD9;
}

#bg3 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #28EDD9;
}

#bg3box {
	position: relative;
	width: 900px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}


#bg1img {
	position: relative;
	top: 210px;
	margin-left: auto;
	margin-right: auto;
	width: 688px;
	height: 155px;
	background: transparent url(../images/animation1.gif) 0 0 no-repeat;
}

#bg2img {
	position: relative;
	top: 210px;
	margin-left: auto;
	margin-right: auto;
	width: 688px;
	height: 332px;
	background: transparent url(../images/animation2.gif) 0 0 no-repeat;
}

a.siteCredits {
	position: absolute;
	top: 842px;
	right: 45px;
	width: 160px;
	height: 14px;
	font-family: arial, helvetica;
	font-size: 10px;
	color: #1B9B8B;
	text-decoration: none;
	text-align: right;
}

a.siteCredits:hover {
	color: #6A3F42;
}