body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td {margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img,input {border:0;}
:focus {outline: none;}
address,caption,cite,code,dfn,th,var,strong,em {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; margin:0px; padding:0px;}
q:before,q:after {content:'"';}
abbr,acronym {border:0;}
p {margin-top:18px; margin-bottom:18px;}
textarea {overflow: auto; border:0;}

html {
    color:#454545;
    line-height:1.75;
    font-family: 'Varela Round', sans-serif;
    font-weight:400;
    font-size:14px;
}

body{
    float:left;
    width:1px;
}

h1{
   font-family: 'Alegreya', serif;
   font-weight: 900;
   font-size: 24px;
}

h2{
    font-family: 'Alegreya', serif;
    font-weight: 900;
    font-size: 24px;
    color:#005aab;
}

h3{
    font-family: 'Alegreya', serif;
    font-weight: 900;
    font-size: 18px;
    color:#005aab;
}

ul{
    list-style: none;
    padding-left:0px;
}

li{
    line-height:1.25;
    padding:4px 0px 4px 0px;
}

a{
    color:#005aab;
    text-decoration:none;
}

.bold{
    font-family: 'Alegreya', serif;
    font-weight: 900;
    font-size: 16px;
}

#frontTop{
    float:left;
    width:1px;
    background-image:url('../images/bg-front.jpg');
    background-position:center center;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
}

#frontTopHolder{
    float:left;
    width:960px;
    min-height:1px;
}

#backTop{
    float:left;
    width:1px;
}

#backTopHolder{
    float:left;
    width:960px;
    min-height:1px;
}

#frontBottom{
    float:left;
    width:1px;
    background-image:url('../images/bg-front.jpg');
    background-position:center center;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
}

#frontBottomTrans{
    float:left;
    width:1px;
    background:rgba(255,255,255,0.5);
}

#frontBottomHolder{
    float:left;
    width:960px;
    min-height:1px;
}

#backBottom{
    float:left;
    width:1px;
}

#backBottomHolder{
    float:left;
    width:960px;
    padding:40px 0px 40px 0px;
    text-align: center;
}

.backMiddle{
    float:left;
    padding:60px 0px 60px 0px;
    background:#f3f3f3;
    border-top:1px solid #0088f0;
    width:1px;
}

.backMiddleHolder{
    float:left;
    width:960px;
    padding:20px;
}

#productSolar{
    background-image:url('../images/bg-solar.jpg');
    background-position:center center;
    background-size:cover;
    border:none;
}

#productHealth{
    background:#ffffff;
    border:none;
}

#productAc{
    background-image:url('../images/bg-ac.jpg');
    background-position:center center;
    background-size:cover;
    border:none;
}

#productMaintenance{
    background:#ffffff;
    border:none;
}

#productGenerator{
    background-image:url('../images/bg-generator.jpg');
    background-position:center center;
    background-size:cover;
    border:none;
}

.newsBox{
    float:left;
    width:100%;
}

#header{
    float:left;
    width:100%;
    color:#005aab;
    margin-bottom:20px;
}

#header a{
    font-size:14px;
}

#headerTop{
    float:left;
    width:100%;
}

.headerThird{
    float:left;
    width:33%;
    height:160px;
    padding:20px;
    font-size:18px;
}

.headerFull{
    float:left;
    width:100%;
    height:160px;
    padding:20px;
}

#headerMiddle{
    text-align:center;
}

#headerRight{
    text-align:right;
    line-height: 1.25;
}

#headerMenu{
    float:left;
    width:100%;
    height:33px;
    background:rgba(255,255,255,0.75);
    border:1px solid #ffffff;
}

.sMenuLink{
	float:left;
	width:1px;
	height:32px;
	padding:3px;
	text-align:center;
	cursor:pointer;
	border-right:1px solid #ffffff;
}

.last{
    border:none;
}


#mobile{
    float:left;
    width:100%;
}

#mobilePhone{
    float:left;
    padding:0px 10px 0px 10px;
}

#mobileMenuHolder{
	float:right;
	width:38px;
	height:38px;
}

/*style the sub menu*/
.mobileSub {
	position:absolute;
	right:6px;
	top:192px;
	visibility:hidden;
	z-index:1100;
	background:rgba(255,255,255,0.95) url('../images/deco-mobilemenu.png') left top no-repeat;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	padding:8px;
	width:170px;
	height:160px;
	text-align:right;
}

.mobileSub a {
	color:#2a264c;
	text-decoration:none;
}

.mobileSub a:hover {
	color:#d4ad45;
}

.mobileMenuItem{
	float:left;
	width:100%;
	height:30px;
}

.frontColumn{
    float:left;
    margin:0px 5px 0px 5px;
}

.columnLeft{
    width:310px;
}

.columnRight{
    width:630px;
}

.frontBox{
    float:left;
    width:100%;
    margin-bottom:5px;
    background:rgba(255,255,255,0.85);
    bottom:0px;
    padding:20px;
}

.frontBoxTitle{
    float:left;
    width:100%;
    border-bottom:1px solid #ffffff;
}

.frontBoxContent{
    float:left;
    width:100%;
}

#frontContact{
    float:left;
    width:100%;
    padding:40px 0px 40px 0px;
}

#footCenterLeft{
    float:left;
    width:480px;
    padding:10px;
}

#footCenterRight{
    float:right;
    width:480px;
    padding:10px;
}

.frontInput{
    float:left;
    width:460px;
    height:40px;
    margin-bottom:10px;
    padding:4px 4px 4px 10px;
    font-family: 'Alegreya', serif;
    font-weight: 900;
    font-size: 18px;
    color:#999999;
    background:rgba(255,255,255,0.75);
    border:1px solid #ffffff;
}

.frontTextarea{
    float:left;
    width:460px;
    height:140px;
    margin-bottom:10px;
    padding:4px 4px 4px 10px;
    font-family: 'Alegreya', serif;
    font-weight: 900;
    font-size: 18px;
    color:#999999;
    background:rgba(255,255,255,0.75);
    border:1px solid #ffffff;
}

.formButton{
    float:right;
    width:200px;
    height:40px;
    background:rgba(255,255,255,0.75);
    border:1px solid #ffffff;
    font-family: 'Alegreya', serif;
    font-weight: 900;
    font-size: 18px;
    color:#999999;
    text-align:center;
    padding-top:7px;
    margin-right:10px;
}

.formButtonHolder{
    margin-bottom:40px;
    width:100%;
    text-align:center;
}

#contactReplace{
    float:left;
    width:100%;
}

#footBottom{
    float:left;
    width:100%;
    padding:20px;
}

.author{
    float:left;
    width:100%;
    font-size:12px;
    text-align:right;
    padding-right:10px;
}