@charset "UTF-8";
/* CSS Document 
background-color:#662d91;
*/


body			{
				background-image:url(images/woodgrain1.jpg);
				background-repeat: repeat-x y;
				scrollbar-3dlight-color: #000000;
				scrollbar-arrow-color:#c88df4;
				scrollbar-base-color:#000000;
				scrollbar-darkshadow-color:#c88df4;
				scrollbar-face-color: #662d91;
				scrollbar-highlight-color:#9b84ac;
				scrollbar-shadow-color:#000000;
								
				}
				
*	{
font-family: Tahoma, Verdana, "Trebuchet MS", Helvetica, sans-serif;
font:Tahoma, Verdana, "Trebuchet MS", Helvetica, sans-serif;
border:none;
line-height:140%;
font-size:medium;
color:#FFFFFF;
}

a:link {
	text-decoration: none;
	color:#000000;
}
a:visited {
	text-decoration: none;
	color:#000000;
}
a:hover {
	text-decoration: none;
	color:#000000;
}
a:active {
	text-decoration: none;
	color:#CCCCCC;
	}

p	{
line-height:160%;
font-size:medium;
}

h4	{
font-size:500%;
font-family:Arial, Helvetica, sans-serif;
font:Arial, Helvetica, sans-serif;
}	

h2 {
font-size:large;
display:inline;
color:#662d91;
}	

h3 {
font-size:large;
color:#662d91;
display:inline;
line-height:110%;
}

h5	{
font-size:x-small;
}		
				
.wrapper	{
padding-left:100px;
padding-top:30px;
height:550px;

}

.black	{
background-color:#000000;
padding:0px 10px 10px 30px;
width:820px;
}

.logo	{
height:30px;
padding-bottom:40px;
}

.header		{
height:40px;
padding-bottom:5px;
padding-top:5px;
width:800px;
background-color:#000000;
}

.content-scroll	{
height:420px;
overflow:hidden;
width:800px;

}

.content-holder {
height:400px;
}

.scrollbuttons	{
height:30px;
padding-top:20px;
}

.scrollbutton	{
height:20px;
width:10px;
text-align:center;
float:left;
clear:none;
margin:0px 2px 0px 8px;
padding:4px 0px 0px 0px;
}

.scrollbar1	{
float:left;
}

.scrollbutton a { display: block; background-color:#000000; }
.scrollbutton a:hover { background-color:#662d91; }

#content-scroll	{
width:800px;
height:400px;
overflow:hidden;
}

.content-item	{
height:400px;
float:left;
clear:none;
}

.twentyspacer	{
width:20px;
}

#endphoto	{
height:400px;
float:left;
clear:none;
}

#content-slider {
	width: 800px;
	height: 5px;
	margin: 5px 0px 5px 0px;
	position: relative;
	background-color: #CCCCCC;
	margin-top:20px;
}

.ui-slider-handle {
  width: 8px;
  height: 14px;
  position: absolute;
  top: -2px;
  background:#662d91;
  border: solid 1px black;
}

.text-content	{
height:400px;
overflow:auto;
padding:0px 10px 0px 0px;
}

#beauty {
width:5640px;
}

#fashion {
width:8017px;
}

#celebrity {
width:7665px;
}

#children {
width:7987px;
}

#war {
width:11706px;
}

.biography {
width:740px;
padding:10px 0px 10px 20px;
}

#portraiture {
width:15900px;
}

#Emma {
float:right;
padding:15px 20px 20px 20px;
}

.photo	{
float:left;
}