.gradline {
background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-85deg, #D51529, white,#D51529); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #D51529, white,#D51529); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #D51529, white,#D51529); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #D51529, white,#D51529); /* Standard syntax */

}

body {
background-color:white;
}

.whitebg {
background-color:white;
}
.border {
border:1px solid #ccc;
}
.left {
float:left;
}
.right {
float:right;
}
.brand {
color:#d51529;
}
.brandbg {
background-color:#d51529;
}
.clear {
clear:both;
}
.menurow {
/*background-image:url('../images/bgheader.png');*/
color:black;
padding:10px 10px 0px 10px;
}
.menurow a {
color:black;
 font-size:18px;
}

.smenu a {
color:black;
 font-size:14px;
}
.commentstext {
background-color:#aaa;
color:white;
padding:5px;
font-size:13px;
line-height:15px;
}
.image_caption{
font-size:12px;
line-height:15px;
color:#666;
}


.quicksearch {
padding:6px 10px;
color:black;
border:1px solid #ccc;
}

.submenu {
background-color:#d51529;
color:white;
border-radius:5px;
float:left;
padding:5px 20px;
margin-right:1px;
}
.submenu a{
color:white;
}
.submenu a:hover{
color:black;
}

.countrybox {
width:350px;margin:10px;padding:10px;background-color:#444;color:white;border-radius:10px;cursor:pointer;
}
.countrybox:hover {
background-color:#666;
}

.filterdialog {
width:515px;
height:200px;
border-radius:0 0 15px 15px;
background-color:rgba(0,0,0,.5);
float:right;
position:absolute;

}

.legend {
padding:15px;
font-weight:bold;
font-size:15px;
border-radius:1px;
margin:2px;
}
    a.legend   {
    color:white;
    }

.legendcol_1 {
background-color:#0085cf;

}
.legendcol_2 {
background-color:#ffcc00;

}
.legendcol_3 {
background-color:#d51529;
}
.legendcol_4 {
background-color:#444;
}
.legendcol_5 {
background-color:#279eb4;
}
.legendcol_6 {
background-color:#8fca60;
}
.legendcol_7 {
background-color:#bd429d;
}
.legendcol_8 {
background-color:#ea7248;
}
.legendcol_9 {
background-color:#82aaec;
}
.legendcol_10 {
background-color:#ef4061;
}

.sectorgradiatbg_0 {
background-image:url('../images/bgTop5-0.png');
}
.sectorgradiatbg_1 {
background-image:url('../images/bgTop5-1.png');
}
.sectorgradiatbg_2 {
background-image:url('../images/bgTop5-2.png');
}
.sectorgradiatbg_3 {
background-image:url('../images/bgTop5-3.png');
}
.sectorgradiatbg_4 {
background-image:url('../images/bgTop5-4.png');
}
.sectorgradiatbg_5 {
background-image:url('../images/bgTop5-5.png');
}
.sectorgradiatbg_11 {
background-image:url('../images/bgTop5-11.png');
}.sectorgradiatbg_12 {
background-image:url('../images/bgTop5-12.png');
}.sectorgradiatbg_13 {
background-image:url('../images/bgTop5-13.png');
}.sectorgradiatbg_14 {
background-image:url('../images/bgTop5-14.png');
}

 


@media(max-width: 1024px) {
    .logo {
        width:290px;
    }
}

#nav
		{
			width: 670px;
            height:40px;
            /*border:1px solid #ccc;*/
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			position: absolute;
			top: 79%; /*Modified by Paul from 80% to 86%*/
			right:10px;
            list-style:none;
            background-color:#333;
            color:white;
            padding:5px 0 0 0;
            text-transform:uppercase;
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
                    font-weight:bold;
				}
				#nav li a:active
				{
					 
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				 
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 3.75em; /* 60 */
				 
			}
				#nav > ul > li
				{
					width: auto;
					float: left;
                    list-style:none;
                    margin-top:0px;
				}
					#nav > ul > li > a
					{
						 
						font-size: 15px;
						  padding:0px 10px;
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #ccc;
                            
                            
                             
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							color:red;
						}


				/* second level */

				#nav li ul
				{
					background-color: #cc470d;
					display: none;
					position: absolute;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							border-top: 1px solid #e15a1f;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #e15a1f;
							}


 

		@media only screen and ( max-width: 1000px )  
		{

            #nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}

            

			#nav
			{
				position: absolute;
                top:5px;
                left:5px;
                z-index:1000;
				margin-top:160px; 
                margin-left:5px;
               
			 height:222px;
                
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #000;
					position: relative;
                   
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
                margin-left:0px;
                padding-left:0px;
                
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
                     background-color:#ccc;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
                          font-size:14px;
                
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #ddd;
                           
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}


.tradearabia {
background-color:#f2f2f2;
width:100%;
}
.tacola1 {
    background-color:darkgray;
    width:100px;height:75px;
}
.tacolb1 {
    background-color:#d51529;
    width:5px;height:75px;
}
.tacola2 {
    background-color:lightgray;
    width:100px;height:75px;
}
.tacolb2 {
    background-color:aqua;
    width:5px;height:75px;
}
.homebg {

background-image:url('../images/bgHome.png');
background-position:top;
background-repeat:no-repeat;
 background-attachment: fixed;
}


.projectbg {
   
background-image:url('../images/bgProjects.png');
background-position:bottom;
background-repeat:no-repeat;
 
}


.projectlistingbg {
background-image:url('../images/bgProjectslisting.png');
background-repeat:repeat-x;
background-color:#9ca8a8;
background-attachment: fixed;
}


.menuSelected {
    background-image:url('../images/bgSelected.png');
 padding:20px 10px 20px 12px;

background-repeat:repeat-x;
 margin:-15px 0 0 0;
}

.menu1 {
  
 padding:20px 10px 20px 12px;
 
 margin:-15px 0 0 0;
}

.rviewtitle {
    font-size: 18px;
    color: white;
    margin: 0 0 15px 40px;
}
.rviewsector {
font-size:13px;
font-weight:bold;
color:#ccc;
    
}
a.rviewd {
font-size:12px;
color:#aaa;

}