* {
	font-family:Tahoma;
	color:#fff;
	font-size:12px;
	padding:0;
	margin:0;
}

html, body {

	height:100%;
	background-color:#fff;

}

html {
	margin:0;
	padding:0;
	font-size:11px;
	}

body {
  margin:0;
  padding:0;
  text-align:center; /* center layout in ie5 and 5.5. */
}



img {
	border:0;
	padding:0;
	margin:0;
}

span {

	font: normal 10px Tahoma, Verdana, Arial;
	color: #555;

}

a {  font: normal 10px Tahoma, Verdana, Arial; cursor: pointer; }
a:link { color: #555;  font-weight:normal; text-decoration: none;  }
a:visited { color: #555; font-weight:normal; text-decoration: none; }
a:hover { color: #555; text-decoration: underline; }
a:active { color: #000; }




h3, h4, h5, h6 { padding:0; margin:0; margin-top:5px; margin-bottom:10px;}

h1 {

	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-bottom:10px;
}


b { font-size: 11px; }

#distance { 
		width:1px;
		height:50%;
		background-color:#000000;
		margin-bottom:-330px; /* half of container's height */
		float:left;
}


#container {
	width: 1025px !important;
	width: 1025px; /* IE */
	margin: 0 auto;
	border: 0;
	text-align: left;
	position: relative;
	clear:left;

}

#main {

	width:1025px;
	height: 682px;
	border:1px solid #c7d92f;
	border-top:0px;
	border-bottom:0px;
	border-right:0px;
	display: table; 
	overflow: hidden;
}

#first-div {

	float:	left;
	width:	488px;
	height:	682px;


}

#second-div {

	float:	left;
	width:	536px;
	height:	682px;

}

#empty-top {

	width:	488px;
	height:	106px;


}

#logo-div {
	float:	left;
	width:	259px;
	height:	68px;
	background: #fff url(images/look-logo.gif) no-repeat;
}

#logo-right {
	
	float:	left;
	width:	229px;
	height:	68px;

}

#left-border {

	float:	left;
	width:	10px;
	height:	470px;
	background: #fff url(images/left-border.gif);

}

#text-div{

	float:		left;
	overflow:	hidden;
	width:		478px;
	height:		470px;

}

#middle-div {

	float:		left;
	width:		202px;
	height:		682px;
	background:	#fff url(images/look-middle.gif);

}

#right-div {

	float:	left;
	width:	334px;
	height:	682px;

}

#rgreen-top {

	width:	334px;
	height:	200px;
	background-color:	#c7d92f;

}

#look-photo {

	width:	334px;
	height:	408px;
	background-color:	#000;

}

#rgreen-bottom {

	width:	334px;
	height:	54px;
	background-color:	#c7d92f;
}

#rpurple-bottom {

	width:	334px;
	height:	20px;
	background-color:	#973588;
}

#content h1 {

	color: #973588;
	font: bold 12px Tahoma, Verdana, Arial;

}

#content {

	padding: 10px;

	height:	430px;
	text-align: justify;
	font: normal 12px Tahoma, Verdana, Arial;
	color: #555;

}

#menu-bar {

	float:		left;
	width:		337px;
	height:		19px;
	background:	#fff url(images/menu-bar.gif);

}

#contact-btn{

	float:		left;
	width:		102px;
	height:		19px;
	background:	#fff url(images/contact-button.gif);
	cursor:		pointer;

}

#menu-footer {
	
	margin-top:19px;
	width:488px;


}


#player-track {

	float:left;
	width:150px;
	height:10px;
	background: #fff url('images/player/pos-track.gif') repeat-x;
	
}

#player-cursor {

	width: 5px;
	height:10px;
	background: #fff url('images/player/pos-cursor.gif') no-repeat;

}

#player-stop {

	float: left;
	margin-left:3px;
	width:11px;
	height:11px;
	background:#fff url('images/player/stop-btn.gif') no-repeat;
	cursor: pointer;

}


#player-play {

	float: left;
	margin-left:3px;
	width:12px;
	height:11px;
	background:#fff url('images/player/play-btn.gif') no-repeat;
	cursor: pointer;

}

.holder {
	float: left;
	margin: 10px;
}
.scroll-pane {

	overflow: auto;
	float: left;
}

.orange-bar .jScrollPaneTrack {
	width: 12px;
	background:#fff url('images/slider-bgr.gif') repeat-y;
}
.orange-bar .jScrollPaneDrag {
	width: 12px;
	height: 4px;
	overflow: hidden;
	background:#fff url('images/indicator.gif') repeat-y;
}
.orange-bar .scroll-pane {

}