/* all sizes and visiblity for responsive design */
@media only screen and (min-device-width:1025px) and (orientation:landscape)
{ /*  desktop pc's with width larger then 1024px - landscape */

/* END greater than 1024px */
}


/* iPad landscape */
@media only screen and (device-aspect-ratio: 3/4) and (orientation:landscape) 
{
#bg-header {
	width:100%;
	height:120px;
}	
.diashow-image {
	width:100%;
}	
#header-caption {
	width:280px;
	position:relative;
	top:-50px;
	left:2em;
	font-family:Verdana;
	font-size:1.5em;
}

#page {
	margin-right:0%;
	margin-left:0%;
	width:100%;
	height:100%;
	overflow:hidden;
}

#page-content {
	position: relative;
	top: -50px;
	max-width:100%;
	height:30.0em;
	padding:1em 2em;
	overflow:auto;
}

#page-content-diashow {
	margin: 0px 2% 2% 0px;
	width:40%;
	float:left;
	overflow:hidden;
}
#page-content-text {
	margin-right:2em;
	padding: 0 3% 0 2%;
	float:left;
}
#page-content-text h3 {
	font-size:1.2em;
	font-weight:normal;
	padding:0px 0px 1em 0px;
	margin:0px 2em 0px 0px;
}
#page-content-text p {
	font-size:0.8em;
	padding: 0px 0px 1em 0px ;
}


#page-header {
	padding:0px;
	margin:0px;
	width:100%;
}
#page-navi {
	position:relative;
	top: -55px;
	left:3.1em;
	padding: 0.8% 0 0.8% 0 ;
	margin:2% 0 2% 0;
}
#tech-navi {
	position:absolute;
	top:0px;
	left:60%;
	width:300px;
}

/* END iPAd landscape */

}
/* iPad portrait */
@media only screen and (device-aspect-ratio: 3/4) and (orientation:portrait) 
{
#bg-header {
	width:100%;
}	
.diashow-image {
	width:100%;
}	
	
#header-caption {
	width:280px;
	position:relative;
	top:-50px;
	left:2em;
	font-family:Verdana;
	font-size:1.5em;
}
#page-content .center {
	background-color:#fff;
}
#page {
	margin-right:0px;
	margin-left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}

#page-content {
	position:relative;
	top:-20px;
	
	height: 660px;
	width:94%;
	padding:0em 1em 0em 2em;
}

#page-content-diashow {
	width:40%;
	float:left;
	overflow:hidden;
	margin-right: 2em;
	margin-bottom:1em;
}
#page-content-text {
	width:96%;
	margin:0px;
	padding: 0 2% 0 2%;
	float:left;
}
#page-content-text h3 {
	font-size:1.0em;
	font-weight:normal;
	margin:0px;
	padding:0px 0px 1em 0px;
}
#page-content-text p {
	font-size:0.8em;
}

#page-header {
	padding:0px;
	margin:0px;
	width:100%;
}
#page-navi {
	width:94.5%;
	position:relative;
	top: -50px;
	left:3em;
	padding: 0.8% 0 0.8% 0 ;
	margin:2% 0 2% 0;
}
#tech-navi {
	position:absolute;
	top:0px;
	left:55%;
	width:300px;
}

/* END iPAd portrait */
}

/* iPhone <5 landscape */
@media only screen and (device-aspect-ratio: 2/3) and (orientation:landscape) 
{
#bg-header {
	width:100%;
	height:120px;
}		
#header-caption {
	width:280px;
	position:relative;
	top:-50px;
	left:2em;
	font-family:Verdana;
	font-size:1.5em;
}
#page-content .center {
	background-color:#fff;
}
#page {
	margin-right:0%;
	margin-left:0%;
	width:100%;
	height:100%;
}

#page-content {
	max-width:70em;
	padding:1em 3em;
}
#page-header {
	padding:0px;
	margin:0px;
	width:100%;
}
#page-navi {
	position:relative;
	top: -65px;
	left:2.5em;
	padding: 0.8% 0 0.8% 0 ;
	margin:2% 0 2% 0;
}
#tech-navi {
	position:absolute;
	top:0px;
	left:60%;
	width:300px;
}

}

/* iPhone <5 portrait */
@media only screen and (device-aspect-ratio: 2/3) and (orientation:portrait) 
{

}

/* iPhone 5 landscape */
@media only screen and (device-aspect-ratio: 40/71) and (orientation:landscape)
{
#bg-header {
	width:100%;
	height:120px;
}		
#header-caption {
	width:280px;
	position:relative;
	top:-51px;
	left:0.65em;
	font-family:Verdana;
	font-size:1.5em;
}
#page-content .center {
	background-color:#fff;
}
#page {
	margin-right:0%;
	margin-left:0%;
	width:100%;
	height:100%;
}

#page-content {
	max-width:70em;
	padding:1em 3em;
}
#page-header {
	padding:0px;
	margin:0px;
	width:100%;
}
#page-navi {
	position:relative;
	top: -63px;
	left:0.5em;
	padding: 0.8% 0 0.8% 0 ;
	margin:2% 0 2% 0;
}
#tech-navi {
	position:absolute;
	top:0px;
	left:45%;
	width:300px;
}

}

/* iPhone 5 portrait */
@media only screen and (device-aspect-ratio: 40/71) and (orientation:portrait)
{
#bg-header {
	width:100%;
	height:80px;
}		
#header-caption {
	width:280px;
	position:relative;
	top:-9px;
	left:0.7em;
	font-family:Verdana;
	font-size:1.2em;
}
#page-content .center {
	background-color:#fff;
}
#page {
	margin-right:0%;
	margin-left:0%;
	width:100%;
	height:100%;
}

#page-content {
	position:relative;
	top:-1em;
	max-width:70em;
	padding:0.5em 1em;
}
#page-header {
	padding:0px;
	margin:0px;
	width:100%;
}
#page-navi {
	height:3em;
	position:relative;
	top: -3px;
	left:0.1em;
	padding: 0.8% 0 0.8% 0 ;
	margin:2% 0 2% 0;
}
#tech-navi {
	position:absolute;
	top:0px;
	left:0.6em;
	width:300px;
}


}