body{
background-image:url('/resources/images/background3.jpg');
width:100%;
height:100%;
background-position:center 0;
background-repeat:repeat-x;
margin:0;
}

p{
margin-top:0;
}

/*
div{
outline:1px solid yellow;
}
*/


a{
text-decoration:none;
}

.clear{
clear:both;
}

#main{
width:950px;
height:674px;
margin:0 auto;
}

#header{
height:194px;
}
	#header_left{
	width:390px;
	height:100%;
	float:left;
	}
	#header_right{
	width:560px;
	height:100%;
	float:left;
	}
	#logo_over{
	height:9px;
	}
	#logo_container{
	height:137px;
	}
		#logo_left{
		width:5px;
		height:100%;
		float:left;
		}
		#logo{
		width:385px;
		height:137px;
		float:left;
		background-image:url('/resources/images/logo_reg1.jpg');
		}
		a:hover #logo{
		background-image:url('/resources/images/logo_hover1.jpg');
		}
	
	#menu_over{
	height:58px;
	}
	
		#follow_over{
		height:10px;
		}
		#follow_container{
		height:47px;
		background-image:url('/resources/images/follow_us_bg.jpg');
		background-repeat:no-repeat;
		background-position:200px 0;
		}
		#follow_left{
		height:100%;
		width:305px;
		float:left;
		}
		#follow{
		height:41px;
		width:255px;
		float:left;
		margin-top:6px;
		}
		.follow_common{
		float:left;
		}
		#facebook_peter{
		background-image:url('/resources/images/facebook_peter_reg.jpg');
		width:22px;
		height:22px;
		}
		a:hover #facebook_peter{
		background-image:url('/resources/images/facebook_peter_hov.jpg');
		}
		#facebook_hana{
		background-image:url('/resources/images/facebook_hana_reg.jpg');
		width:22px;
		height:22px;
		}
		a:hover #facebook_hana{
		background-image:url('/resources/images/facebook_hana_hov.jpg');
		}
		#delicious_peter{
		background-image:url('/resources/images/delicious_peter_reg.jpg');
		width:22px;
		height:22px;
		}
		a:hover #delicious_peter{
		background-image:url('/resources/images/delicious_peter_hov.jpg');
		}
		#delicious_hana{
		background-image:url('/resources/images/delicious_hana_reg.jpg');
		width:22px;
		height:22px;
		}
		a:hover #delicious_hana{
		background-image:url('/resources/images/delicious_hana_hov.jpg');
		}
		#linkedin_peter{
		background-image:url('/resources/images/linked_peter_reg.jpg');
		width:22px;
		height:22px;
		}
		a:hover #linkedin_peter{
		background-image:url('/resources/images/linked_peter_hov.jpg');
		}
		#linkedin_hana{
		background-image:url('/resources/images/linked_hana_reg.jpg');
		width:22px;
		height:22px;
		}
		a:hover #linkedin_hana{
		background-image:url('/resources/images/linked_hana_hov.jpg');
		}
		#skype_peter{
		background-image:url('/resources/images/skype_peter_reg.jpg');
		width:22px;
		height:22px;
		}
		a:hover #skype_peter{
		background-image:url('/resources/images/skype_peter_hov.jpg');
		}
		#skype_hana{
		background-image:url('/resources/images/skype_hana_reg.jpg');
		width:22px;
		height:22px;
		}
		a:hover #skype_hana{
		background-image:url('/resources/images/skype_hana_hov.jpg');
		}
		#youtube{
		background-image:url('/resources/images/youtube_reg.jpg');
		width:22px;
		height:22px;
		}
		a:hover #youtube{
		background-image:url('/resources/images/youtube_hov.jpg');
		}
	
	#menu_line_top{
	height:8px;
	background-image:url('/resources/images/menu_line_top.jpg');
	background-repeat:no-repeat;
	background-position:30px 0;
	}
	#menu_line_bottom{
	height:5px;
	background-image:url('/resources/images/menu_line_bottom.jpg');
	background-repeat:no-repeat;
	background-position:-10px bottom;
	}
	#menu{
	height:24px;
	}
	
		#menu_empty{
		float:left;
		width:65px;
		height:100%;
		}
		.menu_common{
		float:left;
		width:72px;
		height:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#006666;
		text-align:center;
		line-height:24px;
		}
		a:hover .menu_common{
		color:#ccffff;
		}
		
		a#menu_selected .menu_common{
		color:#ccffff;
		}
		a#menu_selected #menu_home{
		background-image:url('/resources/images/bg_home.jpg');
		}
		a#menu_selected #menu_about {
		background-image:url('/resources/images/bg_about.jpg');
		}
		a#menu_selected #menu_photo {
		background-image:url('/resources/images/bg_photo.jpg');
		}
		a#menu_selected #menu_video {
		background-image:url('/resources/images/bg_video.jpg');
		}
		a#menu_selected #menu_links {
		background-image:url('/resources/images/bg_links.jpg');
		}
		a#menu_selected #menu_contact {
		background-image:url('/resources/images/bg_contact.jpg');
		}
		
		a:hover #menu_home {
		background-image:url('/resources/images/bg_home.jpg');
		}
		a:hover #menu_about {
		background-image:url('/resources/images/bg_about.jpg');
		}
		a:hover #menu_photo {
		background-image:url('/resources/images/bg_photo.jpg');
		}
		a:hover #menu_video {
		background-image:url('/resources/images/bg_video.jpg');
		}
		a:hover #menu_links {
		background-image:url('/resources/images/bg_links.jpg');
		}
		a:hover #menu_contact {
		background-image:url('/resources/images/bg_contact.jpg');
		}
			
#content{
height:415px;
}
	#content_left{
	width:466px;
	height:100%;
	float:left;
	}
	
		#home_text{
		padding:80px 0 0 20px;
		height:252px;
		}
		#home_text img{
		margin-bottom:15px;
		}
		#home_text p{
		font-family:Arial, Verdana, sans-serif;
		font-size:14px;
		color:#ffffff;
		line-height:20px;
		}
		.green{
		background-color:#ccff66;
		font-weight:bold;
		color:#482200;
		}
		a:hover span{
		color:#996600;
		}
		.blue{
		background-color:#ccffff;
		font-weight:bold;
		color:#482200;
		}
		.orange{
		background-color:#ffff66;
		font-weight:bold;
		color:#482200;
		}
		.pink{
		background-color:#ffccff;
		font-weight:bold;
		color:#482200;
		}
		a #home_new_photos{
		height:72px;
		background-image:url('/resources/images/home_new_photos_reg.jpg');
		background-position:27px 0;
		background-repeat:no-repeat;
		font-family:Arial, Verdana, sans-serif;
		font-size:14px;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		line-height:78px;
		color:#482200;
		margin:0;
		}
		a:hover #home_new_photos{
		background-image:url('/resources/images/home_new_photos_hov.jpg');
		color:#cc9900;
		}
		
	#content_right{
	width:484px;
	height:100%;
	float:left;
	}
		#content_right_top{
		width:100%;
		height:57px;
		}
		#content_right_bottom{
		width:100%;
		height:348px;
		background-image:url('/resources/images/home_img.jpg');
		background-repeat:no-repeat;
		}
		a:hover #content_right_bottom{
		background-image:url('/resources/images/home_img_hover.jpg');
		background-repeat:no-repeat;
		}
		

#footer_line_top{
background-image:url('/resources/images/footer_line_top.jpg');
background-repeat:no-repeat;
height:5px;
margin-top:20px;
}

#footer_line_bottom{
background-image:url('/resources/images/footer_line_bottom.jpg');
background-repeat:no-repeat;
height:1px;
}
#footer{
height:30px;
}

	#copyright{
	font-family:Arial, sans-serif;
	font-size:11px; 
	color:#ffcc66;
	text-align:center;
	line-height:30px;
	}
	a:hover #copyright{
	text-decoration:underline;
	}
/*--------------------------------------------------- ABOUT PAGE --------------------------------------------------------*/	

#about_left{
width:396px;
height:100%;
float:left;
}
	
#about_right{
width:554px;
height:100%;
float:left;
}
	
#about_peter_text_top{
height:91px;
}

#about_peter_text{
height:324px;
margin-left:20px;
}

#about_peter_text p{
font-family:Arial, sans-serif;
font-size:14px;
line-height:20px;
color:#ffffff;
}


#about_peter_empty{
width:1px;
height:90px;
float:right;
}

#peter_icon{
width:62px;
height:88px;
float:left;
background-image:url('/resources/images/peter_icon_reg.jpg');
margin-right:10px;
}

a:hover #peter_icon{
background-image:url('/resources/images/peter_icon_hov.jpg');
}


#about_peter_img{
width:145px;
height:236px;
float:right;
clear:right;
background-image:url('/resources/images/peter_about_reg1.jpg');
margin-top:9px;
}

/*a:hover #about_peter_img{
background-image:url('/resources/images/peter_about_hov.jpg');
}*/


#about_hana_text_top{
height:91px;
}

#about_hana_text{
height:324px;
margin-right:20px;
}
	
#about_hana_text p{
font-family:Arial, sans-serif;
font-size:14px;
line-height:20px;
color:#ffffff;
text-align:right;
}

#about_hana_empty{
width:1px;
height:44px;
float:left;
clear:left;
}

#hana_icon{
width:62px;
height:88px;
float:left;
clear:left;
background-image:url('/resources/images/hana_icon_reg.jpg');
margin-left:20px;
}
a:hover #hana_icon{
background-image:url('/resources/images/hana_icon_hov.jpg');
}


#about_hana_img{
width:127px;
height:192px;
float:left;
clear:left;
background-image:url('/resources/images/hana_about_reg1.jpg');
margin-top:10px;
}
/*
a:hover #about_hana_img{
background-image:url('/resources/images/hana_about_hov.jpg');
}*/

/*------------------------------------------------------------------ CONTACT PAGE -------------------------------------------------*/

#contact_left_before{
height:100%;
width:20px;
float:left;
}

#contact_left{
height:100%;
width:497px;
float:left;
}
	#contact_left_text{
	height:139px;
	padding: 70px 80px 0 10px;
	}
	#contact_left_text p{
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#ffffff;
	line-height:22px;
	}
	#contact_left_text img{
	padding-top:10px;
	padding-bottom:10px;
	}
		
	#contact_left_img{
	background-image:url('/resources/images/contact_img1.jpg');
	background-repeat:no-repeat;
	width:497px;
	height:207px;
	}
		#contact_img_left{
		height:100%;
		width:290px;
		float:left;
		}
		
		#contact_img_links{
		height:117px;
		float:left;
		padding-top:90px;
		font-family:Arial, sans-serif;
		font-size:12px;
		line-height:18px;
		}
		#contact_img_links a{
		color:#333300;
		text-decoration:none;
		font-weight:bold;
		}
		#contact_img_links a:hover{
		color:#ff6600;
		}

#contact_center{
height:100%;
width:32px;
float:left;
}
#contact_right{
height:100%;
width:394px;
float:left;
}

	#email_text_above{
	height:87px;
	}
	#email_text{
	background-image:url('/resources/images/email_text.jpg');
	width:201px;
	height:20px;
	}
	#email_field{
	background-image:url('/resources/images/email_field.jpg');
	width:278px;
	height:32px;
	}
	#email_field_under{
	height:11px;
	}
	#subject_text{
	background-image:url('/resources/images/subject_text.jpg');
	width:96px;
	height:20px;
	}
	#subject_field{
	background-image:url('/resources/images/subject_field.jpg');
	width:384px;
	height:33px;
	}
	#subject_field_under{
	height:14px;
	}
	#message_text{
	background-image:url('/resources/images/message_text.jpg');
	width:97px;
	height:20px;
	}
	#message_field{
	background-image:url('/resources/images/message_field.jpg');
	width:394px;
	height:110px;
	}
	#message_field_under{
	height:9px;
	}
	#submit{
	background-image:url('/resources/images/submit_reg.jpg');
	width:109px;
	height:37px;
	margin-left:20px;
	}
	a:hover #submit{
	background-image:url('/resources/images/submit_hov.jpg');
	}
	
	#input_email{
	margin:6px 0 0 20px;
	background-color:transparent;
	border:none;
	color:#ffffff;
	}
	#input_subject{
	margin:6px 0 0 20px;
	background-color:transparent;
	border:none;
	color:#ffffff;
	}
	#textarea_message{
	margin:6px 0 0 20px;
	background-color:transparent;
	border:none;
	color:#ffffff;
	overflow:auto;
	}
/*---------------------------------------------------------------------- LINKS PAGE ---------------------------------------------*/

#links_top_empty{
width:100%;
height:85px;
}
#links_top{
width:100%;
height:121px;
}
.link_header{

}
#links_top a{
font-family:Arial, sans-serif;
font-size:14px;
color:#ffffff;
text-decoration:none;
}
#links_top a:hover{
text-decoration:none;
color:#660000;

}
#links_top_personal_before{
height:100%;
width:66px;
float:left;
}
#links_top_personal{
height:100%;
width:225px;
float:left;
}
#links_top_friends{
height:100%;
width:211px;
float:left;
}
#links_top_finances{
height:100%;
width:230px;
float:left;
}
#links_top_chess{
height:100%;
width:200px;
float:left;
}
#links_bottom img{
padding-left:5px;
}

/*-------------------------------------------------------------------- PHOTO PAGE ------------------------------------------------*/
#content_photo{
padding-top:100px;
}

#content_photo {margin:0 30px 0 30px;}
#content_photo a {}
#content_photo a:link {color:blue;}
#content_photo a:visited {color: #5555ff;}
#content_photo a:hover {color: #ffffff;}

#content_photo a div{background-image:url('/resources/images/photos_bg.jpg')}


#content_photo .scrollable {position:relative; overflow:hidden; width:800px; height:300px; float:left;}
#content_photo .scrollable .items {width:20000em; position:absolute;}
#content_photo .scrollable .items .item {float: left;width:800px;height:300px;}
#content_photo .scrollable .items .item div {text-align:center;height:100px;width:100px;float:left;}
#content_photo .scrollable .items .item a div img {margin-top:18px;border:none;}
#content_photo .scrollable .items .item a:hover div img{border:1px solid;}

#content_photo .prev,#content_photo .prevPage
{float:left; display:block; width:45px; height:300px; text-align:left;}

#content_photo .next,#content_photo .nextPage
{float:left; display:block; width:45px; height:300px; text-align:right;}

#content_photo .prev span img,#content_photo .prevPage span img,#content_photo .next span img,#content_photo .nextPage span img
{margin-top:130px;}

/*-------------------------------------------------------------------- VIDEO PAGE ------------------------------------------------*/

#content_video_container{
width:475px;
height:100%;
float:left;
}
#content_video_top{
height:100px;
}
#content_video{
margin-left:30px;
}
#content_thumbs_container{
width:475px;
height:100%;
float:left;
}

#content_thumbs {margin: 100px 0 0 0;}
#content_thumbs a {}
#content_thumbs a:link {}
#content_thumbs a:visited {color: #5555ff}
#content_thumbs a:hover {color: white}

#content_thumbs .scrollable {position:relative; overflow:hidden; width:390px; height:300px; float:left;}
#content_thumbs .scrollable .items {width:4000px; position:absolute; height:300px;}
#content_thumbs .scrollable .items .item {float: left; width:390px;height:300px;}
#content_thumbs .scrollable .items .item div {text-align:center;width:130px;height:100px;float:left;}
#content_thumbs .scrollable .items .item div a img {border:none;}
#content_thumbs .scrollable .items .item div a:hover img {border:1px solid white;}
#content_thumbs .prev,#content_thumbs .next,#content_thumbs .prevPage,#content_thumbs .nextPage
{display:block;float:left;width:40px;height:300px;text-align:center;}
#content_thumbs .prev span img,#content_thumbs .next span img,#content_thumbs .prevPage span img,#content_thumbs .nextPage span img
{margin-top:130px;}