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

body{
	font-family: 'Lato', sans-serif;
	}

.cl{
	clear:both;
	}
	
h1, h2, h3, h4, h5, h6{
	font-family: 'Lato', sans-serif;
	color:#545454;
	text-align:left;
	font-weight:100;
	}
	
h1{
    font-family: 'Lato', sans-serif;
	font-size:25px;
	font-weight:900;
	}
	
h2{
	font-size:23px;
	font-weight:100;
	}
	
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:13px;
	}

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

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

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

#header h2{
    margin: 112px 0px 0px 10px;
    float: left;
    font-weight: 900;
    color: #D9AC06;
    font-size: 20px;
    }

#menuWrap{  
    width: 100%;
    min-width: 1020px;
    height: 96px;
    background-color: #EDEDE0;
    padding-left: 20px;
    border-top: #d3d3c7 solid 1px;
    }

#menuWrap2{
    width: 980px;
    height: 96px;
    margin: 0px auto 0px auto;
    }
	
#menuWrap ul{
	margin:37px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	float:left;
    width: 530px;
	}

#ship{
    width: 407px;
    height: 320px;
    float: left;
    position: absolute;
    z-index: 0;
    margin: -161px 0px 0px 41px;
    }
	
#menuWrap a li{
	font-weight:900;
	font-size:13px;
	color:#777;
    float: left;
    margin: 0px 35px 0px 0px 
	}
	
#menuWrap a li:hover{
	text-decoration:none;
    color:#000;
	}
	
#menuWrap .currentPage li{
	color:#000;
	}

#bannerWrap{
    width:100%;
	height:315px;
    background-color: #4D7AFF;
	}
	
#banner{
	width:1020px;
	height:450px;
	min-width:980px;
	background-color:#4D7AFF;
    margin: 0px auto;
    padding-top: 44px;
    padding-left: 20px;
    padding-right: 20px;
    
}

#camera_wrap_1{
    -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);
    }

#topSlot{
    width: 100%;
    min-width: 1020px;
    height: 415px;
    background-color: #EDEDE0;
    border-bottom: #d3d3c7 solid 1px;
    border-top: #d3d3c7 solid 1px;
    margin-top: -20px;
    }

#topSlotInner{
    width: 980px;
    height: 415px;
    margin: 0px auto 0px auto;
    background: url(/web/20181126161628im_/http://exco.lk/img/tag-bg.png);
    }

#topSlotInner h1{
    text-align: center;
    padding-top: 228px;
    }

#topSlotInner h4{
    font-weight: 900;
    text-align: center;
    padding-top: 25px;
    }


/*----------------------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 230px;
	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:#0F2137;
	}
	
#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 16:16:28 Nov 26, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:11:21 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: 103.642
  exclusion.robots: 0.08
  exclusion.robots.policy: 0.072
  cdx.remote: 0.051
  esindex: 0.008
  LoadShardBlock: 59.616 (3)
  PetaboxLoader3.datanode: 67.659 (5)
  load_resource: 163.369 (2)
  PetaboxLoader3.resolve: 80.812 (2)
*/