/* =============================================================================
   Fonts
   ========================================================================== */

@font-face{
	font-family: GeoSans; 
	src: url('fonts/GeosansLight.ttf');
}


@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans'), local('JosefinSans'), url('http://themes.googleusercontent.com/static/fonts/josefinsans/v3/xgzbb53t8j-Mo-vYa23n5qRDOzjiPcYnFooOUGCOsRk.woff') format('woff');
}

@font-face {
  font-family: 'Pontano Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Pontano Sans'), local('PontanoSans-Regular'), url('http://themes.googleusercontent.com/static/fonts/pontanosans/v1/gTHiwyxi6S7iiHpqAoiE3KRDOzjiPcYnFooOUGCOsRk.woff') format('woff');
}

@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 400;
  src: local('Economica'), local('Economica-Regular'), url('http://themes.googleusercontent.com/static/fonts/economica/v1/jObgDQiPUtmACAaaK3pMG7O3LdcAZYWl9Si6vvxL-qU.woff') format('woff');
}

/* =============================================================================
   Style Resets
   ========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
    font-family:  Arial, sans-serif;
}


* { 
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


/* =============================================================================
   BACKGROUND 
   ========================================================================== */

/* Window Background */
body{

}

.hidden {
	display: none;
}



.mainContainer {
	margin-left:auto;
	margin-right:auto;
	width:850px;
	position:relative;
}

.mainContainer.landingPage{
	margin-top:300px;
	width:350px;
}

.mainContainer.landingPage .logo{
	cursor: pointer;
	height: 215px;
	width: 350px;

	background: url('img/00_logo/logogrey.jpg') 0 0 no-repeat transparent;

	-webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.mainContainer.landingPage .linkWrapper:hover .logo {
	background: url('img/00_logo/logoblack.jpg') 0 0 no-repeat transparent;
}

.mainContainer.landingPage .label{
	text-align:center;
	color: #939393;
	font-size: 24px;
	font-weight: 200;
	cursor: pointer;
	
	-webkit-transition: all 500ms ease-in-out;
  	-moz-transition: all 500ms ease-in-out;
  	-o-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}

.mainContainer.landingPage .linkWrapper:hover .label{
	color: #000000;
}

.sideBarContainer {
	display:inline-block;
	width:150px;
	position:relative;	
	vertical-align:top;

}
.siteMapContainer {
	margin-top: 40px;
	color: #555555;
}

ul.siteMap  li{
	display:block;
	cursor:pointer;

}
ul.siteMap  li.siteMapSelected > a{
	color:#555555;
}
ul.siteMap a {
	color: #ABA3A3;
	text-decoration:none;
}
ul.siteMap  a .logo:hover{
	background: url('img/00_logo/logoblack_S.jpg') -12px 0 no-repeat transparent;
}
ul.siteMap a .logo {
	width: 102px;
	height: 52px;
	margin-bottom: 20px;
	background: url('img/00_logo/logogrey_S.jpg') -12px 0 no-repeat transparent;
}

ul.siteMap {
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}


.siteMapContainer > ul > li{
	display:block;
	padding-top:5px;
}


.siteMapContainer > ul > li > ul{
	display:none;
}
.siteMapContainer > ul > li.siteMapSelected > ul{
	display:block;
}
.siteMapContainer > ul > li > ul > li{
	display:block;
	padding-left:10px;
}
.siteMapContainer > ul > li > ul > li > ul{
	display:none;
}
.siteMapContainer > ul > li > ul > li.siteMapSelected > ul{
	display:block;
}
.siteMapContainer > ul > li > ul > li > ul > li{
	display:block;
	padding-left:20px;
}





.contentContainer {
	display:inline-block;
	vertical-align:top;
	width:670px;
	color:#555555;
  position:relative;
}

.contentContainer h5 {
	color:#555555;
}

.panelContainer {
  width:660px;
  margin-bottom:40px;
  position:absolute;
  left:0px;

  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

.opacity .panelContainer.panelHidden {
	opacity: 0;
  z-index:-50;
}

.opacity .panelContainer.panelSelected{
  opacity: 1;
}

.no-opacity .panelContainer.panelHidden {
  display:none;	
}


.panelContainer.summary {
	padding-top:120px;
}

.panelContainer.contacts {
	padding-top:120px;
}

.imageNavigationContainer {
	position:relative;
	height:500px;
}
.imageContainer {
	position:absolute;
	bottom:35px;

}
.menuContainer {
	position:absolute;
	bottom:0px;
}

.imageContainer .imageItem {
  display: inline-block;
	width:300px;
  height:auto;

  opacity:0;

  position: absolute;
  left: 0px;
  bottom: 100px;

  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  overflow:hidden;
}

.no-opacity .imageContainer .imageItem {
  display:none;
}

.imageContainer .imageItem.selected {
	width:658px;
  height:auto;

  left: 0px;
  bottom:0px;

  z-index:50;

  opacity:1;

    -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.no-opacity .imageContainer .imageItem.selected {
  display:inline-block;
}

.imageContainer .imageItem.selected {
	width:658px;
  height:auto;

  left: 0px;
  bottom:0px;

  z-index:50;

  opacity:1;

    -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}


.imageContainer .imageItem.selected.transition {
  opacity: 0;

  left:300px;
  width:358px;

  -webkit-transition: all 0ms ease-in-out;
  -moz-transition: all 0ms ease-in-out;
  -o-transition: all 0ms ease-in-out;
  transition: all 0ms ease-in-out;
}

.opacity .imageContainer .imageItem {
  opacity: 0;
}

.opacity .imageContainer .imageItem.selected {
  opacity: 1;
}

.opacity .imageContainer .imageItem.selected.transition {
  opacity: 0;
}

.no-opacity .imageContainer .imageItem.selected.transition{
  display:none;  
}



.imageContainer .imageItem img {
	width:100%;  
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.imageContainer .imageItem.selected img {
	width:658px;  
}

.imageContainer .imageItem.selected.transition img {
	width:500px;  
}


.imageContainer .imageItem .ack{
  font-size:0px;

	color: #ABA3A3;
  	display:inline-block;
  	float:right;
    margin-bottom: 10px;

  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

}
.imageContainer .imageItem.selected .ack{
  font-size:inherit;	
}


.menuContainer {
  display:block;
  height:30px;
  width:100%;
} 
.menuContainer .menu{
  display:inline-block;
  float:left;
}
.menuContainer .legend{
	color: #ABA3A3;
  	display:inline-block;
  	float:right;
}

.menuContainer .menuItem {
  margin-right:25px;
  cursor:pointer;
  color: #ABA3A3;
}

.menuContainer .menuItem.selected {
  color: #555555;
}

.panelContainer a.email {
	text-decoration:none;
	color: #000000;	
}

.black {
  color:#000000 !important;
}