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

* {margin:0; padding:0;}


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

body {
	font:65% Helvetica, sans-serif;
	color:#000;
	background-color:#333333;
	
}

/* ++Wrappers++ */

#wrapper {
position:relative;
width:1024px;
height:768px;
margin:0 auto;
padding:20;
background-color:#363636;

}


#logo {
position:absolute;
left:0;
top:5px;
height:28px;
padding:0;
}



#nav {
position:absolute;
right:0;
top:18px;
height:28px;
padding:8px;

}



#nav p {
font:1.3em helvetica, verdana, sans-serif;
margin:0;
padding:5px 12px 0 12px;
color:#CCC;
}

#home #nav a.home {
color:#000;}


#previous {
position:absolute;
left:835px;
top:773px;
padding:0;
}

#next {
position:absolute;
left:935px;
top:773px;
padding:0;
}

#copy-area {
	position:absolute;
	left:24px;
	top:88px;
	width:300px;
	height:680px;
	border:#0FF;
	overflow:auto;
	padding:0;
	color:#FFF;
}


#copy-area p {
padding:0 8px;
font:helvetica, verdana, sans-serif;
font-size:12px;
line-height:18px;
color:#FFF;

}

#click{
	position:absolute;
	left:335px;
	top:735px;
	padding:0;
	letter-spacing:.25em;
	color:#FFF;
}

#click p
 {
padding:0 8px;
font:helvetica, verdana, sans-serif;
font-size:13px;
line-height:18px;
color:#FFF;

}


a:link {color:#EF9C00;
text-decoration:none;
}
a:visited {color:#EF9C00;
text-decoration:none;
}
a:focus {color:#EF9C00;
text-decoration:none;
}
a:hover {color:#CCC;
text-decoration:none;
}
a:active {color:#EF9C00;
text-decoration:none;
}



#image1 {
	position:absolute;
	left:335px;
	top:112px;
	padding:10px;
	width: 204px;
}

#image2 {
	position:absolute;
	left:663px;
	top:112px;
	padding:10px;
	width: 763px;
}


#image3 {
	position:absolute;
	left:335px;
	top:330px;
	padding:10px;
	width: 763px;
}

#image4 {
	position:absolute;
	left:555px;
	top:330px;
	padding:10px;
	width: 195px;
}

#image5 {
	position:absolute;
	left:775px;
	top:330px;
	padding:10px;
	width: 763px;
}