@charset "utf-8";



@font-face {

  font-family: 'myBBCNassim';

  src: url('fonts/bbc-nassim-bold.eot?#') format('eot'),  /* IE6�8 */

       url('fonts/bbc-nassim-bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/

       url('fonts/bbc-nassim-bold.ttf') format('truetype');  /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */

}



/* Global Styles */



* {

	margin: 0;

	padding: 0;

}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}


body {

	background: #fefefe;

	font:normal 8pt tahoma

}



a {

	text-decoration: none;

}



a.active {

	color: #fea !important;

	font-weight: bold;

	border-color: #880 !important;

}



a.active:hover {

	background: transparent !important;

}



img {

	border: none;

}



/* Wrapper Styles */



#wrapper {

	direction:rtl;

	width: 100%;

	height: 100%;

}



/* Header Styles */



#wrapper #header {

	width: 100%;

	height: 123px;

	background:url(../images/bg-dark.jpg) #333;

	margin: 0 auto;

	position: relative;

	z-index: 10;

	border-bottom:3px solid #000;

}



#wrapper #header a {

	transition: all linear 300ms;

	-moz-transition: all linear 300ms;

	-webkit-transition: all linear 300ms;

	-o-transition: all linear 300ms;

	-ms-transition: all linear 300ms;

}



#wrapper #header #innerHeader {

	width: 980px;

	height: 105px;

	margin: 0 auto;

	position: relative;

	padding-top:20px;

}



.logo-wrapper {
	margin-left: 10px;
	float: right;
}

.lang-en {
	color: #fff;
    font-size: 14px;
    float: left;
    margin-top: 15px;
    margin-right:10px;
}

#wrapper #header #innerHeader h1 {
	float: right;

	font-family: myBBCNassim,arial;

	font-size: 26px;

	line-height: 45px;

	color: #ddd;

	text-align: right;

}

#wrapper #header #innerHeader h1 span { color:#cca; font-size:20px;}



#wrapper #header #innerHeader #nav {

	float: left;

	width: 100%;

	height: 35px;

	background: #444;

	position: absolute;

	bottom: 0px;

}



#wrapper #header #innerHeader #nav ul {

	list-style: none;

	margin: 0 auto;

}



#wrapper #header #innerHeader #nav ul li {

	float: right;

	

}



#wrapper #header #innerHeader #nav ul li a {

	font-family: "myBBCNassim", "Lucida Grande", sans-serif;

	font-size: 14px;

	color: #cca;

	padding: 8px 20px 9px;

}

#wrapper #header #innerHeader #nav ul li ul a {

	font-size: 12px;

}



#wrapper #header #innerHeader #nav ul li a:hover,

#wrapper #header #innerHeader #nav ul li a:focus {

	color: #fff;

	background: #cca;

}



/* Home Page Styles */

#wrapper #wrap {width:100%; background-color:#888}

#wrapper #main {

	width: 980px;

	height: auto;

	overflow: auto;

	background: #fff url(../images/bg-bright.png) center;

	margin: 0 auto;

	padding-top: 53px;

	position: relative;

	z-index: 5;

}



#wrapper #main #slider {

	width: 894px;

	height: 292px;

	border: 3px solid #aa6;

	margin: 0 auto 46px;

	position: relative;

}



#wrapper #main #container {

	width: 900px;

	height: 270px;

	margin: 0 auto;

	position: relative;

}



#wrapper #main #container a {

	transition: all linear 300ms;

	-moz-transition: all linear 300ms;

	-webkit-transition: all linear 300ms;

	-o-transition: all linear 300ms;

	-ms-transition: all linear 300ms;

}



#wrapper #main #container > div {

	border-right: 2px solid #880;

	background: #fff;

	position: relative;

	box-shadow: 1px 1px 3px #aaa;

	margin-bottom: 30px;

	padding:15px;

	width: 238px;

}



#wrapper #main #container > div:hover,

#wrapper #main #container > div:focus {

	position: relative;

	border-right-color:#c55

}



#wrapper #main #container > div > h2 {

	font-family: "MyBBCNassim", "Lucida Grande", sans-serif;

	font-size: 18px;

	font-weight: normal;

	color: #880;

}



#wrapper #main #container > div:hover h2,

#wrapper #main #container > div:focus h2 {

	color:#440

}



#wrapper #main #container #boxOne {

	height: 270px;

	float: right;

	margin-left: 45px;

}



#wrapper #main #container #boxOne p {

	color: #818181;
	text-align: justify;

}





#wrapper #main #container #boxOne a:hover,

#wrapper #main #container #boxOne a:focus {

	color: #008fff;

}



#wrapper #main #container #boxTwo {

	font-family: "tahoma", "Lucida Grande", sans-serif;

	font-size: 15px;

	color: #818181;

	float: right;

	margin-left: 45px;

	height: 270px;

}

#wrapper #main #container #boxTwo  #scroll{

	width: 100%;

	height: 240px;

	overflow: auto;

}





#wrapper #main #container #boxTwo ul {

	list-style: none;

}



#wrapper #main #container #boxTwo ul li {

	display: block;

}



#wrapper #main #container #boxTwo ul li a {

	font-family: "tahoma", "Lucida Grande", sans-serif;

	color: #0067b7;

}



#wrapper #main #container #boxTwo > a {

	font-family: "tahoma", "Lucida Grande", sans-serif;

	font-size: 11px;

	text-align: right;

	text-transform: capitalize;

	line-height: 13px;

	color: #b1b1b1;

	text-decoration: underline;

	margin: 5px 22px 0 0;

	margin: 19px 22px 0 0\9; /* IE 8 and below */

	float: right;

}



#wrapper #main #container #boxTwo > a:hover,

#wrapper #main #container #boxTwo > a:focus {

	color: #0080ff;

}



#wrapper #main #container #boxTwo ul li a:hover,

#wrapper #main #container #boxTwo ul li a:focus {

	color: #8ac300;

}



#wrapper #main #container #boxThree {

	height: 270px;

	float: right;

	margin-bottom: 45px;

}





/* Footer Styles */



#wrapper #footer {

	width: 100%;

	height: 103px;

	background: #555;

	margin: 0 auto;

	display:table;

	padding-bottom:20px;

}



#wrapper #footer a {

	transition: all linear 300ms;

	-moz-transition: all linear 300ms;

	-webkit-transition: all linear 300ms;

	-o-transition: all linear 300ms;

	-ms-transition: all linear 300ms;

}



#wrapper #footer #innterFooter {

	background-color:#777;

	width: 980px;

	height: 103px;

	margin: 0 auto;

	padding: 12px 0px;

	position: relative;

	display:table;

}



#wrapper #footer #logo{

	float: left;

}



#innterFooter #copyright {

	width:100%; 
	float:right;

}




#copyright .top-section {

	margin-bottom: 20px;
    padding: 0 20px;
    font-family: "MyBBCNassim", "Lucida Grande", sans-serif;
    font-size: 18px;
}

#copyright .logo-wrapper {

	line-height: 56px;
	color: #cc8;
	margin: 0;
}

#copyright .logo-wrapper img {

	margin-left: 10px;
	float: right;
}


#copyright .bottom-section {

	color: #9c9c9c;
    padding: 0 20px;
}



#wrapper #footer #innterFooter #bottomNav {

	float: right;

	width: auto;

	height: 30px;

	background: #e0e0e0;

	position: absolute;

	top: 6px;

	right: 0;

	padding-top: 5px;

}



#wrapper #footer #innterFooter #bottomNav ul {

	list-style: none;

}



#wrapper #footer #innterFooter #bottomNav ul li {

	float: left;

}



#wrapper #footer #innterFooter #bottomNav ul li a {

	font-family: "tahoma", "Lucida Grande", sans-serif;

	font-size: 16px;

	color: #0067b7;

	padding: 3px 24px 10px;

	border-top: 2px solid #e0e0e0;

	text-transform: capitalize;

}



#wrapper #footer #innterFooter #bottomNav ul li a:hover,

#wrapper #footer #innterFooter #bottomNav ul li a:focus {

	color: #fff;

	background: #0067b7;

	border-top: 2px solid #9dde00;

}





#footer #footerLinks {width:100%; display:table; padding-bottom:25px; margin-bottom:5px;}

#footer #footerLinks div {width:160px; float:right; margin-right:30px;}

#footer #footerLinks h5 {padding:0px; margin:0px; font:bold 10pt MyBBCNassim; color:#444}

#footerLinks ul, #footerLinks li {list-style:none; padding:0px; margin:0px; font:normal 8pt tahoma; line-height:140%}

#footer a {color:#aaa}

#footer  a:hover {color:#cc8}







/* Inner Page Styles */



#wrapper #main #titlebar {

	width: 900px;

	padding-right:70px;

	height: 100px;

	background: url(../images/titlerbarBg.png) top left no-repeat;

	margin: 0 auto 10px;

	position: relative;

}



#wrapper #main #titlebar h2 {

	font-family: "MyBBCNassim", "Lucida Grande", sans-serif;

	font-size: 30px;

	font-weight: bold;

	color: #555;

	padding: 30px 30px 30px 0px;

}



#wrapper #main #pathbar {

	width: 915px;

	height: 15px;

	position: relative;

	margin: 0 auto 15px;

}



#wrapper #main #pathbar ul {

	list-style: none;

}



#wrapper #main #pathbar ul li {

	font-family: tahoma, "Lucida Grande", sans-serif;

	font-size: 14px;

	color: #880;

	float: right;

	margin-right: 10px;

}

#wrapper #main #pathbar ul li span {

	color: #999 !important;

}



#wrapper #main #pathbar ul li a {

	color: #999 !important;

}



#wrapper #main #pathbar ul li a:hover {

	color: #008fff !important;

}



#wrapper #main #content {

	width: 560px;

	height: auto;

	margin: 0 0 25px 5px;

	padding: 45px 30px 30px;

	background: #ececec;

	position: relative;

	float: right;

	border-right: 1px solid #bbb;

	border-bottom: 1px solid #bbb;

}



#wrapper #main #pathbar a,

#wrapper #main #content a {

	transition: all linear 300ms;

	-moz-transition: all linear 300ms;

	-webkit-transition: all linear 300ms;

	-o-transition: all linear 300ms;

	-ms-transition: all linear 300ms;

}



#wrapper #main #content h3 {

	font-family: "MyBBCNassim", "Lucida Grande", sans-serif;

	font-size: 22px;

	font-weight: bold;

	color: #880;

	margin-bottom: 20px;

}



#wrapper #main #content h3 span {

	font-size: 18px;

	font-weight: normal;

}



#wrapper #main #content p {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, "tahoma", "Lucida Grande", sans-serif;

	font-size: 16px;

	color: #666;

	padding-left: 15px;

}



#wrapper #main #sidebar {

	width: 270px;

	height: auto;

	overflow: auto;

	margin-left: 5px;

	padding: 45px 30px 30px;

	background: #ececec;

	position: relative;

	float: left;

	border-left: 1px solid #bbb;

	border-bottom: 1px solid #bbb;

}



#wrapper #main #sidebar > div {

	border-right: 2px solid #880;

	background: #fff;

	position: relative;

	width:240px;

	padding:15px;

}



#wrapper #main #sidebar > div:hover,

#wrapper #main #sidebar > div:focus {

	position: relative;

	border-right-color:#c55

}



#wrapper #main #sidebar > div > h2 {

	font-family: "MyBBCNassim", "airal", sans-serif;

	font-size: 18px;

	font-weight: normal;

	color: #880;

}



#wrapper #main #sidebar > div:hover h2,

#wrapper #main #sidebar > div:focus h2 {

	color:440px;

}





#wrapper #main #sidebar #boxOne {

	float: right;

	margin-bottom: 45px;

}





#wrapper #main #sidebar #boxTwo {

	float: right;

}





/* Slider Styles */



/* Reset and Layout */



.bx-wrapper {

	position: relative;

	margin: 0 0 60px;

	padding: 0;

	*zoom: 1;

}



.bx-wrapper img {

	width: 100%;

	display: block;

}



/* Theme Styles */



.bx-wrapper .bx-viewport {

	-moz-box-shadow: 0 0 5px #ccc;

	-webkit-box-shadow: 0 0 5px #ccc;

	box-shadow: 0 0 5px #ccc;

}



.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

	position: absolute;

	bottom: -30px;

	width: 100%;

}



/* Loader */



.bx-wrapper .bx-loading {

	min-height: 50px;

	background: url(images/bx_loader.gif) center center no-repeat #fff;

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2000;

}



/* Pager */



.bx-wrapper .bx-pager {

	text-align: center;

	font-size: .85em;

	font-family: Arial;

	font-weight: bold;

	color: #666;

	padding-top: 20px;

}



.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

	display: inline-block;

	*zoom: 1;

	*display: inline;

	

}



.bx-default-pager {

	z-index: 9999;

}



.bx-wrapper .bx-pager.bx-default-pager a {

	background: #cacaca;

	border: 1px solid #cacaca;

	text-indent: -9999px;

	display: block;

	width: 8px;

	height: 8px;

	margin: 0 2px 45px;

	outline: 0;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	

}



.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

	border: 1px solid #880;

	background: #ee6 !important;

}



/* Direction Controls (NEXT / PREV) */



.bx-wrapper .bx-prev {

	left: 10px;

	background: url(../images/controls.png) no-repeat 0 0;

	z-index: 9999;

}



.bx-wrapper .bx-next {

	right: 10px;

	background: url(../images/controls.png) no-repeat -61px 0;

	z-index: 9999;

}



.bx-wrapper .bx-prev:hover,

.bx-wrapper .bx-prev:focus {

	background-position: 0 -51px;

}



.bx-wrapper .bx-next:hover,

.bx-wrapper .bx-next:focus {

	background-position: -61px -51px;

}



.bx-wrapper .bx-controls-direction a {

	position: absolute;

	top: 50%;

	margin-top: -16px;

	outline: 0;

	width: 50px;

	height: 50px;

	text-indent: -9999px;

}



.bx-wrapper .bx-controls-direction a.disabled {

	display: none;

}



/* Auto Controls (START / STOP) */



.bx-wrapper .bx-controls-auto {

	text-align: center;

}



.bx-wrapper .bx-controls-auto .bx-start {

	display: block;

	text-indent: -9999px;

	width: 10px;

	height: 11px;

	outline: 0;

	margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-start:hover,

.bx-wrapper .bx-controls-auto .bx-start.active {

	background-position: -86px 0;

}



.bx-wrapper .bx-controls-auto .bx-stop {

	display: block;

	text-indent: -9999px;

	width: 9px;

	height: 11px;

	outline: 0;

	margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-stop:hover,

.bx-wrapper .bx-controls-auto .bx-stop.active {

	background-position: -86px -33px;

}



/* Pager With Auto-Controls Hybrod Layout */



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

	text-align: left;

	width: 80%;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

	right: 0;

	width: 35px;

}



/* Image Captions */



.bx-wrapper .bx-caption {

	position: absolute;

	bottom: 0;

	left: 0;

	background: #666\9;

	background: rgba(80, 80, 80, 0.5);

	width: 100%;

	height: 78px;

}



.bx-wrapper .bx-caption span {

	width: 355px;

	font-family: tahoma;

	color: #fff;

	display: block;

	font-size: 12px;

	line-height: 14px;

	text-shadow: 0 0 3px #000;

	padding: 10px;

}



.bx-wrapper .bx-caption span strong {

	font-family: "myBBCNassim", Arial;

	font-size: 18px;

	line-height: 24px;

	letter-spacing: 2px;

	color: #ffc;

}



/* Menu */



.ddsmoothmenu {

	width: 100%;

}



.ddsmoothmenu ul {

	z-index:100;

	margin: 0;

	padding: 0;

	list-style-type: none;

}



/*Top level list items*/

.ddsmoothmenu ul li {

	position: relative;

	display: inline;

	float: left;

}



/*Top level menu link items style*/

.ddsmoothmenu ul li a {

	display: block;

	color: #663;

	color: #2d2b2b;

	text-decoration: none;

}



* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/

	display: inline-block;

}



.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {

	color: #663;

}



.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/

	background: #cca !important; 

	color: #fff !important;

}



.ddsmoothmenu ul li a:hover {

	background: #86865b !important; /*background of menu items during onmouseover (hover state)*/

	color: #fff;

}

	

/*1st sub level menu*/

.ddsmoothmenu ul li ul {

	position: absolute;

	right: 0;

	display: none; /*collapse all sub menus to begin with*/

	visibility: hidden;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.ddsmoothmenu ul li ul li {

	display: list-item;

	float: none;

	background: #cca;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.ddsmoothmenu ul li ul li ul {

	top: 0;

}



/* Sub level menu links style */

.ddsmoothmenu ul li ul li a {

	width: 176px; /*width of sub menus*/

	padding: 5px !important;

	font-size: 12px !important;

	margin: 0;

	color: #663 !important;

	border-top-width: 0;

	border-bottom: 1px solid gray;

}



.ddsmoothmenu ul li ul li a:hover {

	color: #fff !important;

	background-color:#663;

}



/* Holly Hack for IE \*/

* html .ddsmoothmenu {

	height: 1%;

} /*Holly Hack for IE7 and below*/



/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass {

	position: absolute;

	padding: 7px 0 0 70px;

	right:5px;

}



.rightarrowclass {

	position: absolute;

	padding: 2px 0 0 10px;

	left:0px;

}



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow { /*shadow for NON CSS3 capable browsers*/

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

}



.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/

	opacity: 0.8;

}