body{
	margin:0; 
	padding:0; 
	text-align:center; 
	background:#fff; 
	font-family:'Ubuntu', 
	sans-serif; 
	font-size:14px;
}

#wrapper{
	position:relative; 
	text-align:left; 
	width:1024px; 
	margin:0 auto; 
	min-height:100%; 
	overflow:hidden; 
}

header{
	text-align:left; 
	width:1024px; 
	min-height:106px; 
	background:#d4f2ff;
}

#logo{
	width:142px; 
	height:68px; 
	float:left; 
	padding:20px 120px 0px 30px;
}

#logo img{
	max-width:100%; 
	height:auto;
}

.phone{
	width:auto; 
	height:106px; 
	line-height:100px; 
	font-size:20px; 
	color:#27486e; 
	float:left; 
	padding-right:70px;
}

#social{
	width:160px; 
	height:106px; 
	float:left; 
	padding:0px 20px;
	/*border:1px #F00 solid;*/
}

#social img{
	padding-right:25px; 
	display:block; 
	margin-top:40px; 
	float:left;
}

.contactbut{
	width:auto; 
	font-size:16px; 
	color:#FFF; 
	background:#6199b1; 
	display:inline-block; 
	margin-top:10px; 
	float:right; 
	margin:35px 30px 0px 0px;
}

.contactbut a{
	color:#FFF; 
	text-decoration:none; 
	padding:10px 30px;
	display:inline-block;
}

.contactbut a:hover{
	color:#FFF; 
	text-decoration:none; 
	background:#27486e;
}


.moreinfobut{

	background-color: #d4f2ff; /* Green */
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
/*	  margin: 4px 12px;*/
	  cursor: pointer;
/*	width:auto; 
	font-size:16px; 
	color: white; 
	background: white;  
	background-color: #4CAF50;

	display:inline-block; */
/*	margin-top:10px; */
	float:right; 
	margin:10px 0px 25px 0px;
}

.moreinfobut a{
	color: white; 
	text-decoration:none; 
	padding:10px 30px;
	display:inline-block;
}
/*
.moreinfobut a:link{
	text-decoration:none; 
}

.moreinfobut a:visited{
	text-decoration:none; 
}
*/

.moreinfobut a:hover{
	color:white; 
	text-decoration:none; 
	background:#27486e;
}

/*.moreinfobut a:active{
	text-decoration:none; 
}
*/

.row {
  display: flex;
  width: 100%;
}

.row div {
  width: 50%;
}

.noMargin {
  margin: 0px;
}

.one {
	 height:100%;
            width:100%;
  background-color: white;
}

.two {
	 height:100%;
            width:100%;
  background-color: yellow;
}

.three {height:50%;
            width:50%;

  background-color: green;
}

.four {
	 height:50%;
            width:50%;
  background-color: blue;
}



nav{
	float:right; 
	width:1024px;
	height:31px;
	/*border:1px #000 solid;*/ 
	display:block; 
	background:#27486e;
}

nav ul{
	padding:0; 
	margin:0; 
	float:right;
}

nav ul li{ 
	display:inline; 
	padding:0; 
	margin:0;
}

nav ul li a{
	float:left; 
	padding:0px 20px; 
	color:#FFF; 
	text-decoration:none; 
	height:31px; 
	line-height:31px;
}

nav ul li a:visited{
	color:#FFF;
}

nav ul li a:hover, nav ul li a.current{ 
	background:#d4f2ff; 
	color:#27486e; 
	text-decoration:none; 
	height:31px;line-height:31px}

#menu2{
	display:none;
}

#flash{
	width:1024px; 
	height:455px; 
	background:url(../../images/flash.jpg) 
	no-repeat top #27486e;
	/*border:1px #f00 solid;*/  
}

#offer{
	width:321px; 
	height:155px; 
	margin-top:239px; 
	background:#afc6d6; 
	float:right; 
	margin-right:82px; 
	padding:15px; 
	color:#FFF; 
	font-size:16px;
}

#offer h2{
	color:#27486e; 
	margin:10px 0px; 
	padding:0px 0px 5px 0px; 
	font-size:2.1em; 
	color:#FFF;
	font-family:'Ubuntu', sans-serif; 
	font-weight:bold; 
	text-align:left;
}

main{
	width:1024px; 
	min-height:300px; 
	padding:0px 0px;
	overflow:hidden;
	/*border:1px #000 solid;*/ 
}

#homecontent{
	width:692px; 
	min-height:100px; 
	margin:0 auto; 
	overflow:hidden;
	/*border:1px #000 solid;*/
}

#homecontent img{
	text-align:center; 
	display:block; 
	margin:0 auto 30px auto;
}

#homecontent a{
	color:#6199b1; 
	/*text-decoration:underline;*/
}

#homecontent a:hover{
	color:#6199b1; 
	text-decoration:none;
}

#services{
	width:1024px; 	
	min-height:100px; 
	overflow:hidden;
	/*border:1px #000 solid;*/ 
	margin:70px 0px;
}

#services .prod_frame{
	float:left; 
	width:247px; 
	min-height:199px; 
	margin-bottom:15px;
	/*border:1px #FF0000 solid;*/ 
	margin-left:70px;
}

#services .prod_img{
	width:247px;
	height:199px; 
	/*border:1px solid #FF0000;*/ 
	text-align:center; 
	margin-bottom:20px; 
}

#services .helper {
	display: inline-block; 
	height: 100%; 
	vertical-align: middle;
}

#services .prod_img img{
	margin-left:auto; 
	margin-right:auto;
	vertical-align:middle;
}

#services .prod_frame p{
	margin:0; 
	padding:0; 
	color:#666666; 
	text-align:center;
}

#services .prod_frame p a:link, .prod_frame p a:visited{
	color:#27486e; 
	text-decoration:none; 
	font-size:30px; 
	font-weight:bold;}

#services .prod_frame p a:hover{
	color:#6199b1; 
	text-decoration:underline;
}










h1{
	color:#27486e; 
	margin:20px 0px; 
	padding:90px 0px 5px 0px; 
	font-size:2.2em;
	font-family:'Ubuntu', sans-serif; 
	font-weight:bold; 
	text-align:center;
}

h1 span{
	color:#6199b1;
}

h2{
	color:#27486e; 
	margin:30px 0px; 
	padding:0px 0px 5px 0px; 
	font-size:2.0em;font-family:'Ubuntu', 
	sans-serif; font-weight:bold; 
	text-align:center; }


.content{
	width:692px; 
	min-height:200px; 
	overflow:hidden; 
	float:left; 
	color:#6199b1;
	/*border:1px solid #000;*/ 
	font-size:16px;
}

.content p{
	line-height:20px; 
	text-align:justify; 
	margin-bottom:30px;
}

.content ul {
	list-style-type: decimal;
	list-style-type: circle; 
	margin:0;
}

.content ul li{
	margin-left:15px; 
	padding-bottom:5px;
}


footer{
	width:944px; 
	min-height:110px; 
	overflow:hidden; 
	padding:40px 40px; 
	background:#27486e;
	/*border:1px solid #FF0000;*/ 
	font-size:11px; color:#FFF; 
	margin-top:30px;
}

footer{
	width:944px; 
	height:90px; 
	overflow:hidden; 
	padding:40px 40px; 
	background:#27486e;
	/*border:1px solid #FF0000;*/ 
	font-size:11px; 
	color:#FFF; 
	margin-top:30px;
}

footer li{
	width:auto; 
	/*min-height:72px;*/ 
	float:left; 
	margin-left:15px; 
	margin-right:15px; 
	margin-bottom:10px; 
	display:inline-block;
	/*border:1px solid #FF0000;*/
}

footer li:nth-child(6){
	margin-right:0px;
}

footer li:nth-child(1){
        margin-left:30px;
}


footer #copyright{

}

#contact_info{
	width:200px; 
	overflow:hidden; 
	height:auto; 
	float:left;
	color:#6199b1; 
	font-size:16px;
}

#contact_form{
	width:480px; 
	overflow:hidden; 	
	height:auto; 
	float:right;
	/*border:1px solid #FF0000;*/
}

#contact_form p{
	display:block; 
	width:480px; 
	/*border:1px solid #FF0000;*/ 
	overflow:hidden; 
	margin:3px 0px; 	
}

#contact_form label{
	width:110px; 
	float:left; 
	text-align: left;
	display: inline;  
	color:#666;
	/*border:1px solid #FF0000;*/  
}

#contact_form input { 
	font-size: 14px;
	border:1px solid #666;	
	width:200px; 
	height:20px; 
	float:left; 
}

#contact_form textarea {
	font-size: 14px; 
	border:1px solid #666; 
	width:200px; 
	height:100px;
}

#contact_form select {
	font-size: 11px;
	border:1px solid #666; 
}

#contact_form .but{
	font-size:14px; 
	padding:3px; color:#FFFFFF; 
	background:#666; 
	width:auto; 
	height:30px; 
	float:left;
}

#contact_form .error{
	color:#FF0000;
	font-size:11px; 
	text-align:left;
	display:inline-block;
	margin-left:110px;
}

#contact_form .success{
	color:#fff; 
	display:inline-block; 
	width:auto; 
	padding:10px; 
	font-size:14px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	background:#85be42;
}

.clr{
	clear:both;
}


/*

	# dan added below
	# ================

*/
footer a {
	font-weight:bold;
        color: rgba(255,255,255,0.6);
        font-size:15px;
        text-decoration: none;
        -webkit-transition-duration: 0.3s; /* Safari */
        transition-duration: 0.3s;
}

footer a:hover{
        color: rgba(255,255,255,1);
        text-decoration: underline;
}

footer #copyright  ul{
	width:100%
        text-align: left;
	margin:auto;
	border-top:3px solid rgba(255,255,255,0.3);
}

footer #copyright {
	width:90%;
	margin:auto;
}


footer #copyright  ul li{
        width:22%;	
	margin:10px;
	margin-left:13px;
        text-align: center;

}


.xero{
	position:relative;
	top: -15px;
}