/*
** all
*/

* {padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: left;}
	
a {color: #000000;
	text-decoration: none;}
	a img {border: 0px;}
	a:hover {color: #CC0000;}
	a:active {color: #CCCCCC;}
	
body{margin: 0 100px;
	padding: 30px 300px 0 150px;
	height: 100%;}

p {padding: 0;
	max-width: 924px;}

td {padding: 3px;}

/*
** structure
*/

#center{float: left;
	_right-margin: 100%;
	position: relative;
	_width: 350px;}

#left{position: absolute;
	left: 0;
	width: 250px;
	height: 100%;
	margin-left: -260px;
	text-align: right;}

#main{background-color:#fff;
	position: relative;
	width: 100%;
	min-width: 350px;
	border-left: 150px solid #fff;
	border-right: 300px solid #fff;
	margin-left: -150px;
	margin-right: -300px;
	max-height: 700px;
	height:expression((document.documentElement.offsetHeight > 702)? “700px”: “auto” );}

#right{float: left;
	z-index: 100;
	max-width: 300px;
	_position: fixed;
	margin-right: -285px;}
		#right a img:hover {
		filter:alpha(opacity=40);
		opacity: 0.4;
		-moz-opacity:0.4;
		z-index: 2;}

/*
** inner content
*/

#banner {width: 100%;
	min-width: 350px;
	_width: 350px;
	max-width: 1100px;
	width:expression((document.documentElement.offsetWidth > 1102)? “1100px”: “auto” );
	padding: 0 0 15px 0;}

#complete_pic {width: 100%;
	padding: 30px 0 0 0;}
	#complete_toprow {background-color:#999999;
		padding: 2px;
		color:#FFFFFF;}
		
#description1 {display: none;
	float: left;
	max-width: 924px;
	min-width: 350px;
	width: 100%;}
	#description2 {display: none;
	float: left;
	max-width: 924px;
	min-width: 350px;
	width: 100%;}
	#description3 {display: none;
	float: left;
	max-width: 924px;
	min-width: 350px;
	width: 100%;}
	#description4 {display: none;
	float: left;
	max-width: 924px;
	min-width: 350px;
	width: 100%;}
	#description5 {display: none;
	float: left;
	max-width: 924px;
	min-width: 350px;
	width: 100%;}
	#description6 {display: none;
	float: left;
	max-width: 924px;
	min-width: 350px;
	width: 100%;}
	#description7 {display: none;
	float: left;
	max-width: 924px;
	min-width: 350px;
	width: 100%;}
	#description8 {display: none;
	float: left;
	max-width: 924px;
	min-width: 350px;
	width: 100%;}
		
#front {_width: 350px;
	min-width: 350px;
	max-width: 1100px;
	padding: 15px 0 0 0;}

#incomplete_pic {width: 100%;
	padding: 30px 0 0 0;}
	#incomplete_toprow {background-color:#CC0000;
		padding: 2px;
		color:#FFFFFF;}

#menu {height: 18px;
	width: 400px;
	margin: 10px 0 10px 0;}
	
#menu a {font-size: 15pt;
	text-align: left;
	color: #000000;
	padding: 0 10px 0 0;
	text-decoration: none;}
	#menu a:hover {color: #CC0000;}
	#menu a:active {color: #CCCCCC;}
	
#new_pic {width: 100%;}	

#purchase {width: 320px;
	line-height: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 5px 5px 10px 5px;
	background-image: url(transparent.png);
	_background-color:#FFFFFF;}
	
#scroller {background: none;
	max-width: 350px;}

/*
** image ids
*/

a img.frontthumb {max-width: 77px;}
	
img#portrait {max-height: 600px; height: 100%;}

img#landscape {max-width: 1100px; width: 100%;}

img#idpic {float: left;
	width: 350px;
	padding: 0 15px 15px 0;}
	 
/*
** classes
*/

.copyright {font-size: 10px;
	color:#CCCCCC;
	position: absolute;
	top: 3px;
	left: 3px;}
	 
.errormsg {color:#CC0000;}

.frontthumbwrap {width: 77px;
	height: 120px;
	float: left;
	margin: 0 10px 10px 0;}
	.frontthumbwrap img {width: 77px;}
	
.liner td {border-color:#CCCCCC; border-width: 1px; border-style: solid;}

.thumbdiv {width: 56px;
	height: 56px;
	float: left;
	margin: 0 0 10px 10px;}

.title {font-size: 20px;}