@charset "utf-8";
/* CSS Document */

body, html {
			background-color: #999999;
			height: 98%;
}

img{
		border: 0;
}

div#outer {
			height: 655px;
			overflow: hidden;
			position: relative;
			width: 100%;
}
			
div#outer[id] {
			display: table;
			position: static;
			height: 100%;
			overflow: visible;
}

div#middle {	
			position: absolute;
			top: 50%;
}

div#middle[id] {
			display: table-cell;
			vertical-align: middle; 
			position: static;
}

div#inner {
			margin-right: auto;
			margin-left: auto;
			width: 1060px;
			height: 650px;
			position: relative;
			margin-top: 5%;
			background-color: #999999;
			border-color: #acacac;
			border-width: 1px;
			border-style:solid;	
}
	#flashcontent {
		height: 100%;
	}


div#container1 {
			width: 285px;
			height: 450px;
			position: relative;
			margin: 125px 0px 0px 50px;
			float: left;
}
div#container2 {
			width: 285px;
			height: 450px;
			position: relative;
			margin: 125px 0px 0px 35px;
			float: left;
}
div#mapcontainer {
			width: 605px;
			height: 466px;
			position: relative;
			margin: 125px 0px 0px 50px;
			float: left;
}

div#collectioncontainer {
			width: 648px;
			height: 650px;
			position: relative;
			margin: 0px 7px 0px 0px;
			float: left;
}
 
div#frontcontainer {
			width: 1059px;
			height: 441px;
			position: relative;
			margin: 0px 0px 0px 0px;
}
div#front {
			width: 400px;
			height: 70px;
			position: relative;
			margin: 50px 0px 0px 690px;
} 


div#right {
			width: 330px;
			height: 535px;
			position: relative;
			margin: 50px 0px 0px 35px;
			float: left;
} 

div#mainnavi {
			width: 250px;
			height: 55px;
			position: relative;
			margin: 0px 0px 0px 0px;
			float: left;
} 
div#logonavi {
			width: 53px;
			height: 52px;
			position: relative;
			margin: 0px 0px 0px 3px;
			float: left;
			background: url(imaging_atelier_logo_over.jpg);
			background-position: top;
} 

div#subnavi_col1 {
			width: 150px;
			height: 130px;
			position: relative;
			margin: 27px 0px 0px 0px;
			float: left;
}
div#subnavi_col2 {
			width: 160px;
			height: 130px;
			text-align: right;
			position: relative;
			margin: 27px 0px 0px 0px;
			float: left;
}

div#contactinfo {
			font-family:Arial, Helvetica;
			color: #ffffff;
			font-size: 14px;
			width: 310px;
			height: 120px;
			text-align: right;
			position: relative;
			margin: 27px 0px 0px 0px;
			float: left;
			clear:both;
}

div#footer {
			font-family:Arial, Helvetica;
			color: #bababa;
			font-size: 10px;
			width: 200px;
			height: 15px;
			text-align: right;
			position: relative;
			margin: 0px 0px 0px 800px;
}
div#frontfooter {
			font-family:Arial, Helvetica;
			color: #bababa;
			font-size: 10px;
			width: 200px;
			height: 15px;
			text-align: right;
			position: relative;
			margin: 24px 0px 0px 800px;
}

p.container{
			font-family:Arial, Helvetica;
			color: #ffffff;
			font-size: 15px;
			text-align:justify;
			margin-top: 12px;
}

a{
			font-family: Arial, Helvetica;
			color: #bababa;
			font-weight: bold;
			font-size: 13px;
			margin-right: 10px;
			text-decoration:none;
}
a:hover{
			color: #ffffff;
}

a:hover img{
			display: block;
			visibility: hidden;
			border: 0px;
			margin: 0px 0px 0px 0px;
}

a:active{
			color: #ffffff;
}
a.subnavi{
			font-family: Arial, Helvetica;
			color: #bababa;
			font-weight:200;
			font-size: 14px;
			margin-bottom: 50px;
			margin-right: 0px;
			text-decoration: none;
			line-height: 2;
}
a.subnavi:hover{
			color: #ffffff;
			}