@charset "UTF-8";
/* CSS Document */
html, body {
        font-family: Arial, Helvetica, Tahoma;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        color:#121b1b;
        margin: 0px;
        padding: 0px;
        background:#000 url(../images/bg-body.gif) top center repeat-x;
        }
p {
	color:#121b1b;
	margin:0 0 15px 0;
	text-align:justify;
	line-height:17px;
}
hr {
	margin:20px 0 10px 0;
	clear:both;
}
/* general page elements */
        
#container {
	padding: 0;
    width: 1100px;
    margin:0 auto;
	overflow:auto;
	background-color:#fff;
        }
.maincontentcontainer {
	padding: 0;
    width:100%
    margin:0 auto;
	overflow:auto;
	background-color:#e5e5e5;
        }        
/* top */
.clear {
	clear: both;
}
		
@font-face {
    font-family: Hammerthin;
    src: url('../fonts/hammrthn-webfont.eot');
    src: url('../fonts/hammrthn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hammrthn-webfont.woff') format('woff'),
         url('../fonts/hammrthn-webfont.ttf') format('truetype'),
         url('../fonts/hammrthn-webfont.svg#HammerThinnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	margin: 0;
	padding: 0;
}
img {
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:100;
	font-family: "Times New Roman", Times, serif;
}
h1 {
	font-size: 2.5em;
	color: #8b0e04;
	padding: 0 0 5px 0;
	margin:0;
}
h1 span{
	font-size: 23px;
	color:#121B1B;
	font-style:italic;
}

h2 {
	font-size: 1.6em;
	color: #000;
	padding: 0 0 5px 0;
	margin:0;
}
h2 span {
	color:#fff;
}

h3 {
	font-size: 1.8em;
	color:#8b0e04;
	padding: 0;
	margin:0;
}

h4 {
	font-size: 14px;
	margin: 5px 0px ;
	color: #000;
	padding: 0;
	font-weight:bold;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
}

h5 {
	font-size: 12px;
	margin: 5px 0px ;
	color: #000;
	padding: 0;
	font-weight:bold;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
}

h6 {
	font-size: 18px;
	color: #fff;
	padding: 5px 0;
}

input {
	color:black;
	padding:2px;
}
.justify {
	text-align:justify;
}
a:link , a:visited {
	color:#143d66;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
	color:#121b1b;
}

.hide {
	display: none;
}
/*header start*/
#header {
	width: 100%;
	height: 145px;
}
#logo {
	float:left;
	width:374px;
	height:116px;
	background:url(../images/bg-logo.jpg) no-repeat top left;
}
#logo h1 {
	background:#01AEF3 url(../images/al-baraka-logo.png) no-repeat 74px 0px;
	padding:0px;
	margin:0;
	display: block;
	height:116px;
	width:374px;
	position:relative;
	z-index:50;
}
#logo span {
	display:none;
}

#logo a , #logo a:hover{
	border: 0;
	color: #fff;
	font-size: 1.1em;
}
#top {
        height:116px;
        margin: 0px 0px 0px 0px;
        position: relative;
        overflow: visible;
		background:#01AEF3 url(../images/bg-top.jpg) right top no-repeat;
		clear:both;
        }
.top-menu {
	float:right;
	width:715px;
}
.contact-top {
	float:right;
	margin:25px 60px 0 50px;
	width:200px;
	padding:0;
	text-align:left;
	color:#fff;
}
.contact-top a:link, .contact-top a:visited{
	text-decoration:none;
	color:#fff;
}
.contact-top a:hover{
	text-decoration:none;
	color:#ed1c24;
}
.contact-top img {
	padding-right:10px;
}

.email-contact {
	font-weight:bold;
	text-align:left;
}

p.email-contact {
	margin-bottom:0;
	color:#fff;
	line-height:normal;
}

/*header end*/
/*Top Navigation*/
 	
#home .ddsmoothmenu ul li.homenav a, #about .ddsmoothmenu ul li.aboutnav a, #group .ddsmoothmenu ul li.groupnav a, #services .ddsmoothmenu ul li.servicesnav a, #pricing .ddsmoothmenu ul li.pricingnav a, #projects .ddsmoothmenu ul li.projectsnav a, #contact .ddsmoothmenu ul li.contactnav a {
	color:#8B0E04;
	font-weight:bold;
	/*cursor:default;*/
	text-shadow: #717576 0.1em 0.1em 0.1em;

/**TEXT-SHADOW RULES FOR IE PRE-IE 10**/

filter: shadow(color=#000000,direction=135,strength=5);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#717576,direction=135,strength=5)";
/**OPTIONAL IE CLEARTYPE FIX**/
}
/*navigation end*/
/*contentcontainer start*/
.contentcontainer {
	float:left;
	width:100%;
}
/*contentcontainer end*/
        
/* left */
.right-wide ul {
	list-style:url(../images/bullet2.png);
	padding:10px 0 0 21px;
	letter-spacing:1px;
	color:#143d66;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}
.width50 {
	width:48%;
	padding-right:2%;
	float:left;
}
        
/* right */
#transitions {
        width: 737px;
        height:377px;
        float:left;
        margin:0;
		background:#000 url(../images/bg-transitions.jpg) top right no-repeat;
        }

.float-left {
	float:left;
}
.float-right {
	float:right;
}
.margin-top20 {
	margin-top:20px;
}
.padding-bottom20 {
	padding-bottom:20px;
}
.margin-right15 {
	margin-right:15px;
}
.margin-left15 {
	margin-left:15px;
}

.graphics-banner img{
	padding:10px 20px 5px 20px;
}

.graphics-banner a:hover{
	opacity:0.4;
	filter:alpha(opacity=40);
}
.boxshadow {
  -moz-box-shadow: 5px 5px 5px #B2B2B2; /* Firefox */
  -webkit-box-shadow: 5px 5px #B2B2B2; /* Safari and Chrome */
  box-shadow: 5px 5px 5px #B2B2B2; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.border-pro {
	border: solid 2px #000;
	float:left;
	margin:0px 10px 15px 0px;
}
.border-pro2 {
	border: solid 2px #000;
	float:left;
	margin:0px 15px 10px 0px;
}
.border-pro3 {
	float:left;
	margin:0px 15px 10px 0px;
}
.full950 {
	width:950px;
	padding-bottom:20px;
	margin: 0 auto;
	overflow:hidden;
	clear:both;
}
.right-wide {
	float:left;
	width:615px;
	padding: 0 0px;
	text-align:justify;
}
.center {
	text-align: center;
	margin: 0 auto;
}
.right-wide h2, .right-wide h3, .right-wide h4 {
	margin-top:25px;
}

/*leftside start*/
.leftwide {
	width:305px;
	margin-left:30px;
	float:left;
	color:#121b1b;	
}

.leftwide ul {
	list-style:url(../images/bullet2.png);
	padding:10px 0 0 21px;
	letter-spacing:1px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
}

.leftwide p {
	color:#fff;
}
.leftwide hr {
	border:none;
	border-bottom:solid 1px #3c3f3f;
	margin:0px 0px 10px 0;
	clear:both;
}
.redbox {
	background:url(../images/bg-box.jpg) left top repeat-y;
	margin-bottom:15px;
}
.redboxcontent {
	padding:5px 25px 5px 15px;
}
.leftwide h2 {
	text-transform:uppercase;
}

fieldset {
  padding: 10px;
  border:solid 1px #3C3F3F	;
}
.readmore {
	font-size:10px;
	color:#143d66;
	float:right;
}
.slideshow {
	text-align:center;
	vertical-align:middle;
	width:245px;
	height:152px;
	padding:10px;
	text-align:center;
	background:url(../images/bg-title2.png) left top repeat;
}
.slideshow img {
	border:solid 1px #1a1a1a;
}
/*------------------------------side bar menu start------------------------------*/
.sidemenu {
	padding:5px 25px 5px 15px;
}
.sidemenu ul {
        margin: 0;
        padding: 0;
		list-style:none;
}

.sidemenu ul li a:link,
.sidemenu ul li a:visited {
	font-size:12px;
    margin: 3px 0px; 
    padding:5px 5px;
	display:block;
	text-decoration:none;
	text-transform:none;
	color:#8B0E04;
	border-top: dotted 1px #000;
	border-bottom: dotted 1px #000;
	background: url(../images/menu-icon-hover.png) 5px center no-repeat;
	padding: 11px 0px 11px 30px;
	line-height:18px;
}

.sidemenu ul li.latest-top a:link,
.sidemenu ul li.latest-top a:visited {
	border-top: none;
}
.sidemenu ul li a:hover {
	background:#000 url(../images/menu-icon.png) 5px center no-repeat;
	color:#fff;
}
.meinhardth .sidemenu ul li.meinhardthli a, .avic .sidemenu ul li.avicli a, .kemen .sidemenu ul li.kemenli a, .kryash .sidemenu ul li.kryashli a, .tee .sidemenu ul li.teeli a, .skip .sidemenu ul li.skipli a, .belhasa .sidemenu ul li.belhasali a, .jump .sidemenu ul li.jumpli a, .lme .sidemenu ul li.lmeli a {
	background:#000 url(../images/menu-icon.png) 5px center no-repeat;
	color:#727272;
}

.alshaair-center .sidemenu ul li.alshaair-centerli a, .khaleej .sidemenu ul li.khaleejli a, .abeer .sidemenu ul li.abeerli a, .world-legend .sidemenu ul li.world-legendli a, .alzoha .sidemenu ul li.alzohali a, .topvision .sidemenu ul li.topvisionli a, .bitrate .sidemenu ul li.bitrateli a, .qatar-oasis .sidemenu ul li.qatar-oasisli a, .gulf-flower .sidemenu ul li.gulf-flowerli a, .alshaair-gallery .sidemenu ul li.alshaair-galleryli a, .filcom .sidemenu ul li.filcomli a, .qatar-vision .sidemenu ul li.qatar-visionli a, .alshaair-international .sidemenu ul li.alshaair-internationalli a, .holy-land .sidemenu ul li.holy-landli a, .international-academy .sidemenu ul li.international-academyli a {
	background:#000 url(../images/menu-icon.png) 5px center no-repeat;
	color:#727272;
}
/*------------------------------side bar end------------------------------*/
/*------------------------------Contact Form------------------------------*/

.formright label {
	display:block;
	width:15%;
	float:left;
	text-align:right;
	margin-right:1%;
	padding:3px;
}
.formright input, .formright textarea {
	display:block;
	text-align:left;
	width:80%;
	float:left;
	margin-bottom:20px;
	padding:3px;
	font-size:1.15em;
}

input.formradio {
	width:1em;
	margin:0;
	float:left;
	text-align:left;
	margin-right:10px;
}

.checkinput {
	width:80%;
	float:left;
	padding-bottom:10px;
}

.checkinput label {
	padding:0;
	margin:0;
	width:auto;
	text-align:left;
	display:block;
	width:90%;
	line-height:1.5em;
}
.checkinput span {
	width:100%;
	display:block;
	padding-bottom:10px;;
	margin:0;
	float:left;
}
.right-wide .submit {
	width:auto;
	margin-left:16%;
	height:auto;
}

legend {
	margin-left: 1em;
	padding: 0.3em 2.4em;
	border:1px #3C3F3F solid;
	display:block;
	letter-spacing:1px;
	text-align:center;
	color:#232321;
	font-weight:bold;
}
 label {
	 background:url(../images/bg-label.jpg) left top no-repeat;
	 height:25px;
	 color:#fff;
}
label span {
	color:#E22028;
	margin-left:2px;
}

.blockquote {
	margin-left: 60px;
	padding-top: 5px;
	padding-bottom: 18px;
	color:#143d66;
} 

/*------------------------------Form--------------------------------*/
/* bottom */

#footer {
	background:#232323 url(../images/bg-footer.gif) top center repeat-x;
	min-height:104px;
	width:100%;
	overflow:auto;
	color:#d3d3d3;
}
#footer a, #footer a:visited {
	color:#fff;
	font-weight:normal;
}
#copyright {
        width: 955px;
        margin: 0 auto;
		position:relative;
		padding-top:15px;
} 

#social, #footer-logo {
	padding:0;
	margin:0;
	display:block;
}
#social a {
	text-decoration:none;
}
#social {
	float:right;
	text-align:right;
	height:20px;
	padding-top:20px;
	width:500px;
}
#social  img {
	padding-left:5px;
}
#footer-logo {
	float:left;
	height:40px;
	width:420px;
}
#footer-logo span {
	float:right;
}
#footer-logo img {
	padding-right:5px;
	float:left;
}

#social a:hover, #footer-logo a:hover, .opacity a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}
#branches {
	margin: 0 auto;
	padding:5px 0 0 0;
	text-align:center;
}

#branches span {
	padding:2px 50px;
	font-style:italic;
	font-size:11px;
}