body {
	font-family: tahoma;
	font-size: 11px;
	margin: 0;
	padding:0;
	
}

#container {
	width: 835px;
	height: 515px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -20px;
	
}

#header {
	width: 835px;
	height: 70px;
	margin:0;
	padding:0;
	position: absolute;
	left:0;
	top:0;
}

#logo {
	width: 336px;
	height: 38px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 28px;
	top: 20px;
}

#logo a  {
	width: 336px;
	height: 38px;
	padding: 0;
	margin: 0;
	display:block;
}

#logo a span {
	display: none;
}

#main_content {
	width: 720px;
	height: 450px;
	margin:0;
	padding:0;
	position: absolute;
	left: 125px;
	top: 70px;
	text-align:right;
}

#footer {
	width: 100px;
	height: 45px;
	margin:0;
	padding:0;
	position: absolute;
	left: 0;
	top: 490px;
}

#footer_left {
	position: absolute;
	width: 100px;
	margin:0px 0 0 0;
	padding:0;
	top: 0;
	left:20;
	text-align: right;
} 

#footer_left a.arrows {
	font-family: arial;
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
	margin: 0 0px 0 0;
	padding: 0;
	float:right;	
}

#footer_left span#caption {
	font-weight: normal;
	font-size:11px;
	margin: 0px 0 0 0;
	padding: 0 0 0 0px;
	color: #fff;	
	text-align: right;

}

#footer_right {
	position: absolute;
	width: 120px;
	margin:3px 0 0 0;
	padding:0;
	top: 0;
	right:0;
	text-align:right;
} 

#footer_right span {
	font-weight: normal;
	font-size:11px;
	margin: 0;
	padding: 0 0 0 10px;
	color: #8c8c8c;	
	text-align:right;
}

#footer_right a {
	font-weight: normal;
	font-size:12px;
	margin: 0;
	padding: 0 0 0 3px;
	color: #8c8c8c;	
	text-decoration: none;
}

img {
	border:0;
}







/* menu */
#menu {
	width:100px;
	height: 400px;
	padding:0;
	margin:0;
	position: absolute;
	top:70px;
	left:-20;
}

#menu ul {
	height: 400px;
	margin: 0;
	
	position: absolute;
	left:0;
	width:100px;
}

#menu ul li {
	margin: 0;
	padding: 0;
	list-style:none;
	display:list-item;
	text-align:right;
}

#menu ul li a {
	margin: 0;
	padding: 0px;
	text-decoration:none;
	font-size: 11px;
	color: #8c8c8c;
	font-weight:normal;
	text-align:right;
}

#menu li.color a {
	padding-right: 0;
}




#contact {
	overflow:hidden;
	text-align:left;
	font-size:11px;
	width:442px;
	height:450px;
	position:absolute;
	text-align:left;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	top:8px;
	left:20px;
	
	
	
}

#contact {
	font-weight:normal;
	color: #8c8c8c;
	text-decoration:none
	
}



#contact_left {
	width:442px; 
	height:450px; 
	position:absolute; 
	text-align:left; 
	line-height:18px;
	padding:0; 
	margin:0 auto;
	overflow:hidden;
	top:260px;
	left:0px;
}

#contact_left a {
	font-weight:normal;
	color: #dc32f3;
	text-decoration:none;
}

#contact_left span.whiteText {
	font-weight:normal;
	color:#FFFFFF;
}

#contact_right {
	width: 370px;
	margin:0;
	padding:0;
	position:absolute;
	left: 380px;
	top:12px;
}

#contact_copyright {
	width: 442px;
	margin:0;
	padding:0;
	position:absolute;
	left: 0px;
	bottom:9px;
}



#slideshow {
	width:710px; 
	height:450px; 
	position:absolute; 
	text-align:left; 
	padding:0; 
	margin:0 auto;
	overflow:hidden;
	top:8px;
	left:20px;
}

#div1 { 	
font-weight: bold; 
font-size:16px; 
position: absolute; 
top:0px; 
left:0px; 
width:720px; 
margin: 0 auto; 
text-align: left; 
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); 
-moz-opacity:10;
}

#div2 { 
position: absolute; 
top:0px; 
left:0px; 
width:720px; 
margin: 0 auto; 
text-align: left; 
filter:progid:DXImageTransform.Microsoft.alpha(opacity=0); 
-moz-opacity:0;
}






















/* colors white and black */

body.black #logo a {
	background: url(../support/logo_black.gif) 0 0 no-repeat;
}

body.white #logo a {
	background: url(../support/logo_white.gif) 0 0 no-repeat;
}

body.black 
{
	background: #000;
}

body.white
{
	background: #fff;
}

body.black #menu ul.hewlett-packard li.hewlett-packard a,
body.black #menu ul.bulthaup li.bulthaup a,
body.black #menu ul.dumbo li.dumbo a,
body.black #menu ul.gowanus li.gowanus a,
body.black #menu ul.water li.water a,
body.black #menu ul.california li.california a,
body.black #menu ul.malta li.malta a,
body.black #menu ul.mojave li.mojave a,
body.black #menu ul.costarica li.costarica a,
body.black #menu ul.amsterdam li.amsterdam a,
body.black #menu ul.spain li.spain a,
body.black #menu ul.thailand li.thailand a,
body.black #menu ul.people li.people a,
body.black #menu ul.vintage li.vintage a,
body.black #menu ul.contact li.contact a,
body.black #menu li a:hover,
body.black #footer #footer_left a.arrows, 
body.black #footer #footer_right span,
body.black #footer #footer_right a.selected,
body.black #contact a:hover
{
	color: #dc32f3;
}




body.black #menu li.color a, 
body.black #menu li.color a:hover,

{
	color: #fff;
}

body.white #menu li.color a, 
body.white #menu li.color a:hover,
body.white #contact a
{
	color: #000;
}

body.white #contact {
	background: #e6e6e6;
}

/*body.black #contact {
	background: #000000;
}*/

body.white #div1 {
	color: #ddd;
}

body.black #div1 {
	color: #222;
}

/* do not put anything below this line */