@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/whitespacer.jpg);
	background-repeat:repeat;
	
	}
a:link {
	color: #000000;
	text-decoration: none;
	}
 
a:visited {
	color: #000000;
	text-decoration: none;
	}

a:hover{
	color: #999;
	}

a:active {
	color: #000000;
}
img:link {
	color:#000;
}
#content_twiss {
	border:3px;
	border:3px;
	background-image: url(images/whiteback.jpg); background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:900px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
	}
#content {
	border:3px;
	border:3px;
	background-image: url(images/whiteback.jpg); background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:900px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
	}
#content_gallery {
	border:3px;
	border:3px;
	
	background-color:#FFFFFF;
	width:900px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
	}
#content_coll {
	border:3px;
	border:3px;
	background-image: url(images/index_colback4.jpg); background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:900px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
	}


#content_viewer {
	background-color:#000000;
	width:900px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}

#main_picleft_contact {
	border:thin;
	border-bottom-color:#000000;
	background-image:url(images/petertwiss.jpg);
	background-repeat:no-repeat;
	width:250px;
	height:500px;
	}
	#main_picleft {
	border:thin;
	border-bottom-color:#000000;
	
	background-repeat:no-repeat;
	width:250px;
	height:500px;
	}	
#main_picleft_blank {
	background-color:#000000;
	width:285px;
	height:500px;
	}	
#main_picleftcontact {
	background-color:#000000;
	background-repeat:no-repeat;
	width:285px;
	height:500px;
	background-image: url(images/petertwiss.jpg);
	 background-position:center;
	}
	
#gallery {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:20px;
	width:885px;
	height:500px;
	position: inherit;
	float:left;
	padding:0;
	z-index:5;
	}

#gallery_viewer {
	background-color:#FFFFFF;
	width:550px;
	height:600px;
	position:relative;
	margin-left:175px;
	}
	
#nav {
	margin:525px 0px 0 105px;
	float: left;
	}
#nav2 {
	float: left;
	width:900px;
	height:32px;
	background-color: #FFFFFF;
	color: #000000;
	}
#nav_viewer_left {
	background-color:#000000;
	float: left;
	width:145px;
	height:32px;
	margin-top:536px;
	}
#nav_viewer_back {
	background-color:#000000;
	float: left;
	width:145px;
	height:32px;
	position:relative;
	}
	
#nav_viewer_right {
	background-color:#000000;
	float: right;
	width:145px;
	height:32px;
	margin-top:568px;
	}
	
#PROFILE_contact {
	height:250px;
	width:600px;
	margin:20px 20px 0 0px;
	float:right;
	
	}
	
#picview_content {
	width:600px;
	height:630px;
	margin:0 auto 2px auto;
	}

#pic_holder {
	background-color:#FFFFFF;
	width:300px;
	height:500px;
	margin:0 auto 0 auto;
	}
	
#viewer_nav {
	width:600px;
	height:50px;
	margin:0 auto 0 auto;
	}

	
#button_left {
position:relative;
	float:left;
	width:175px;
	height:600px;
	}	
		
#button_right {
position:relative;
	float:right;
	width:175px;
	height:600px;
	}	
#collection_links {
	margin_top: 495px;
	padding-left:20px;
	width: 400px;
	height:20px;
	font-family:Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	}
collection_links:hover{
	color: #999;}

#collection_title {
	margin-top:500px;
	height:30px;
	font-family:Arial, sans-serif;
	padding-left:40px;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}
#contact_info {
	position: absolute;
	top:20px;
	width: 350px;
}
#contact_info_right {
	float:left;
	position: absolute;
	width: 240px;
	left: 395px;
	top: 20px;
	font-size:14px;
}
#contact_info_right2 {
	position: absolute;
	width: 210px;
	top: 20px;
	font-size:14px;
	left: 651px;
}
#press_logo {
	background-image:url(images/press_logo.jpg);
	background-repeat:no-repeat;
	height:33px;
	margin:10px  0 0 20px;
	
}

#press_text {
	height:150px;
	width:600px;
	padding-left:80px;
	
}
.press_heading {
	font-family: "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	color:#CCC;
	
}
.press_words{
	font-size:16px;
	color:#CCC;
}
#quote_holder {
	width:30px;
	height:30px;
}
.press_quote {
	font-size:30px;
	color:#CCC;
}
#clippings_holder {
	margin-left:20px;
	background-image:url(images/clipping.jpg);
	background-repeat:no-repeat;
	height:300px;
}

.menu {
	background-color:#333333;
	position:relative;
	float:left;
	width:800px;
	height:32px;
	font-family:arial, sans-serif;
	margin-top:20px;
	color: #000000;
}


.contact_text {
	font-size:12px;
	color:#000000;
	line-height:1em;
	}
p class:link {
	color: #ffffff;
	text-decoration: underline;
	}	
.a {
	font-size:20px;
	color:#FFFFFF;
	}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px; color:#000000}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:149px;
	position:relative;
	text-align:center;
}
/* style the links for the top level */
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-image:url(/images/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{color:#999999;  background-image:url(/images/blue-arrow.gif) no-repeat 130px center; }
.menu ul ul :hover > a.drop {color:#999999;  url(/images/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {}
/* style the third level hover */
.menu ul ul ul a:hover {color:#999999;}
#content_gallery #main_picleft_contacttwiss {
	background-image: url(images/twiss_logo.jpg);
}