/* Makeshift CSS Reset */  
{  
    margin: 0;  
    padding: 0;  
}  
  
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
    display: block;  
}  

body.stuff {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url("images/nav/bg.jpg");
}

img.sun {
	position: fixed;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	opacity: 0.125;
}

img.shadow {
	position: fixed;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	opacity: 0.125;
}

div.container_main {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 620px;
	margin: auto;
}

div.container_header {
	position: relative;
	top: 30px;
	height: 50px;
	width: 620px;
	margin: auto;
	/*background-color: green;*/
	
	font: 15px Myriad Pro, Helvetica, Tahoma, Arial, Sans-Serif;
	color: #555555;
	text-shadow: 1px 1px 1px #d9d8d4;
	text-align: left;
	word-spacing: 0.1em;
}

div.stroke_top {
	position: relative;
	top: 50px;
	height: 2px;
	width: 620px;
	margin: auto;
	background-image: url("images/nav/stroke.gif");
	opacity: 0.3;
}

div.container_submain {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 542px;
	width: 620px;
	margin: auto;
	/*background-color: white;*/
}

iframe.container_iframe {
	position: absolute;
	top: 122px;
	/*background-color: pink;*/
}

div.stroke_bottom {
	position: relative;
	top: 390px;
	height: 2px;
	width: 620px;
	margin: auto;
	background-image: url("images/nav/stroke.gif");
	opacity: 0.3;
}

div.container_footer_left {
	position: relative;
	top: 410px;
	left: 0px;
	height: 80px;
	width: 300px;
	/*background-color: blue;*/
	
	font: 15px Myriad Pro, Helvetica, Tahoma, Arial, Sans-Serif;
	color: #555555;
	text-shadow: 1px 1px 1px #d9d8d4;
	text-align: left;
	word-spacing: 0.1em;
}

div.container_footer_right {
	position: relative;
	top: 330px;
	left: 320px;
	height: 80px;
	width: 300px;
	/*background-color: pink;*/
	
	font: 15px Myriad Pro, Helvetica, Tahoma, Arial, Sans-Serif;
	color: #555555;
	text-shadow: 1px 1px 1px #d9d8d4;
	text-align: left;
	word-spacing: 0.1em;
}

div.image_bg {
	position: absolute;
	height: 140px;
	width: 140px;
	background-color: #79776f;
	opacity: 0.3;
}

div.image_container {
	background-image:url("images/nav/image_basis.png");
	position: absolute;
	height: 140px;
	width: 140px;
	margin-top: 0px;
	margin-left: 0px;
}

img.image_thumbnail {
	position: absolute;
	height: 120px;
	width: 120px;
	margin-top: 0px;
	margin-left: 0px;
	z-index: -1;
}

a.image_thumbnail_frame {
	background-image:url("images/nav/thumbnail_frame_01.png");
	position: absolute;
	width:  120px;
    height: 120px;
	margin-top: 10px;
	margin-left: 10px;
	text-decoration: none;
}

a.image_thumbnail_frame:link {
	background-image:url("images/nav/thumbnail_frame_01.png");
}

a.image_thumbnail_frame:visited {
	background-image:url("images/nav/thumbnail_frame_01.png");
}

a.image_thumbnail_frame:hover {
	background-image:url("images/nav/thumbnail_frame_02.png");
}

a.image_thumbnail_frame:active {
	background-image:url("images/nav/thumbnail_frame_01.png");
}

a.links {
	font: 15px Myriad Pro, Helvetica, Tahoma, Arial, Sans-Serif;
	color: #000000;
	text-shadow: 1px 1px 1px #d9d8d4;
	text-decoration: none;
}

a.links:hover {
	color: #444444;
	text-shadow: 1px 1px 1px #d9d8d4;
	text-decoration: none;
}

div.gallery_type {
	background-image:url("images/nav/gallery_type_bg.png");
	position: absolute;
	height: 19px;
	width: 112px;
	bottom: 4px;
	left: 4px;
}

div.container_mac {
	position: absolute;
	bottom: 30px;
	height: 69px;
	width: 620px;
	text-align: center;
}

div.container_copyright {
	position: absolute;
	bottom: 0px;
	height: 20px;
	width: 620px;
	/*opacity: 0.0;*/
	
	font: 14px Myriad Pro, Helvetica, Tahoma, Arial, Sans-Serif;
	color: #555555;
	text-shadow: 1px 1px 1px #d9d8d4;
	text-align: center;
}