/* main body and background */





html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #868e8b;
   background: #ffffff ;
}






/* links */

a 
{ 
	color: #C39982;
	text-decoration: none;
}



a:hover 
{ 
	text-decoration: none;
	color: #868e8b;

}







/* text properties */





.content
{
	color: #868e8b;
	font-size:12px;
	text-align:left;
	padding-top:5px;
	padding-left:20px;

	
}


.subtitles
{
	color: #C39982;
	font-size:15px;
	font-weight:bold;

	
}





p 
{ 
	padding: 0; 
	margin: 0px 0px 0px 0px; 
}








/* buttons and bars */






.buttons
{

	
	
	font-size:12px;

}



.buttons a
{
	
	color: #868e8b;
	text-decoration:none;
	

}



.buttons a:hover
{

	color: #ffffff;
}




.topbar
{
	
	text-align:left;
	font-size:12px;
	height:30;
	vertical-align:middle;
	
	
	
	
}

.topbar a
{
	height: 30;
	text-align:center;
	text-decoration:none;
	width:100%;
	display:block;
	line-height:30px;
	vertical-align:middle;
	color: #868e8b;
	text-decoration:none;
}


.topbar a:hover
{
background-color:#868e8b;
	
}





.dropdown
{
	
	background-color:#FFFFFF;
	position:absolute;
	
	
}

.dropdown a
{
	height: 40;
	text-align:center;
	text-decoration:none;
	width:100%;
	display:block;
	line-height:30px;
	verticle-align:middle;
	
}


.dropdown a:hover
{
	
	color: #ffffff;
}







.leftpic {
  
    padding-right: 15px;
  
    } 




/* div properties */





#spaceplace

{
height:5px;

}

#logo 
{
padding-top:5px;	
width:920px;
background:#FFFFFF;
margin-left:auto;
margin-right:auto;
height:auto;
	
} 



.subject
{
color:#777777;
	
	padding-left:230px;
	padding-right:140px;
	display:block;
	font-weight:bold;
	font-size:20px;

}



.subject a
{
	
	color: #868e8b;
	text-decoration:none;
	

	font-weight:bold;
	

}



.subject a:hover
{

	color: #C39982;
}



.contacttitle
{
color:#777777;
	
	padding-left:40px;
	padding-right:140px;
	display:block;
	font-weight:bold;
	font-size:20px;
	color:#FFFFFF;

}


#subjectspot 
{
padding-top:20px;	
width:920px;
background:#FFFFFF;
margin-left:auto;
margin-right:auto;
height:auto;
text-align:center;
	
}


.bigtex
	
	{
	padding-left:230px;
	padding-right:140px;
	color:#7b827f;
	display:block;
	font-size:12px;
	line-height:19px;
}


.contacttex
	
	{
	padding-left:40px;
	padding-right:140px;
	color:#7b827f;
	display:block;
	font-size:12px;
	line-height:19px;
	color:#FFFFFF;
}

#photomain
{
padding-top:5px;
height:560px;
width:920px;
background:#FFFFFF;
margin-left:auto;
margin-right:auto;
height:auto;
	
}

#photoplace 
{
padding-top:5px;
height:560px;
width:1000px;
background:#FFFFFF;
margin-left:auto;
margin-right:auto;
height:auto;
	
}



#about
{


	width:920px;
	height:560px;
	background:url(images/distant.jpg);


}


#contact
{


	width:920px;
	height:560px;
	background:url(images/p_spin2.jpg);


}

#tv
{


	width:920px;
	height:560px;


}

#abouttext
{

	margin-left:200px;
	padding-top:50px;
	width:500px;


}





#htmlwebsite {
	padding: 0px;
}



#footer {
width:1000px;
padding:0px;
height:20px;
	  color: #868e8b;
}

#footertoo {
padding-top:5px;
width:220px;
height:20px;
	text-align: right;
	font-size: 10px;
  color: #868e8b;
}

#footersubject {
padding-top:5px;
text-align: left;
height:20px;
	
	font-size: 14px;

}


#footerside {

width:40px;
text-align: right;


}