﻿body
{
	background-color:#F6F3EB;
	margin: 0:
}

#wrapper
{
	width: 750px;
	height: 950px;
	background-color: #F6F3EB; ;
	color: #444444;
	margin: 0 auto;
	margin-top: 25px;
}

#navi-top
{
	width: 728px;
	height: 30px;
	margin-top: 0;
	margin-left: -2px;
	background-color: #f6f3eb;
	position: absolute;
	padding-left: 25px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color:gray;
}


ul
{
	list-style-type: none;
	display: inline;
	padding-left: 0;
	margin-left: 0;
	color: #CC0000;	
}

li
{
	display:inline;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	color:#CC0000;
}

li a: link
{
	color: #444444;
} 

li li a:visited li a:focus li a:hover,li a:active  
{
	color: #CC0000;	
}

/*horicontal pictures from here on*/
#picture-frame
{
	width: 750px;
	height: 506px;
	margin-top: 45px;
	margin-left: 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	line-height: 16px;
	position: absolute;
}

#pp-top-left
{
	width: 40px;
	height: 40px;
	margin-top: 0;
	margin-left:0;
	background-image: url('passepartout/corner_left_top.jpg');
	position: absolute;
}

#pp-top
{
	width: 670px;
	height: 40px;
	margin-top: 0;
	margin-left: 40px;
	background-image: url('passepartout/border_top.jpg');
	background-repeat: repeat-x;
	position: absolute;
}

#pp-top-right
{
	width:40px;
	height:40px;
	margin-top: 0;
	margin-left: 710px;
	background-image:url('passepartout/corner_right_top.jpg');
	position: absolute;
}

#pp-left
{
	width: 40px;
	height: 426px;
	margin-top: 40px;
	margin-left: 0;
	background-image: url('passepartout/border_left.jpg');
	background-repeat: repeat-y;
	position: absolute;
}

#picture-wrapper
{
	width: 700px;
	height: 456px;
	margin-left: 25px;
	margin-top: 25px;
	position: absolute;
	z-index: 2;
}

#pp-right
{
	width: 40px;
	height: 426px;
	margin-top: 40px;
	margin-left:710px;
	background-image: url('passepartout/border_right.jpg');
	background-repeat: repeat-y;
	position: absolute;
}

#pp-bottom-left
{
	width: 40px;
	height: 40px;
	margin-top: 466px;
	margin-left: 0;
	background-image: url('passepartout/corner_left_bottom.jpg');
	position: absolute;
}

#pp-bottom
{
	width: 670px;
	height: 40px;
	margin-top: 466px;
	margin-left: 40px;
	background-image: url('passepartout/border_bottom.jpg');
	background-repeat: repeat-x;
	position: absolute;
}

#pp-bottom-right
{
	width: 40px;
	height: 40px;
	margin-top: 466px;
	margin-left: 710px;
	background-image: url('passepartout/corner_right_bottom.jpg');
	position: absolute;
}


#image-placeholder
{
	width: 670px;
	height: 426px;
	margin-top: 40px;
	margin-left: 40px;
	position: absolute;
}

/*on homepage only*/
#signature
{
	width: 700px;
	height: 30px;
	margin-top: 530px;
	background-color: #f6f3eb;
	position: absolute;
	padding-left: 25px;
	margin-top: 530px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #444444;
}

/*for the thumbs streak on essay pages*/
a img { border:0; }

#thumbs-wrapper
{
	max-width: 700px;
	height: 50px;
	margin-top: 580px;
	margin-right: 0px;
	position: absolute;
	padding-left: 25px;
}

#doublearrowleft
{
	width: 75px;
	height: 50px;
	margin-left: -6px;
	float: left;
}


#arrowleft
{
	width: 50px;
	height: 50px;
	margin-left: -6px;
	float: left;
	border: none;
}
#arrowright
{
	width: 50px;
	height: 50px;
	float: left;
	border: none;
}

#doublearrowright
{
	width: 75px;
	height: 50px;
	margin-left: -6px;
	float: left;
	border: none;
}

#thumb1
{
	
	width: 50px;
	height: 50px;
	float: left;
	border: none;
}
#thumb2
{
	
	width: 50px;
	height:50px;
	margin-left: 25px;
	float: left;
	border: none;
}
#thumb3
{
	
	width: 50px;
	height: 50px;
	margin-left: 25px;
	float: left;
	border: none;
}

#thumb4
{
	
	width: 50px;
	height: 50px;
	margin-left: 25px;
	float: left;
	border: none;
}

#thumb5
{
	
	width: 50px;
	height: 50px;
	margin-left: 25px;
	float: left;
	border: none;
}

/*vertical pictures from here on*/
#picture-frame-santos
{
	width: 506px;
	height: 750px;
	margin-top: 45px;
	margin-left: 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	line-height: 16px;
	position: absolute;
}

#pp-top-left-santos
{
	width: 40px;
	height: 40px;
	margin-top: 0;
	margin-left:0;
	background-image: url('passepartout/corner_left_top.jpg');
	position: absolute;
}

#pp-top-santos
{
	width: 426px;
	height: 40px;
	margin-top: 0;
	margin-left: 40px;
	background-image: url('passepartout/border_top.jpg');
	background-repeat: repeat-x;
	position: absolute;
}

#pp-top-right-santos
{
	width: 40px;
	height: 40px;
	margin-top: 0;
	margin-left: 466px;
	background-image: url('passepartout/corner_right_top.jpg');
	position: absolute;
}


#picture-wrapper-santos
{
	width: 456px;
	height: 700px;
	margin-left: 25px;
	margin-top: 25px;
	position: absolute;
	z-index: 2;
}

#pp-right-santos
{
	width: 40px;
	height: 670px;
	margin-top: 40px;
	margin-left: 466px;
	background-image: url('passepartout/border_right.jpg');
	background-repeat: repeat-y;
	position: absolute;
}

#pp-bottom-left-santos
{
	width: 40px;
	height: 40px;
	margin-top: 710px;
	margin-left: 0;
	background-image: url('passepartout/corner_left_bottom.jpg');
	position: absolute;
}

#pp-bottom-santos
{
	width: 426px;
	height: 40px;
	margin-top: 710px;
	margin-left: 40px;
	background-image: url('passepartout/border_bottom.jpg');
	background-repeat: repeat-x;
	position: absolute;
}

#pp-bottom-right-santos
{
	width: 40px;
	height: 40px;
	margin-top: 710px;
	margin-left: 466px;
	background-image: url('passepartout/corner_right_bottom.jpg');
	position: absolute;
}


#image-placeholder-santos
{
	width: 426px;
	height: 670px;
	margin-top: 40px;
	margin-left: 40px;
	position: absolute;
}

/*for the thumbs streak on  vertical essay pages*/
a img { border:0; }

#thumbs-wrapper-santos
{
	max-width: 700px;
	height: 50px;
	margin-top: 824px;
	margin-right: 0px;
	position: absolute;
	padding-left: 25px;
}

#signature-santos
{
	width: 700px;
	height: 30px;
	margin-top: 774px;
	background-color: #f6f3eb;
	position: absolute;
	padding-left: 25px;
	margin-top: 774px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #444444;
}

/*contact-page*/
#card
{
	width: 400px;
	height: 300px;
	margin-left: 135px;
	margin-top: 30px;
}

#coordinates
{
	width: 250px;
	height: 300px;
	margin-top: 3px;
	margin-left: 170px;
	position: absolute;
	color: #444444;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	line-height: 16px;
}
