/* CSS Document */
body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	}
#gallery {
  width: 600px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin: 10px auto;
  border: 2px solid #003C72;
}

#navigation {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
}

#navigation li {
  padding: 0;
  margin: 0;
  float: right;
  clear: both;
}

#navigation li a img {
  display: block;
  border: none;
}

#navigation li a {
  display: block;
}

#full-picture {
  width: 500px;
  height: 700px;
  overflow: hidden;
  float: right;
}		
div, h1, h2, h3, img, p, ul, form{
	padding:0;
	margin:0;
	}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
a{
	outline:none;
	}
	
/*--------------------main part start-------------------*/
#main{
	width:778px;
	margin:0 auto;
	background-color:#FFF;
	color:#6e6e6e;
	padding:19px 0 0 0;
	}
	
#topPart{
	width:778px;
	margin:0 auto;
	height:67px;
	position:relative;
	color:#7e7e7e;
	}
	
.logo{
	position:absolute;
	left:26px; 
	top:10px;
	}
	
#topPart p{
	font:bold 12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	right:16px;
	top:3px;
	color:#393939;
	height:43px;
	background:url(../images/phone_icon.gif) no-repeat 0 0;
	padding:0 0 0 53px;
	}
/*---------------navigation part start------------------*/
#navi{
	height:32px;
	background:url(../images/navi_bg.gif) repeat-x 0 0;
	border-left:#cce3ef 1px solid;
	border-right:#cce3ef 1px solid;
	padding:0 27px;
	position:relative;
	}
	
#navi ul{
	height:32px;
	list-style-type:none;
	padding:0 0 0 0;	
	}
	
#navi ul li{
	float:left;
	display:block;
	height:32px;
	}

#navi ul li a{
	float:left;
	display:block;
	background:url(../images/navi_bg.gif) repeat-x 0 0 #0d1013;
	text-decoration:none;
	height:32px;
	color:#106596;
	padding:0 24px;
	text-transform:uppercase;
	font:bold 11px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
#navi ul li a:hover{
	background:url(../images/hover_bg.gif) repeat-x 0 0 #0d1013 ;
	color:#000;
	}
	
#navi ul li a.hover{
	background:url(../images/hover_bg.gif) repeat-x 0 0 #0d1013 ;
	color:#000;
	}
	
/*------------------header part start----------------*/
#header{
	height:232px;
	position:relative;
	margin:0 auto;
	border-bottom:#d9d9d9 3px solid;
	}

#header2{
	height:123px;
	position:relative;
	margin:0 auto;
	border-bottom:#d9d9d9 3px solid;
	}
	
#flash{
	height:232px;
	position:absolute;
	left:0;
	top:0;
	/*z-index:-1;*/
	}

#flash2{
	height:123px;
	position:absolute;
	left:0;
	top:0;
	/*z-index:-1;*/
	}
	
#header h1{
	background:url(../images/global_succe.gif) no-repeat 0 0;
	height:66px;
	position:absolute;
	left:33px;
	top:148px;
	font-size:0;
	line-height:0;
	z-index:5;
	text-indent:-22222px;
	width:320px;
	}
	
/*---------------body part start-------------*/
#body{
	padding:12px 18px 27px 19px;
	background-color:#FFFFFF;
	}
/*------------left part start----------------*/
#left{
	width:482px;
	float:left;
	margin:0;
	background:url(../images/body_line.gif) no-repeat right top;
	padding:19px 11px 0 0;
	}
#left2{
	width:740px;
	float:left;
	margin:0;
	background:url(../images/body_line.gif) no-repeat right top;
	padding:19px 11px 0 0;
	}	
	
#welcome_div{
	background-color:#e8edf2;
	color:#6d7c8a;
	padding:14px 18px 18px 13px;
	margin:0 0 10px 0;
	}
	
#welcome2_div{
	background-color:#ffffff;
	color:#6d7c8a;
	padding:14px 18px 18px 13px;
	margin:0 0 10px 0;
	}
	
#welcome_div h2.welcome{
	background:url(../images/welcome.gif) no-repeat 0 0;
	height:45px;
	font-size:0;
	line-height:0;
	text-indent:-222222px;
	margin:0 0 16px 0;
	display:block;
	}
	
.text{
	font-size:12px;
	line-height:15px;
	padding:0 0 8px 0;
	font-weight: bold;
	}

.text1{
	font-size:10px;
	line-height:10px;
	padding:0 0 6px 0;
	font-weight: bold;
	}
	
.moreLink{
	width:70px;
	height:18px;
	display:block;
	text-decoration:underline;	
	color:#cb1a0c;
	font-size:11px;
	line-height:18px;
	background-color:inherit;
	font-weight:bold;
	}
	
.moreLink:hover{
	color:#000 !important;
	background-color:inherit;
	text-decoration:none;
	}
	
#left h2.latest{
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;
	color:#4d4848;
	background-color:#FFF;
	margin:0 0 16px 0;
	}
	
.blue_color{
	color:#2065aa;
	background-color:inherit;
	}
	
.width466{
	width:480px;
	}
	
#left img.floatright{
	float:right;
	display:block;
	font-size:0;
	line-height:0;
	margin:0;
	}
	
.flat_left{
	background-color:#e8edf2;
	width:318px;
	float:left;
	}
	
.paddingbot{
	padding:0 0 25px 0;
	}
	
.bullet{
	background:url(../images/arrow.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
	}
	
.more{
	color:#cb1a0c;
	line-height:16px;
	text-decoration:underline;
	font-size:11px;
	background-color:inherit;
	}
.more:hover{
	text-decoration:none;
	color:#2065aa;
	background-color:inherit;
	}
	
/*----------------right part start-------------*/

#right{
	width:238px;
	float:right;
	}

#right span.top{
	background:url(../images/world_top.gif) no-repeat 0 0;
	height:12px;
	font-size:0;
	line-height:0;
	display:block;
	}
	
#right span.bot{
	background:url(../images/world_bot.gif) no-repeat 0 0;
	height:16px;
	font-size:0;
	line-height:0;
	display:block;
	margin:0 0 11px 0;
	}
	
.inner_right{
	background-color:#ffffff;
	color:#245996;
	padding:0 12px 11px;
	}
	
#right h2.world_wide{
	background:url(../images/world.gif) no-repeat 0 0;
	height:35px;
	margin:0 0 12px 0;
	font:normal 23px/35px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	}
	
#right img{
	display:block;
	font-size:0;
	line-height:0;
	}
	
#right ul.mapLink{
	list-style-type:none;
	margin:18px 0 15px 11px;
	}

#right ul.mapLink li{
	display:block;
	line-height:20px;
	background:url(../images/right_arrow.gif) no-repeat 0 8px;
	margin:0 0 0 0;
	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	}
	
#right ul.mapLink li a{
	color:#4e8ba8;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 14px;
	}
	
#right ul.mapLink li a:hover{
	color:#094c6c;
	background-color:inherit;
	}
	
/*----------------footer part start-------------*/

#footer{
	color:#929292;
	padding:20px 0 0 0;
	height:52px;
	margin:0 auto;
	background:url(../images/footer_bg.gif) repeat-x 0 0 #151515;

	}

	
#footer p{
	font-size:11px;
	line-height:16px;
	text-align:right;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	padding:0 40px 0 0;
	}
	
#footer ul{
	list-style-type:none;
	height:20px;
	margin:0 0 0 560px;
	}
	
#footer ul li{
	float:left;
	display:block;
	padding:0 2px;
	font:normal 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;

	}
#footer ul li a{
	text-decoration:none;
	color:#b8b8b8;
	background-color:inherit;
	}
#footer ul li a:hover{
	color:#fff;
	background-color:inherit;
	}
	
#footer ul li a.hover{
	color:#fff;
	background-color:inherit;
	}
/*--------------content--------*/

#welcome_div h2.best_service{
	background:url(../images/content_03.gif) no-repeat 0 0;
	height:36px;
	font-size:0;
	line-height:0;
	text-indent:-222222px;
	margin:0 0 16px 0;
	display:block;
	}
	
#left img.floatleft_content{
	float:left;
	display:block;
	font-size:0;
	line-height:0;
	margin:0;
	}
	
.flat_right_content{
	width:318px;
	float:right;
	}
	
/*--------------content--------*/

#welcome_div h2.contact{
	background:url(../images/contact.gif) no-repeat 0 0;
	height:35px;
	font-size:0;
	line-height:0;
	text-indent:-222222px;
	margin:0 0 16px 0;
	display:block;
	}
	
form.contactform{
		width:318px;
		padding:40px 0 26px 0;
		margin: 0 auto;
		}
form.contactform label{
		width:70px;
		height:18px;
		margin:0 0 5px 0;
		float:left;
		display:block;
		font:normal 11px/18px tahoma, Arial, Helvetica, sans-serif; 
		}
form.contactform input{
		width:239px;
		height:16px;
		border:#919294 1px solid;
		float:left;
		margin:0 0 5px 0;
		}
form.contactform textarea{
		width:239px;
		border:#919294 1px solid;
		float:left; 
		margin:0 0 15px 0;
		height:53px;
		}
form.contactform label.blank{
		width:123px;
		height:22px;
		font-size:0; 
		}
form.contactform input.submit{
		background:url(../images/submit.gif) no-repeat 0 0;
		width:59px;
		height:22px;
		cursor:pointer;
		border:none;
		margin:0;
		float:left;
		}
form.contactform input.reset{
		background:url(../images/reset.gif) no-repeat 0 0;
		width:52px;
		height:22px;
		cursor:pointer;
		border:none;
		margin:0 0 0 16px;
		}
		
	
#main #body #left2 #welcome2_div table {
	font-size: 10px;
}
#main #body #left2 #welcome2_div table {
	font-size: 12px;
}

/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 60%;
    max-width: 500px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 60%;
    max-width: 500px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}