/* CSS Document */

#container 					{ position:relative; width:800px; height:600px; margin: 0 auto; background-color:#333333; }
#content 					{ position:absolute; left:0px; top:106px; width:800px; height:410px; font-size:12px; border-top: 1px solid black; border-bottom: 1px solid black; }
#main_menu					{ position:absolute; left:106px; top:526px; margin:0px;	padding:0px; }
#gallery_menu				{ position:absolute; left:92px; top:20px; width: 350px;}
#gallery_name,#archives_name		{ position:absolute; width:110px; left:22px; top:32px; color:#5e5e5e; font:sans-serif  lighter; font-size:.9em; text-transform:uppercase;}
div.logo 					{ position:absolute; left:600px; top:20px; z-index:2; }
div.copyright 				{ position:absolute; left:632px; top:584px; font-size:9px; color:#666666; text-align:right; }

#gallery_window				{ text-align:center; height:100%; width:100%;}

#gallery_menu > li			{ float:left; margin: 2px 2px 3px 3px; font-size:1em; font-weight:bold; text-transform:uppercase; list-style-type:none; width:30px; height:30px; }
#gallery_menu > li > img	{ width:30px; height:30px; }


#archives_menu					 						{ padding:0px; height:100%; width:100%; }
#archives_menu_sub										{ padding:0px; height:100%; width:350px; margin:10px auto;}
#archives_menu > li img, #archives_menu_sub > li img	{ width:60px; height:60px; float:left}

#archives_menu_sub > li				{ float:left; list-style-type:none; width:70px; height:70px; }
#archives_menu > li					{ float:left; font-size:1.1em; font-weight:light; text-transform:capitalize; list-style-type:none; width:20%; height:70px; }
#archives_menu > li span			{ margin-left:70px; width:80px;display:block}
#archives_image						{ margin: 20px 0px 0px 0px;}

#main_menu > li				{ margin: 0px 60px 0px 0px; padding:0px;position:relative; float:left;font-size:1em; font-weight:bold; text-transform:uppercase; list-style-type:none;}
#main_menu > li > ul		{ margin:0px; padding:0px; position:absolute; top:10px;left:2px; width:300px; font-weight:normal; text-transform:lowercase; display:none; list-style-type:none;}
#main_menu > li:hover > ul	{ display:block;} 
#main_menu > li > ul >li	{ margin:4px 0px 0px 0px;	padding:0px;}
#gallery_menu_nav			{ position:absolute;top:50px;left:440px;}
#gallery_menu_nav:hover		{ cursor: default;}

#melphoto 					{ position:absolute; top:75px; left:75px;}
#contactphoto 				{ position:absolute; top:66px; left:20px;}
#contactsubtext 				{ position:absolute; top:322px; left:20px; color:#666666;}
#finephoto					{ position:absolute; top:50px; left:20px;}
#introimages				{ text-align:center; height:100%; width:100%;}

span.indent		{ position:relative; left:30px;}
div.text		{ position:relative; top:100px; left:500px; width:250px;}

body			{ background-color:#333333; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:0px;}
a 				{ color:#666666; text-decoration:none; }
a:hover			{ color:#FFFFFF; }
img 			{ border:none; }


div.contact 	{ position:relative; top:100px; left:430px; width:400px; line-height:25px; }
div.bio			{ position:relative; top:90px; left:480px; width:250px; }



div.title { position:absolute; left:20px; top:20px; }

#archive_nav 		{ position:absolute; left:684px; top:370px; }
#archive_nav .prev 	{ position:absolute; left:0px; top:0px;}
#archive_nav .next 	{ position:absolute; left:22px; top:0px; }
#archive_nav .page 	{ position:absolute; left:44px; top:0px; width:200px; }

a.prevnext { color:#c7c7c7; }
a.prevnext:hover { color:#ffffff; }

@media screen and (max-device-width: 480px){
#main_menu > li > ul		{ display:block;}
}