/* ------------------------------
 Layout Structure	: 	Emenac.com
 Copyright		 	: 	Emenac.com
 Designed By	 	: 	Asif Shahzad Baloch
 Created 		 	: 	29-11-2011
 Last Modified	 	:  	29-11-2011 		

---------------------------------Global Styles */

 

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	background:#fff url(../images/1body_bg.gif) repeat-x top;
	color:#3e3e3e;
}
.show_main_menu{display:none; width:98%; background-color:#015979; padding:10px 2px;; color:#FFF; font-weight:bold; box-sizing:border-box; background-image:}
.show_main_menu:hover{ cursor:pointer; }

.show_main_menu2{display:none; width:100%; background-color:#015979; padding:10px 2px;; color:#FFF; font-weight:bold; box-sizing:border-box;}
.show_main_menu2:hover{ cursor:pointer; }

.ChatButtonOffline {
	display:none !important;
}
input, form, textarea h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.2;
	text-transform:capitalize;
	padding:5px;
}
h2 {
	font-size:14px;
	color:#076a8e; /*999999*/
}
h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-transform:capitalize;
}
a:link, a:visited {
	color:#3e3e3e;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#0782af;
}
a:focus{outline: none;}
img {
	border:none;
}
/*------------------------------------------------End of Global Styles*/
#container {
	width:100%;
	margin:auto;
}
#header {
	width:100%;
	display:block;
	height:211px;
	background:#fff;
	margin:0;
	padding:0;
}
#header #topbar {
	width:auto;
	/*display:block;*/
	height:25px;
	background:#076a8e; /*076a8e*/
	margin:auto;
}
#header #topbar .top_nav {width:960px; height:25px; background:#076a8e; margin:auto;}
#header #topbar .top_nav ul{ margin:0; padding:0; list-style-type:none;}
#header #topbar .top_nav ul li{ margin:0; padding:5px; display:inline-block; color:#fff;}
#header #topbar .top_nav ul li a{ margin:0; padding:6px 8px 0 10px; color:#fff;border-right:1px solid #1a4863; display:block;}
#header #topbar .top_nav ul li a:hover{ margin:0; padding:6px 8px 6px 10px; color:#fff; background:#1a4863; border-right:1px solid #1a4863; display:block;}

#header #headerarea {
	width:auto;
	/*display:block;*/
	height:90px;
	background:#fff;
	margin:5px 0;
}
#header #headerarea #hd_container {
	width:960px;
	margin:auto;
	/*display:block;*/
	height:90px;
	/*background:#cdcdcd;*/
}
#header #headerarea #hd_container .logo {
	width:300px;
	/*display:inline-block;*/
	height:90px;
}
/*-------------------------------------------------dd menu*/
#header #headerarea #hd_container .ddmenu {
	width:150px;
	height:90px;
	border-left:1px solid #cccccc;
	float:right;
	position:relative;
	margin-top:-90px;
	padding-left:20px;
	font-size:12px;
}
#header #headerarea #hd_container .ddmenu ul {
	margin:0;
	padding:0;
}
#header #headerarea #hd_container .ddmenu ul li {
	margin:0;
	padding:3px;
	list-style:none;
	display:block;
	border-bottom:1px dashed #cdcdcd;
}
#header #headerarea #hd_container .ddmenu ul li.last {
	border:none;
}
#header #headerarea #hd_container .ddmenu ul li a {
	color:#3e3e3e;
	text-decoration:none;
}
#header #headerarea #hd_container .ddmenu ul li a:hover {
	color:#076a8e;
	text-decoration:none;
}
#header #headerarea #hd_container .ddmenu ul li a img {
	margin-right:10px;
	vertical-align:middle;
}
/*-----------------------------------------------End of dd menu*/
#header #navbar {
	width:auto;
	display:block;
	height:30px; /*35*/
	background:#076a8e; /*076a8e*/
	margin-bottom:5px;
	margin:auto;
}
#header #navbar #menu {
	width:940px;
	margin:auto;
}
#header #navbar .menu  ul{
	margin:0;
	padding:0;
	list-style:none;
	padding-top:10px;
}
#header #navbar .menu  ul li{
	margin:0;
	padding:5px;
	display:inline;
	margin-right:20px;
	font-size:14px;
}
#header #navbar .menu  ul li a{
	margin:0;
	padding:0;
	color:#b3b3b3;
	
}
#header #navbar .menu  ul li a:hover{
	margin:0;
	padding:0;
	color:#fff;
}

/*-----------------------------Newsfeeds*/	
#header #newsfeeds {
	width:auto;
	display:block;
	height:30px;
	/*background:#ececec url(../images/newsfeeds_bg.gif) repeat-x top;*/
	background:#f2f2f2;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
#header #newsfeeds .news_slides {
	width:960px;
	margin:auto;
	display:block;
	height:36px;
}
#header #newsfeeds .news_slides h1 {
	width:110px;
	height:27px;
	font-size:14px;
	color:#146d99;
	margin-right:20px;
}
/*-----------------------------------------------Placholder*/
#placeholder {
	width:964px;
	margin:auto;
	display:block;
	margin-top:-20px;
}
#placeholder .banner_slide{
	width:950px;
	height:305;
	padding:5px;
	margin-bottom:10px;
	background:#fff;
	border:1px solid #cdcdcd;
	position:relative;
}
/*------------------------------------baner slider p*/
#placeholder .framework1 #xml_banner1{
	width:334px;
	height:306px;
	position:relative;
	background:#fff url(../images/xml_banner_p_bg.gif) repeat-x top;
	overflow:hidden;
	
}
#placeholder .framework1 #xml_banner1 h2{
	line-height:18px;
	padding:5px;
	padding-top:10px;
	font-size:18px;
}

#placeholder .framework1 #xml_banner1 p{
	line-height:18px;
	padding:5px;
	margin-top:5px;
}
/*------------------------------------*/
#placeholder .framework1 #xml_banner{
	width:334px;
	height:306px;
	position:relative;
}
#placeholder .framework1 #xml_banner ul{
	margin:0;
	padding:0;
}
#placeholder .framework1 #xml_banner ul li{
	margin:0;
	padding:0;
	margin-bottom:3px;
	width:334px;
	height:100px;
	/*background:#ffa200;*/ /*cdcdcd*/
	background:#ffa200 url(../images/xml_banner_home_page.jpg) repeat-x top;
}
#placeholder .framework1 #xml_banner ul li.last{
	margin-bottom:0;
}
/*------------------------------------baner slider p*/
#placeholder .framework1 #servics_slider{
	width:700px;
	height:355px;
	position:relative;
	/*background:#fff url(../images/xml_banner_p_bg.gif) repeat-x top;*/
	/*background:#cdcdcd;*/
}
#placeholder .framework1 #servics_slider h2{
	line-height:18px;
	padding:5px;
	padding-top:10px;
	font-size:18px;
}

#placeholder .framework1 #servics_slider p{
	line-height:18px;
	padding:5px;
	margin-top:5px;
}
/*-------------[rightside]------*/
#placeholder .framework1 #quick_links{
	margin:0;
	padding:10px;
	padding-left:40px;
	padding-top:20px;
	width:225px;
	height:355px;
	background:url(../images/quick_links_sp.png) no-repeat left center;
	margin-left:725px;
	position:relative;
	margin-top:-355px;
}
#placeholder .framework1 #quick_links img{
	width:610px;
	height:355px;
}
/*--------------Buttons---*/
#placeholder .framework1 #quick_links ul{
	margin:0;
	padding:0;
}
#placeholder .framework1 #quick_links li{
	margin:0;
	padding:0;
	margin-top:14px;
	width:149px;
	height:41px;
}
#placeholder .framework1 #quick_links li.last{
	margin-bottom:0;
}
/*-----------------image rollover----------------*/
#placeholder .framework1 #quick_links li #btn_call
{
  display: inline-block;
  width: 149px;
  height: 41px;
  background: url(../images/btn_q_links_request_call.png) no-repeat 0 0;
}
#placeholder .framework1 #quick_links li #btn_call:hover
{ 
  background-position: 0 -41px;
}
/*-------------[end of call button]--------------------*/
#placeholder .framework1 #quick_links li #btn_client
{
  display: inline-block;
  width: 149px;
  height: 41px;
  background: url(../images/btn_q_links_clients.png) no-repeat 0 0;
}
#placeholder .framework1 #quick_links li #btn_client:hover
{ 
  background-position: 0 -41px;
}
/*-------------[end of call button]--------------------*/
#placeholder .framework1 #quick_links li #btn_research
{
  display: inline-block;
  width: 149px;
  height: 41px;
  background: url(../images/btn_q_links_research.png) no-repeat 0 0;
}
#placeholder .framework1 #quick_links li #btn_research:hover
{ 
  background-position: 0 -41px;
}
/*-------------[end of call button]--------------------*/
#placeholder .framework1 #quick_links li #btn_news
{
  display: inline-block;
  width: 149px;
  height: 41px;
  background: url(../images/btn_q_links_news.png) no-repeat 0 0;
}
#placeholder .framework1 #quick_links li #btn_news:hover
{ 
  background-position: 0 -41px;
}
/*-------------[end of call button]--------------------*/

#placeholder .framework1 #quick_links li #btn_quote
{
  display: inline-block;
  width: 149px;
  height: 41px;
  background: url(../images/btn_q_links_quote.png) no-repeat 0 0;
}
#placeholder .framework1 #quick_links li #btn_quote:hover
{ 
  background-position: 0 -41px;
}

/*------------------------------------*/
#placeholder .framework1 #xml_banner{
	width:334px;
	height:306px;
	position:relative;
}
#placeholder .framework1 #xml_banner ul{
	margin:0;
	padding:0;
}
#placeholder .framework1 #xml_banner ul li{
	margin:0;
	padding:0;
	margin-bottom:3px;
	width:334px;
	height:100px;
	background:#cdcdcd;
}
#placeholder .framework1 #xml_banner ul li.last{
	margin-bottom:0;
}
/*-----------------image slider ----------------*/
#placeholder .framework1 #slider{
	margin:0;
	padding:0;
	width:610px;
	height:306px;
	background:#cdcdcd;
	margin-left:340px;
	position:relative;
	margin-top:-306px;
}
#placeholder .framework1 #slider img{
	width:610px;
	height:306px;
}
/*-------------------------------------------End of XML Slider--------*/

/*
div.spacer, solve an issue with #container height
in css 2 column layout.
*/

div.spacer {
	clear:both;
	height:50px;
	display:block;
}
/*--------------------------Footer----------------*/
#footer {
	width:100%;
	height:150px;
	background:#063854 url(../images/footer_bg.gif) repeat-x top;
	border-top:10px solid #015979;
	clear:both;
}
#footer .footerarea {
	width:960px;
	height:auto;
	margin:auto;
}
#footer .footerarea #community_bar {
	width:940px;
	height:15px;
	padding:10px;
	/*background:#076a8e;*/
}
.footer {
	background:url(../images/footer_bg.gif) repeat-x;
	height:231px;
	padding: 0px 0;
	position: relative;
	clear: both;
}
.footer1 {
	background:url(../images/blue_1.gif) repeat-x;
	height:30px;
	color:#fff;
	text-align:center;
	padding:5px 0px 0px 90px;
}
.footer1 .socialmedia{ width:500px; height:40px; margin-top:-8px;}
.footer1 .socialmedia ul{ margin:0; padding:0; list-style-type:none;}
.footer1 .socialmedia ul li{ display:inline-block; margin-left:5px;}

.footer1 .socialmedia ul li #facebook{ display:inline-block; width:32px; height:32px; background: url(../images/icon_facebook.png) no-repeat 0 0; float:left;}
.footer1 .socialmedia ul li #facebook:hover{ background-position:0 -32px;}

.footer1 .socialmedia ul li #youtube{ display:inline-block; width:32px; height:32px; background: url(../images/icon_youtube.png) no-repeat 0 0; float:left;}
.footer1 .socialmedia ul li #youtube:hover{ background-position:0 -32px;}

.footer1 .socialmedia ul li #twitter{ display:inline-block; width:32px; height:32px; background: url(../images/icon_twitter.png) no-repeat 0 0; float:left;}
.footer1 .socialmedia ul li #twitter:hover{ background-position:0 -32px;}

.footer1 .socialmedia ul li #rss{ display:inline-block; width:32px; height:32px; background: url(../images/icon_rss.png) no-repeat 0 0; float:left;}
.footer1 .socialmedia ul li #rss:hover{ background-position:0 -32px;}

.footer1 .socialmedia ul li #linkedin{ display:inline-block; width:32px; height:32px; background: url(../images/icon_linkedin.png) no-repeat 0 0; float:left;}
.footer1 .socialmedia ul li #linkedin:hover{ background-position:0 -32px;}

.footer1 .socialmedia ul li #bloger{ display:inline-block; width:32px; height:32px; background: url(../images/icon_blogger.png) no-repeat 0 0; float:left;}
.footer1 .socialmedia ul li #bloger:hover{ background-position:0 -32px;}

.footer1 .socialmedia ul li #flicker{ display:inline-block; width:32px; height:32px; background: url(../images/icon_flickr.png) no-repeat 0 0; float:left;}
.footer1 .socialmedia ul li #flicker:hover{ background-position:0 -32px;}
.footer1 div {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	float:left;
	margin:0px 5px 0px 0px;
}
.footer2 {
	padding:3px 100px 3px 85px;
	text-align:center;
}
.footer2 ul {
	list-style:none;
	width:100%;
	text-align:top;
	float:left;
	font-size:12px;
	padding:0;
	margin:0 auto
}
.footer2 ul li {
	padding:7px;
	margin:0;
	float:left;
	color:#888;
}
.footer2 ul li a {
	text-decoration:none;
	color:#333;
	font-size:11px
}
.footer2 ul li a:hover {
	text-decoration:underline;
	color:#333;
	font-size:11px
}
.footer2 div {
	font-size:12px;
	padding:5px 0px;
	text-align:center
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.footer-logo {
	padding-top:0; margin-top:-10px; margin-left:-50px;
}
.socialicon-box {
	padding-top:0; margin-top:-0px; margin-left:50px;
}

@media screen and (min-width : 21px) and (max-width : 790px) { 
	body {
		width:90% !important;
		margin:auto !important;
	}
	.hide {
		display:none !important;
	}
	#placeholder {
		width:100%;
	}
	.mattblacktabs {
		width:100% !important;
	}
	#header #topbar {
		float:left;
		height:auto;
		display:none;
	}
	#header {
		height:auto;
	}
	#header #headerarea {
		height:auto;
	}
	#header #headerarea #hd_container {
		width:100%;
		height:auto;
	}
	#header #headerarea #hd_container .logo {
		width:100%;
		height:auto;
	}
	.logo img {
		width:100%;
	}
	
	.jqueryslidemenu {
		width:90% !important;
	}
	#header #headerarea #hd_container .ddmenu {
		float:none;
		margin-top: 0px;
		width:94%;
	}
	
	#header #newsfeeds {
		height:auto;
		width:100%;
	}
	#header #newsfeeds .news_slides {
	width:100%;
	height:auto;
	}
	.ticker-wrapper.has-js {
		width:100% !important;
		height:auto;
	}
	.ticker {
		width:92% !important;
	}
	#search-bar {
		display:none !important;
	}
	#placeholder .banner_slide {
		width:97%;
		overflow:hidden;
	}
	#placeholder .framework1 #xml_banner {
		width:100%;
		height:auto;
	}
	.box {
		width:100% !important;
		height:auto !important;
	}
	.box #heading {
		width:150px;
	}
	#placeholder .framework1 #slider {
		margin:0;
		width:100%;
		height:auto;
	}
	#placeholder .framework1 #slider img {
		width:100%;
		height:auto;
	}
	#content {
		width:100% !important;
		border:none !important;
		margin-bottom:10px !important;
		overflow:hidden;
	}
	#content #framework2 #column_left {
		height:auto !important;
		width:100% !important;
		margin:0 !important;
	}
	#content #framework2 #column_left img {
		width:100% !important;
	}
	#content #framework2 #column_right {
		width:100% !important;
	}
	#content #framework2 #column_right p {
		width:100% !important;
	}
	#content #framework4 {
	}
	#content #framework3 #blog {
		width:100% !important;
		height:auto !important;
		margin:0;
	}
	#content #framework3 h2 {
		width:100% !important;
		box-sizing:border-box !important;
		margin-bottom:15px !important;
	}
	#content #framework3 #news {
		width:100% !important;
		height:auto !important;
		margin:0;
	}
	#content #framework3 #featured_services {
		width:100% !important;
	}
	.container_slide {
		margin:auto !important;
	}
	#footer .footerarea {
		width:100% !important;
	}
	#footer .footerarea #community_bar {
		width:100% !important;
		box-sizing:border-box;
	}
	.mattblacktabs ul li{list-style: none outside none;
    margin-bottom: 8px;
    margin-left: 19px;
    min-height: 27px; float:none !important;
	box-sizing:border-box;
	}

	.mattblacktabs ul li:hover{ border:none !important;}
	
	.mattblacktabs{float: left; width:100%;}
	.mattblacktabs ul{display:none; width:100%; float:left; box-sizing:border-box;}
	.mattblacktabs .show_main_menu{display:block !important; float:right;}
	#header #topbar {
		width:100%;
	}
	.mattblacktabs li a {
		width:100% !important;
		box-sizing:border-box;
		
	}
	#myslidemenu li a {
		box-sizing:border-box;
	}
	
	#myslidemenu ul li{list-style: none outside none;
    margin-bottom: 8px;
    margin-left: 19px;
    min-height: 27px; float:none !important;
	
	}

	#myslidemenu ul li:hover{ border:none !important;}
	
	#myslidemenu{float: left; width:100%;
	box-sizing:border-box;
	}
	#myslidemenu ul{display:none; width:100%; float:left; box-sizing:border-box;}
	#myslidemenu .show_main_menu2{display:block !important; float:right;}
	
	#myslidemenu li a {
		width:100%;
	}
	#placeholder {
		margin:0;
		box-sizing:border-box;
	}
	.footer2 {
		padding:0;
		margin:0;
		width:100%;
	}
	.footer1 {
		padding:0;
		height:auto;
		width:100%;
		text-align:center;
	}
	.footer1 .socialmedia {
		width:100%;
		margin:0;
}
	.box #heading {
		width:83px !important;
	}
	#gallery {
		display:none !important;
	}
	#header #newsfeeds {
		height:30px;
	}
	#placeholder .framework1 #xml_banner1 {
		width:100%;
	}
	#content #framework5 #clients {
		display:none;
	}
	#content #framework5 #testimonial {
		width:100% !important;
		margin-top:20px;
	}
	#content #framework5 #testimonial .related_services {
		width:100% !important;
	}
	
	#left {
		width:100% !important;
		height:auto !important;
		min-height:100% !important;
	}
	#left #video {
		width:100% !important;
	}
	#left #video .video_thumb {
		width:100% !important;
	}
	#left #video .video_thumb img {
		width:100% !important;
	}
	#left #related_links {
		width:100% !important;
	}
	#left #download {
		width:100% !important;
	}
	#left #download h1  {
		width:100% !important;
	}         
	.download_broucher img {
		width:100% !important;
	}
	#right {
		width:100% !important;
		padding:0 !important;
		margin:0 !important;
		float:none;
	}
	#right #key_features {
		width:100% !important;
	}
	#right #key_features ul {
		width:100% !important;
	}
	#right #packages{
		width:100% !important;
	}
	#right #faqs {
		width:100% !important;
	}
	#right #faqs ul {
		width:100% !important;
	}
	#right #packages ul li {
		height:auto !important;
	}
	#right #packages ul {
		width:100% !important;
	}
	#content #framework5 #article {
		width:100% !important;
	}
	#container2 {
		width:100% !important;
	}
	#container {
		overflow:hidden !important;
	}
	#container2 .placeholder .content_panel {
		padding:0 !important;	
		margin-left:0 !important;
	}
	#container2 .placeholder .content_panel .contactus .country {
		width:100% !important;
	}
	
}
@media screen and (min-width : 21px) and (max-width : 422px) { 
	.container_slide {
		width:276px !important;
	}
	#featured_services {
		display:none;
	}
	#header #newsfeeds {
		display:none;
	}
	#aboutus_page_tabs .nav li {
		width:100% !important;
	}
	
	
}