@charset "utf-8";
/* CSS Document */
h2 { font-family:Arial, Helvetica, sans-serif; color:#003852; margin:0;}
body { background:#def0ff/*url(../images/bg_top.jpg) no-repeat center top, url(../images/bg_middle.png) no-repeat center top*/; border-top:10px solid #376386; margin:0; padding:0;  }

.header { width:1024px; height:auto; margin:auto;}
.logo_social { width:1024px; height:193px; margin:auto; display:inline-block;}

.logo { width:auto;  float:left;}
.social_paypal { width:262px;margin:5px 0 0;float:right; }
.paypal { width:262px; height:41px; margin-top:10px; float:right; background:url(../images/paypal_bg.png) no-repeat; text-align:center; padding-top:7px;}
.social {margin:15px 0 0;float:right; }
.social ul { list-style:none; margin:0; padding:0; float:right;}
.social ul li {float:left; margin:3px; padding-left:0;}
.social ul li a img {width: 22px;}
.paypal-block { float:right;margin:11px 0 5px;}
.contact { width:auto; height:25px;  float:right;}
.contact_no { font:bold 15px Arial, Helvetica, sans-serif; color:#666; line-height:25px; float:right;}
.navi { background:#209c8b; width:100%;  text-align:center;}
.nav { width:100%; height:37px; background: ; margin: 5px 0 0 0;text-align: center;}
.nav ul { margin:0; padding:0; list-style:none;}
.nav ul li { display:inline-block; border-left:1px solid #a9a9a9; position:relative}
.nav ul li:first-child {border-left:none}
.nav ul li:last-child { border-right:none}
.nav ul li a { font:14px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; line-height:37px; text-decoration:none; position:relative; padding:0 31px}
.nav ul li a:hover { color:#fff; background:url(../images/menu_hover.png) repeat-x; display:block}
.nav ul li .active { color:#fff; background:url(../images/menu_hover.png) repeat-x; display:block}
.nav ul li .second_step {display:none}
.nav ul li:hover .second_step {  position:absolute; display:block; top:37px; left:0; z-index:9999}
.nav ul li .second_step li { width:243px; float:left;  border:none ; background:#363636; text-align:left;}
.nav ul li .second_step li a { font:14px Arial, Helvetica, sans-serif; color:#fff; line-height:30px; text-transform:none; padding:0 25px}

.banner { width:100%; height:500px; margin:auto; clear:both; }
.services { width:1024px; height:320px;  margin:auto;   }
.box1 { width:210px ; height:210px; background:#b4202d; border-radius:50%; border:8px solid #181818; margin:15px 0 0 23px; float:left }
.box1:hover { width:210px ; height:210px; background:#005aa9; border-radius:50%; border:8px solid #181818; margin:30px 0 0 23px; -moz-transition:0.3s ease all ; -webkit-transition:0.3s ease all; -ms-transition:0.3s ease all; }
.drop_arrow { width:179px; height:75px;; margin:auto; margin-top:75px;}
.search { width:140px; height:87px; margin:auto; margin-top:50px;}

.box2 { width:210px ; height:210px; background:#e3941a; border-radius:50%; border:8px solid #181818; margin:15px 0 0 23px; float:left }
.box2:hover { width:210px ; height:210px; background:#005aa9; border-radius:50%; border:8px solid #181818; margin:30px 0 0 23px; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all; -ms-transition:0.3s ease all; }
.box3 { width:210px ; height:210px; background:#75971b; border-radius:50%; border:8px solid #181818; margin:15px 0 0 23px; float:left }
.box3:hover { width:210px ; height:210px; background:#005aa9; border-radius:50%; border:8px solid #181818; margin:30px 0 0 23px; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all; -ms-transition:0.3s ease all; }
.box4 { width:210px ; height:210px; background:#0084a2; border-radius:50%; border:8px solid #181818; margin:15px 0 0 23px; float:left }
.box4:hover { width:210px ; height:210px; background:#005aa9; border-radius:50%; border:8px solid #181818; margin:30px 0 0 23px; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all; -ms-transition:0.3s ease all; }

.welcome{ width:1024px ; margin:10px auto;}
.welcome_text { font:24px Arial, Helvetica, sans-serif ; color:#003852; line-height:24px; text-decoration:underline; font-weight:bold; text-transform:uppercase; margin-bottom:8px;text-align:center; line-height:63px}
.welcome p {  font:13px Arial, Helvetica, sans-serif ; color:#003852; line-height:23px; text-align:justify; margin:0}
.portfolio_box { width:100%; /*background:url(../images/port_bg2.png) no-repeat center 90px, url(../images/bottom_bg.png) repeat-x , url(../images/port_bg.png) repeat ;*/ }
.port{ width: 1024px;
height: 258px;
margin:30px auto;
background: #a6d8ff;
padding: 5px 15px;
border-radius: 4px;
border:1px solid #fff;}
.portfolio_logo { width:210px; height:238px;float:left}
.portfolio { width:814px; height:188px; float:left; padding:15px 0 35px 0 }
.read_more { width:120px ; height:33px; background:#0066A4; margin:auto; margin-top:15px; text-align:center; border-radius:2px;}
.read_more a { font:14px Arial, Helvetica, sans-serif; color:#FFFFFF !important; line-height:33px;  }
.read_more a:hover { background:#FFFFFF; color:#000000 !important; display:block; transition:0.90s ease all}
.bottom_port { width:922px; height:30px; float:right; display:none;}
marquee {
border: 1px solid #fff;
background: #6fc0ff;
}
marquee img {
margin: 5px 5px;
border: 1px solid #ccc;
}
.footar{width:100%; height:auto; margin:0 auto; text-align:center; background:#333; }
.footar_menu{width:auto; height:auto; }
.footar ul{margin:0px; padding:0px; list-style:none; text-align:center; background:#272727;  }
.footar ul li{ display:inline;  padding:0 10px; color:#c7c7c7;}
.footar ul li a{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#c7c7c7;  line-height:50px;  }
.footar ul li a:hover{color:#000000;}
.ee {
display: inline-block;
margin: 10px 0;
background: #5c5c5c;
padding: 10px;
border-radius: 4px;
border: 1px solid #868686;
}
.portfolio_logo img {
padding: 22px 13px 0 0;
}
.allright{width:auto; height:auto;  font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#c7c7c7; text-align:center; padding:15px 0;}

/* contact us   */

.contact-us{width:1024px; background-color:#000033; float:left;}
.contact-us1{width:500px;  background-color:#FF00FF; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.contact-us2{width:500px;  background-color:#00FFFF; float:right;}
.sitemap-table { border-color:#ccc;}
.sitemap-table tr { border-color:#ccc; height:35px;}
.sitemap-table td { border-color:#ccc;color: #333;
font-size: 17px;}
.sitemap-table tr td a { color: #555 !important;
font-size: 14px;}


/* Seo */


.user {
	    position: relative;
	    width: 320px;
	    height: 250px;
	    border: 5px solid #00497b;
		margin:30px 0 20px 10px;
		float:left;
	}

	.user a {
	    display: block;
	    width: 100%;
	    height: 100%;
	    text-decoration: none;
		background-size:cover;
		font-family:Arial, Helvetica, sans-serif;
	}
	.user-info {
	    position: absolute;
	    bottom: 0;
	}

	h2 {
	    background: rgba(1,102,171,0.9);
	    color: #fff;
	    padding: 8px;
	    margin: 0;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:19px;
	}

	.bio-reveal {
	    overflow: hidden;
	    max-height: 0;
	    background: rgba(255, 255, 255, 0.90);
	   	-webkit-transition: all 0.7s linear;
		-moz-transition: all 0.7s linear;
		-o-transition: all 0.7s linear;
		-ms-transition: all 0.7s linear;
		transition: all 0.7s linear;
	}
.form-control-1{width: 70%;
height: 30px;
padding: 0px 13px;
outline: medium none;
border: 1px solid rgb(201, 198, 198);}
	.bio-reveal p {
	    color: #333;
	    padding: 8px;
	    margin: 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:22px;
	}

	a:hover .bio-reveal, a:focus .bio-reveal {
	    max-height: 250px; 
	}
	.order { background:#00629f; width:100px; height:30px; border-radius:4px; margin-left:8px; color:#FFFFFF; line-height:30px; text-align:center;}
	.box5{width:400px; height:256px; margin:auto; float:right}
.box-2{width:141px; height:32px;}
.box-4{width:141px; height:32px;}

.box-3{width:141px; height:32px;}

.box-5{width:141px; height:32px;}
.request {width:100%; float:left;}	
.request a{float:right;