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

body{
	font-family: 'Lato', sans-serif;
    background-color: #E8E8E8;
	}

.text{
width: 100%;
}

.cl{
	clear:both;
	}
	
h1, h2, h3, h4, h5, h6{
	font-family: 'Lato', sans-serif;
	color:#545454;
	text-align:left;
	font-weight:400;
	}
	
h1{
    font-family: 'Lato', sans-serif;
	font-size:25px;
	font-weight:900;
	}
	
h2{
	font-size:23px;
	font-weight:700;
	}
	
h3{
	font-size:20px;
	font-weight:100;
	}
	
h4{
	font-size:18px;
	font-weight:100;
	}
	
h5{
	font-size:16px;
	font-weight:900;
	}
	
h6{
	font-size:14px;
	font-weight:900;
	}
	
p{
	font-family: 'Lato', sans-serif;
	color:#545454;
	text-align:justify;
	font-size:14px;
	}

table{
	border:none;
	}
	
td, th {
   border:none;
}
	
	
/*----------------------HEADER---------------------------*/

#wrap{
    width: 1020px;
    height: auto;
    min-height: 500px;
    background-color: #fff;
    margin: 25px auto;
    /*border: 1px solid #ccc;*/
    -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.3);
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.3);

    }

#topLine{
    width: 100%;
    height: 5px;
    background-color: #49b249;
    float: left;
    }

#header{
    width:1020px;
	height:170px;
	margin:0px auto 0px auto;
    padding-left: 20px;
    }

#header img{
    margin: 20px 0px 0px 0px;
    float: left;
    }

#header h2{
    margin: 46px 0px 0px 10px;
    float: left;
    font-weight: 300;
    color: #4C4C4C;
    font-size: 22px;
    }

#menuWrap{  
    width: 100%;
    min-width: 1042px;
    height: 58px;
    background-color: #4C4C4C;
    margin-left: -11px;
    }

#menuWrap2{
    width: 1042px;
    height: 58px;
    margin: 0px auto 0px auto;
    }
	
#menuWrap ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	float:right;
	width: 600px;
	}

#menuWrap a li{
	font-weight:400;
	font-size:13px;
	color:#fff;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 20px 25px 20px 25px;
    background-color: #4C4C4C;
    border-left: 1px solid #7C7C7C;
	}
	
#menuWrap a li:hover{
	text-decoration:none;
    background-color: #7C7C7C;
	}
	
#menuWrap .currentPage li{
    background-color: #49b249;
	}

#menuWrap .currentPage li:hover{
    background-color: #49b249;
	}

#bannerWrap{
    width:100%;
	height:355px;
    background-color: #f0f0f0;
	}

#menuArrow{
    position: absolute;
    margin-left:-11px;
    }

#menuArrow2{
    position: absolute;
    margin-left:1020px;
    }
	
#banner{
	width:1020px;
	height:450px;
	min-width:980px;
	background-color:#fff;
    margin: 0px auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    
}

#camera_wrap_12{
    -moz-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);
box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);
    }


/*----------------------CON----------------------*/
	
#con{
	width:1020px;
	height:auto;
	min-height:100px;
	margin:0px auto 0px auto;
	padding:0px 20px 35px 20px;
    background-color: #fff;
	}

#servicesWrap{  
    width: 100%;
    min-width: 1020px;
    height: 460px;
    background-color: #EDEDE0;
    border-bottom: #d3d3c7 solid 1px;
    border-top: #d3d3c7 solid 1px;
    }

#services{  
    width: 1020px;
    height: 460px;
    margin: 0px auto;
    padding: 0px 20px;
    }

#services h1, #services h5{
    color: #545454;
    }
	
.readmore{
	display:block;
	padding:10px 15px;;
	font-size:12px;
	color:#545454;
	background-color:#DDDDDD;
	float:right;
    margin-top: 5px;
	}
	
.readmore:hover{
	background-color:#252a2b;
	color:#fff;
	}
	
/*-------------------FOOTER----------------------*/
	
#footer{
	width:100%;
    min-width: 1020px;
	height:auto;
	}

#footerTopWrap{ 
    width: 100%;
    height: 355px;
    background-color: #21497C;
    }

#footerTop{ 
    width: 980px;
    height: 355px;
    margin: 0px auto;
    }

#footerTop img, #footerTop p{
    float: left;
    }

#footerTop p{
    color: #fff;
    margin-top: 46px;
    }

#footerMidWrap{ 
    width: 100%;
    height: 70px;
    background-color: #173457;
    }

#footerMid{ 
    width: 980px;
    height: 70px;
    margin: 0px auto;
    }

#footerMid ul{
	margin:27px 0px 0px 268px;
	padding:0px;
	list-style-type:none;
	float:left;
    width: 530px;
	}

#footerMid a li{
	font-weight:900;
	font-size:13px;
	color:#AAC6E8;
    float: left;
    margin: 0px 35px 0px 0px 
	}
	
#footerMid a li:hover{
	text-decoration:none;
    color:#fff;
	}
	
#footerMid .currentPage li{
	color:#fff;
	}
	
#footerEndWrap{
	width:100%;
    min-width: 1020px;
	padding:0px 0px 0px 0px;
	height:70px;
	background-color:#4C4C4C;
	}
	
#footerEnd{
	width:1020px;
	height:70px;
	margin:0px auto;
    padding: 0px 20px;
	}
	
#footerEnd p{
	padding-top:25px;
	color:#fff;
	}
	
#skyartWrap{
	width:160px;
	height:22px;
	float:right;
	margin:-29px 0px 0px 0px;
	}
	
#skyartWrap p{
	color:#fff;
	font-size:12px;
	float:left;
	padding-top:0px;
	}
	
#skylogo{
	width:80px;
	height:20px;
	overflow:hidden;
	float:left;
	margin-left:2px;
	}
	
#skylogo img{
	margin-top:-21px;
	}

	
/*------------------------CONTACT--------------------------*/

#contactFormWrap{
	width:525px;
	height:auto;
	float:left;
	padding:0px 10px 0px 0px;
	margin-top:35px;
	}
	
.form-control, .btn{
	margin:0px 0px 5px 0px; 
	}
	
#contactDetailWrap{
	width:390px;
	height:290px;
	float:left;
	margin-top:35px;
	margin-left:20px;
	}
/*
     FILE ARCHIVED ON 15:42:21 Mar 13, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:27:32 Sep 28, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 97.828
  exclusion.robots: 0.079
  exclusion.robots.policy: 0.07
  cdx.remote: 0.073
  esindex: 0.01
  LoadShardBlock: 53.659 (3)
  PetaboxLoader3.datanode: 828.717 (5)
  load_resource: 3360.519 (2)
  PetaboxLoader3.resolve: 2513.687 (2)
*/