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

@font-face
{
	font-family: "HelvRegularFont";
	src: local("☺"), url("HelveticaNeueLTStd-MdEx.otf") format("opentype");
}
@font-face
{
	font-family: "HelvBoldFont";
	src: local("☺"), url("HelveticaNeueLTStd-ThEx.otf") format("opentype");
}


		.showScreen { display:none; }
		.showMobile { display:block; }		

body {
	font-family: "HelvRegularFont", Arial, Helvetica;
	
	width:100%;
	
	margin:0em;
	padding:0em;
	
	font-size:100%;
	line-height:120%;
	letter-spacing:0.05em;
	
	color:#0066a4;
	background-color:#fefefe;

}



#content{
	width:100%;
	
	font-size:100%;
	line-height:120%;
	
	margin:0em;
	padding:0em;
	
	display:inline-block;
	float:left;
	
	background:url(/miniinverter/images/background01.jpg) no-repeat;
	background-size:100%;
	background-position:center top;
}










p {
	margin:0 0 0.7em 0;
}
p.largeFont {
	font-family: "HelvBoldFont", Arial, Helvetica;
	font-size:170%;
	font-weight:lighter;
	line-height:110%;
	color:#0066a4;
}


a {
	text-decoration:none;
	color:#0066a4;
	border:0px;
}
a:hover{
	color:#000;
}

ul {
	margin:0em 0.5em 0.5em 0.5em;
	padding:0em 0em 0em 0.2em;
}

ol {
	margin:0em 0.5em 0.5em 0.5em;
	padding:0em 0em 0em 0.2em;
}

li {
	margin:0em 0em 0em 0.5em;
	padding:0em 0em 0.7em 0.2em;
}

sup {
	font-size: 0.6em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.6em;
}






h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	margin:0em;
	padding:0em;
	line-height:100%;
	text-shadow:1px 1px 3px rgba(0,0,0,0.9);
	color:#000;
}

h1 {
	margin:1em 0em 1em 1em;
}



.smallFont {
	font-size:80%;
	line-height:110%;
	font-weight:normal;
}


.alignRight { text-align:right; }



.header, .liner, .body, .footer, .div01, .div02, .divFull, .buttons {
	display:inline-block;
	float:left;
	margin:0; padding:0;
}


.header {
	width:100%;
	height:20%;
	margin-top:5%;
}
.header .div01 {
	width:96%;
	padding-right:2%;
	padding-left:2%;
}
.header .div01 img {
	width:50%;
	text-align:center;
	margin-bottom:3%;
}

.header .div02 {
	width:100%;
	color:#004a88;
	text-align: right;
}

.header .div02 div {
	width:31.3%;
	height:10%;
	color:#0066a4;
	background-color:#fff;
	font-size:75%;
	line-height:75%;
	
	margin:0px;
	padding:0px;
	
	padding-top:2%;
	padding-bottom:2%;
	margin-left:1%;
	margin-right:1%;
	
	vertical-align:middle;
	text-align:center;
}

.body {
	width:100%;
	margin-top:75%;
}
.body .div02 {
	width:86%;
	margin:0% 5% 0% 5%;
	padding:2%;
	background:url(/miniinverter/images/bodydiv1_2_bg.png);
}

.footer {
	width:100%;
}


.footer .div02 {
	width:100%;
	text-align:center;
}
.footer .div02 img {
	width:40%;
	margin:4% 2% 2% 2%;
}


.divFull {
	width:80%;
	padding:0.3em 10% 0.3em 10% ;
}


.liner {
	width:100%;
	background-color: #0066a4;
	height:20%;
	padding-top:5%;
	padding-bottom:5%;
	text-align:center;
	color:#fff;
}



@media all and (min-width: 500px){

	.showScreen { display:block; }
	.showMobile { display:none; }

	body {
		
		width:500px;
		margin:0em auto;

	}
	
	.header .div01 {
		width:38%;
		margin:0px;
		padding:0px;
		padding-left:2%;
	}
	.header .div01 img {
		width:100%;
		margin:0;
	}

	.header .div02 {
		width:56%;
		margin:0px;
		padding:0px;
		padding-left:2%;
		padding-right:2%;
	text-align: right;
	}
	
	.header .div02 div {
		width:31.3%;
		height:20%;
		font-size:75%;
		line-height:75%;
		
		margin:0px;
		padding:0px;
		
		padding-top:7%;
		padding-bottom:7%;
		margin-left:1%;
		margin-right:1%;
		
		vertical-align:middle;
		text-align:center;
	}


	.liner {
		padding-top:3%;
		padding-bottom:3%;
	}
	.body {
		margin-top:75%;
	}
	
	.body .div02 {
		width:61%;
		margin:0% 5% 0% 30%;
		padding:2%;
		background:none;
	}
	
	.body .div02 #text_01 {
		width:86%;
		margin:0% 0% 0% 15%;
	}
	
	.footer .div02 {
		width:100%;
		text-align:center;
	}
	.footer .div02 img {
		width:30%;
		margin:4% 2% 4% 68%;
	}

}