*{margin:0; padding:0;}

body {font-family:Verdana, Arial, Helvetica, sans-serif;background:#ffffff url(../images/bg-body.jpg) top left; margin-top:20px;}
a{text-decoration : none; border:none;}
img {border : none;}
div.clear{clear:both;}

h1 {color:#fff; background-color:#6688c9; font-size:14px; font-weight:normal;height:30px; line-height:30px;margin:0 0 2px 0; padding:0 0 0 10px; text-transform:uppercase; font-weight:bold; margin-bottom:8px;}
h2 {color:#fff; background-color:#6688c9;  font-size:14px; font-weight:normal;height:30px; line-height:30px;margin:5px 0; padding:0 0 0 3px; text-transform:capitalize;}

h3 {color:#fff; font-size:16px; width:100%; height:27px; line-height:27px; background:url(../images/bg-h.jpg) no-repeat top center; margin:10px 0; text-align:center;}
h4 {color:#000; font-size:14px; font-weight:bold;  margin:2px 0; }
p  {color:#656565; font-size:12px; padding:6px 0; text-align:justify;}

#wrap {width : 984px;	margin : 0 auto; clear:both;  }
#wrap1 {width : 923px; padding:10px 30px;	margin: 0 auto; clear:both; background-color:#fff; }
#header {width : 100%; height:119px; margin:0 auto;  clear:both;}
#header a.logo{width:303px; height:119px; margin:0 0 0 1px; background:url(../images/logo.jpg) no-repeat center left;	float:left;}
#header a.logo span{display:none;}
#header span.contact{font-size:13px; color:#787878; 
//float:right; 
padding:0; font-weight:bold;}
#header span.contact a{color:#787878;  padding-right:10px;}
#wrap .country{width:100px; float:right; padding:10px 0px 10px 0; clear:both;}

#header .h-wrap{ width:679px; float:right; margin:0px; padding-top:70px;}
.h-wrap ul{ width:100%;list-style:none; height:32px; background:url(../images/li-bg.jpg) repeat-x top center; float:left; }
.h-wrap li{float:left; height:32px; line-height:15px; padding:0 2px;font-weight:bold;color:#fff;}
.h-wrap li a{height:32px;text-align:center; line-height:30px; font-size:14px;	color:#fff; padding:0 23px; text-transform:uppercase;}
.h-wrap  li a:hover{}
.h-wrap li a.selected{color:#fed807;}


.banner-cover{width:100%;  background-color:#c4c4c4; margin:0 auto; clear:both;}
.banner-shade{width:1098px;  background:url(../images/shade-banner.jpg) repeat-y top left; margin:0 auto; clear:both;}
.banner{width:984px; height:344px; margin:0 auto; clear:both;}
.banner-inner{width:984px; margin:0 auto; clear:both;}
.banner img{float:right;}

#main-con{width:100%; margin:0 auto; clear:both;}
 .left-con{width:696px; float:left;}
 	.left-con .news{border-bottom:1px dotted #afafaf;}
 	.left-con b{padding:7px 0 2px 0; display:block;}
	.left-con p{padding:0 0 8px 0;}
	.portfolio{width:696px; float:left; margin:4px 0;}
	.portfolio h2{padding-left:8px;}
	.portfolio .pimage{width:166px;  float:left; padding:0 4px 4px 4px;} 
	.portfolio .pimage2{width:340px;  float:left; padding:0 4px 14px 4px;  } 
	.partners{width:100%; margin:0 auto 0 auto; padding-top:0px; clear:both;}
	
.right-con{width:207px; float:right; }
	
 	.subscribe{width:181px; height:145px; padding:15px 10px 0px 15px; clear:both; background:url(../images/subscription-bg.jpg) no-repeat top left;}
	.subscribe form label{font-size:12px; color:#747474; margin-bottom:5px; display:block;}
	.subscribe form input[type=image]{margin:1px 7px; float:right;}
	.subscribe form input[type=text]{border:1px solid #cfcfcf; width:180px; margin:0;}
	
.right-con .news-box{width:99%; border:1px solid #cfcfcf; float:left; }
.right-con .news-box ul{ padding:0 2px; list-style:none; margin:5px 0;}
.right-con .news-box ul li{list-style:none; padding:0; background-color:#eaeaea; margin-bottom:4px; text-align:left;border-bottom:1px dashed #747474; }
.right-con .news-box ul li:last-child{list-style:none; padding:5px 0; border-bottom:0;}
.right-con .news-box ul li a{color:#747474; font-size:12px; }


.categories-box{width:99%; border:1px solid #cfcfcf; }
.categories-box ul{ padding:2px; margin:0; list-style:none; }
.categories-box ul li { list-style:none; padding:0; background-color:#6688c9; margin-bottom:1px; text-align:left;border-bottom:1px dashed #747474; }
.categories-box ul li a { display:block; padding:6px 8px; color:#ffffff; font-size:13px; text-decoration:none; }
.categories-box ul li a:hover { display:block; padding:6px 8px; color:#fed807; font-size:13px; text-decoration:none; background:#0c51ae; }



#footer{width:983px; margin:0 auto; clear:both;  padding:0; }
#footer p span{margin:0 20px 0 0;}
#footer p a{color:#767676; padding:5px 0 0 0;}
#footer p a:hover{text-decoration:underline;}
#footer .left{width:700px; height:47px; padding:15px 0 0 0; float:left;}
#footer .fbox{width:185px; height:47px; background-color:#fff; float:right; text-align:center; margin-bottom:5px;}
#footer .pwrdby{float:right; padding:0px 0; text-align:center;}
#footer .pwrdby a{font-size:12px; color:#767676; padding-bottom:5px;}
#footer .pwrdby a:hover{text-decoration:underline;}


.left-con table b { display : inline-block; padding:0px; }
input.button { padding : 5px 10px; }
#frmContact input, #frmContact textarea { max-width : 100%; }
#Mobile, #MobileNav { display:none; }
	
@media all and (max-width : 640px)
{	
	#wrap, #wrap1, #footer, .banner { width:auto !important; }
	
	body
	{
		margin-top : 5px;
	}
	
	
	#wrap
	{
		position : relative;
	}
	
	#wrap .country
	{
		display : none;
		float : none;
		margin : 0px auto 0px auto;
	}
	
	#wrap #header
	{
		height : auto;
		text-align : center;
	}
	
	#wrap #header .logo
	{
		margin-left : 5px;
		float : none;
		display : block;
	}
	
	#wrap #header table
	{
		display  :  none;
	}
	
	
	#Mobile
	{
		display:block;
		position:absolute;
		right : 20px;
		top : 35px;
		cursor : pointer;
	}	
	
	#wrap #header .h-wrap
	{
		overflow : hidden;
		width : auto;
		height : 5px;	
		float : none;
		padding-top : 5px !important;
	}
	
	.banner-shade{ background:#c4c4c4;}

	.banner, .banner-cover .banner-shade, .banner-cover .banner-shade .banner-inner, .banner-cover img
	{
		width : 100%;
	}
	
	
	#MobileNav
	{
		background  :  #0b50af;
		padding : 10px;
		position : fixed;
		left : 0px;
		top : 0px;
		right : 0px;
		bottom : 0px;
		z-index : 99999999;
	}
	
	#MobileNav ul
	{
		list-style : none;
		margin : 20px 0px 0px 0px;
		padding : 0px;
		border-top  : dotted 1px #ffffff;
	}
	
	#MobileNav ul li
	{
		border-bottom  : dotted 1px #ffffff;
	}
	
	#MobileNav ul li a, #MobileNav ul li a:hover
	{
		display  :  block;
		padding : 7px 10px;
		font-size : 14px;
		color : #ffffff;
	}
	
	#MobileNav ul li a:hover
	{
		color : #fed809;
	}
	
	#MobileNav #Close
	{
		position : absolute;
		right : 20px;
		top : 45px;
		cursor : pointer;
	}
	
	
	
	#wrap1
	{
		padding  :  15px;
	}
	
	#wrap1 .left-con, #wrap1 .right-con
	{
		float : none;
		width : auto;
	}
	
	#wrap1 .right-con
	{
		margin-top : 20px;
		border-top  : dotted 1px #cccccc;
		padding-top : 20px;
		clear : both;
	}
	
	
	
	#footer .left
	{
		width : auto;
		height : auto;
		float: none;
	}
	
	#footer .left span
	{
		display : block;
		clear : both;
		text-align : center;
		padding-bottom : 5px;
	}
	
	#footer .left p
	{
		text-align : center;
	}
	
	#footer .fbox
	{
		float : none;
		margin : 10px auto 5px auto;
	}
	
	#footer .pwrdby
	{
		float : none;
		padding : 10px 0px 20px 0px;
	}
	
	
	.portfolio{width:auto; float:none; margin:4px 0;}
	
	.portfolio .pimage{width:100%;  float:none; padding:0 0px 10px 0px;} 
	.portfolio .pimage img { width:100%; height:auto; }
	.portfolio .pimage h2 { height:auto !important; padding:10px; }
	
	.portfolio .pimage2{width:100%;  float:none; padding:0 4px 14px 4px;  } 
	.portfolio .pimage2 img { width:100%; height:auto; }
}



body img
{
  max-width : 100%;
}