/*resets and overrides
=======================*/
* {
	margin:0;
	padding:0;
}
img {
	border:none;
}
a:focus {
	outline:none;
}
input {
	border:none;
	
}
/*Links & Type
================*/

body {
	font-family:'Open Sans', sans-serif !important;
}
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../font/OpenSans-Light.eot');
    src: url('../font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
       /* url('../fonts/helveticaneueltstd-ltcn-webfont.woff') format('woff'),*/ 
       url('../font/OpenSans-Light.ttf') format('truetype'),
         url('../font/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
a:link, a:active, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
.top-wrapper {
	width:1002px;
	height:170px;
	margin:0px auto;
}
.logo {
	width:155px;
	height:94px;
	float:left;
	margin-top:40px;
}
.menu-wrapper {
	width:560px;
	height:150px;
	float:right;
}
.red-container {
	height:160px;
	width:1200px;
	margin:0px auto;
	background:url(../images/red-container-bg.jpg) top no-repeat;
}
.red-content-text {
	font-family:'OpenSans-Light';
	font-size:45px;
	color:#FFF;
	font-weight:300px;
	line-height:18px;
}
.red-content-text-black {
	font-family:'OpenSans-Light';
	font-size:65px;
	color:#000;
	line-height:90px;
}
.red-text-container {
	width:1002px;
	margin:0px auto;
	padding:25px 0 10px 0px;
}
.black-container {
	width:1200px;
	height:230px;
	background:#000000;
	margin:0px auto;
	padding-top:30px;
}
.black-container2 {
	width:1200px;
	height:280px;
	background:#000000;
	margin:0px auto;
	padding-top:20px;
}
.black-container2 {
	width:1200px;
	height:300px;
	background:#000000;
	margin:0px auto;
	padding-top:0px;
}
.gallery-container {
	width:1002px;
	height:260px;
	margin:0px auto;
}
.gallery-inner-container {
	width:1002px;
	height:260px;
	margin:0px auto;
}
.gallery-container-why {
	width:1002px;
	height:260px;
	margin:0px auto;
	
}
.marhaba-container {
	width:1002px;
	height:40px;
	margin:0px auto;
	padding-top:20px;
}
.marhaba-link {
	width:144px;
	height:21px;
	float:right;
}
.know-text-container {
	width:190px;
	height:20px;
	float:right;
	padding-top:7px;
	}
.know-text {
	font-family:'OpenSans-Light';
	font-size:13px;
	color:#646567;
	text-align:right;
	line-height:10px;
	padding-right:10px;
}
.footer {
	width:100%;
	height:30px;
	background: url(../images/footer-bg.gif) top center no-repeat;
	margin:0px auto;
}
.footer-text-container {
	width:1002px;
	height:19px;
	margin:0px auto;
	padding-top:10px;
}
.footer-text {
	font-family:'OpenSans-Light';
	font-size:12px;
	color:#8B8C8D;
	text-decoration:none;
	line-height:10px;
}
.footer-text a {
	font-family:'OpenSans-Light';
	font-size:12px;
	color:#8B8C8D;
	text-decoration:none;
	line-height:10px;
}
.footer-text a:hover {
	color:#333;
	text-decoration:none;
}
.menu-text {
	font-family:'OpenSans-Light';
	font-size:28px;
	font-weight:normal;
	line-height:18px;
}
.menu-text a {
	font-family:'OpenSans-Light';
	font-size:28px;
	font-weight:normal;
	line-height:18px;
}
.menu-text a:hover {
	font-family:'OpenSans-Light';
	font-size:50px;
	font-weight:normal;
	line-height:18px;
}
.menu-text a.active {
	font-family:'OpenSans-Light';
	font-size:50px;
	font-weight:normal;
	line-height:18px;
}
/*slider*/
.stepcarousel {
	position: relative; /*leave this value alone*/
	background:#000;
	border: none;
	overflow: scroll; /*leave this value alone*/
	width: 1002px;
	margin-top:15px;
	height: 250px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width: 925px;
	height: 300px;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 275px;
	height:250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#galleryc {
	width: 925px;
	height: 215px;
	border: 10px solid darkred;
}
#galleryc .panel {
	height: 150px;
	font: bold 28px Arial;
	text-align: center;
	background-color: green;
	color: white;
}
p.samplebuttons {
	width: 300px;
	text-align: center;
}
p.samplebuttons a {
	color: #2e6ab1;
	padding: 1px 2px;
	margin-right: 3px;
	text-decoration: none;
}
/*slider*/
.top-main{
	width:1200px;
	height:171px;
	margin:0px auto;
	background:url(../images/bg-top-right.jpg) top no-repeat;
	}
/*====================*/
/*        Who         */
/*====================*/

.red-content-text-inner {
	font-family:'OpenSans-Light';
	font-size:30px;
	color:#FFF;
	font-weight:normal;
	font-stretch:narrower;
}
h1{font-family:'OpenSans-Light';
	font-size:25px;
	color:#FFF;
	font-weight:normal;
	font-stretch:narrower;
}
h2{font-family:'OpenSans-Light';
	font-size:20px;
	color:#FFF;
	font-weight:normal;
	font-stretch:narrower;
}
h3{font-family:'OpenSans-Light';
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	font-stretch:narrower;
}
h4{font-family:'OpenSans-Light';
	font-size:15px;
	color:#fff;
	font-weight:normal;
}
.body-text-container{
	width:326px;
	float:left;
	height:auto;
	margin-right:25px;
	}
.body-contact-container{
	width:300px;
	float:left;
	height:auto;
	margin-right:30px;
	}
.body-text{
	font-family:'OpenSans-Light';
	font-size:13px;
	color:#CCC;
	font-weight:normal;
	font-stretch:narrower;
	line-height:18px;
	}
.body-text a{
	font-family:'OpenSans-Light';
	font-size:13px;
	color:#CCC;
	font-weight:normal;
	font-stretch:narrower;
	line-height:18px;
	}
.body-text a:hover{
	color:#ce0019;
	line-height:18px;
	}
.body-text-we{
	font-family:'OpenSans-Light';
	font-size:13px;
	color:#b1b3b4;
	font-weight:normal;
	font-stretch:narrower;
	line-height:20px;
	}
.body-text-w2{
	font-family:'OpenSans-Light';
	font-size:15px;
	color:#ffffff;
	font-weight:normal;
	font-stretch:narrower;
	line-height:18px;
	}
.body-text-w3{
	font-family:'OpenSans-Light';
	font-size:15px;
	color:#d12026;
	font-weight:normal;
	font-stretch:narrower;
	line-height:18px;
	}
.body-text-we4{
	font-family:'OpenSans-Light';
	font-size:13px;
	color:#87888a;
	font-weight:normal;
	font-stretch:narrower;
	line-height:23px;
	}
.body-text-we4 a{
	font-family:'OpenSans-Light';
	font-size:13px;
	color:#FFF;
	font-weight:normal;
	font-stretch:narrower;
	line-height:23px;
	}
.body-text-we4 a:hover{
	color:#ce0019;
	line-height:23px;
	}
.black-container-inner {
	width:1200px;
	height:auto;
	background:#000;
	margin:0px auto;
	padding-top:30px;
	padding-bottom:30px;
}
.black-container-work {
	width:1200px;
	height:auto;
	background:#000;
	margin:0px auto;
}
.footer-contact-text{
	font-family:'OpenSans-Light';
	font-size:15px;
	color:#878789;
	font-weight:normal;
	font-stretch:narrower;
	}
.footer-contact-text2{
	font-family:'OpenSans-Light';
	font-size:15px;
	color:#000;
	font-weight:normal;
	font-stretch:narrower;
	}
.marhaba-container2 {
	width:1002px;
	height:55px;
	margin:0px auto;
	padding-top:15px;
}

/*====================*/
/*        What        */
/*====================*/
.body-text-container ul{
	margin-top:20px;
	padding:0px;
	}
.body-text-container ul li{
	list-style:none;
	background:url(../images/do-bullet.gif) no-repeat left;
	padding-left:20px;
	ffont-family:'OpenSans-Light';
	font-size:20px;
	color:#b1b3b4;
	font-weight:normal;
	font-stretch:narrower;
	line-height:40px;
	}
.marhaba-left{
	width:650px;
	height:55px;
	float:left;
	}
.dhana-link{
	width:280px;
	height:40px;
	padding-top:10px;
	}
.link-text{
	font-family:'OpenSans-Light';
	font-size:16px;
	color:#d10019;
	font-weight:normal;
	font-stretch:narrower;
	}
.link-text a{
	font-family:'OpenSans-Light';
	font-size:16px;
	color:#d10019;
	font-weight:normal;
	font-stretch:narrower;
	}
.link-text a:hover{
	color:#999;
	}
/*========================*/
/*       15 05 2012       */
/*========================*/
.gallery-left{
	width:495px;
	height:260px;
	float:left;
	/*border-right:1px solid #686666;*/
	}
.gallery-right{
	width:487px;
	height:260px;
	float:right;
	}
.title-text {
	font-family:'OpenSans-Light';
	font-size:25px;
	color:#FFF;
	line-height:18px;
	font-weight:normal;
	font-stretch:narrower;
}
.title-text2 {
	font-family:'OpenSans-Light';
	font-size:18px;
	color:#FFF;
	line-height:18px;
	font-weight:normal;
	font-stretch:narrower;
}
.title-text-contat {
	font-family:'OpenSans-Light';
	font-size:18px;
	color:#d12026;
	line-height:18px;
	font-weight:bold;
	font-stretch:narrower;
}
.gallery-wrapper{
	width:468px;
	height:auto;
	}
.thump-container{
	width:110px;
	height:78px;
	float:left;
	margin:0 7px 10px 0px;
	background:#999;
	}
.demo a {
	float:left;
	padding:0;
	width:110px;
	height:78px;
	margin:0 7px 10px 0px;
	background:#999;
}
.demo a:hover {
	float:left;
	padding:0;
}
.demo p {
	float:left;
	padding:5px;
}
.applystyle{
	font-family:'OpenSans-Light';
	font-size:20px;
	color:#FFF;
	font-weight:normal;
	font-stretch:narrower;
	line-height:18px;
	}
.applystyle2{
	font-family:'OpenSans-Light';
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	font-stretch:narrower;
	line-height:18px;
	}
.applystyle a{
	font-family:'OpenSans-Light';
	font-size:20px;
	color:#FFF;
	font-weight:normal;
	font-stretch:narrower;
	line-height:18px;
	}
.applystyle a:hover{
	color:#FFF;
	}
/*For scroll bars
---------------------*/
/* Tiny Scrollbar */
#scrollbar1, #scrollbar2 {
	/*width: 520px;
	margin: 20px 0 10px;
	float:left;
	margin-right:20px;*/
	width: 555px;
	margin-top:10px;
}
#scrollbar1 .viewport , #scrollbar2 .viewport{
	/*width: 500px;
	height: 200px;
	overflow: hidden;
	position: relative;*/
	width: 468px;
	height: 244px;
	overflow: hidden;
	position: relative;
}
#scrollbar1 .overview, #scrollbar2 .overview {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#scrollbar1 .scrollbar, #scrollbar2 .scrollbar {
	position: relative;
	background-position: 0 0;
	float: right;
	width: 6px;
	background:#585656; 

}
#scrollbar1 .thumb, #scrollbar2 .thumb {
	background-color: #9d9998;
	height: 70px;
	width: 4px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 59px;
	left: 1px;
}
#scrollbar1 .disable, #scrollbar2 .disable {
	display: none;
}
.map-container{
	width:450px;
	height:250px;
	float:right;
	}
	
/*=========Zoomimage=========*/
#main {
	background: #0099cc;
	margin-top: 0;
	padding: 2px 0 4px 0;
	text-align: center;
}
#main a {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}
#main a:hover {
	text-decoration: underline;
}
#container {
	text-align:center;
	height:240px;
	width:18826px;
	z-index:0;
	}
.img {
	z-index:888;
	width:259px;
	}
.end {
	margin-right: 0;
}
.clear {
	clear: both;
}
.img a img {
	position: relative;
	}
.coma{
	width:30px;
	height:28px;
	background: url(../images/coma.png) no-repeat;
	position:absolute;
	margin-left:-32px;
	margin-top:0px;
	}
.coma2{
	width:30px;
	height:28px;
	background: url(../images/coma2.png) no-repeat;
	margin:-43px 0 0 697px;
	}
.coma3{
	width:30px;
	height:28px;
	background: url(../images/coma2.png) no-repeat;
	margin:-44px 0 0 630px;
	}
.address-cantainer{
	width:300px;
	height:280px;
	float:left;
	}
.work-cantainer{
	width:140px;
	height:200px;
	float:left;
	margin-top:15px;
	}
.work-cantainer-02{
	width:140px;
	height:185px;
	float:left;
	margin-left:75px;
	padding-top:70px;
	
	}
.work-cantainer-03{
	width:140px;
	height:200px;
	float:left;
	margin-left:75px;
	margin-top:15px;
	}
.work-img{
	width:140px;
	height:140px;
	}
.work-text-cantainer{
	width:140px;
	height:30px;
	padding-top:5px;
	}
.work-text-cantainer2{
	width:140px;
	height:28px;
	padding-top:9px;
	}
.work-text{
	font-family:'OpenSans-Light';
	font-size:17px;
	color:#b1b3b4;
	font-weight:normal;
	font-stretch:narrower;
	line-height:18px;
	}
.work-text a{
	font-family:'OpenSans-Light';
	font-size:17px;
	color:#b1b3b4;
	font-weight:normal;
	font-stretch:narrower;
	line-height:18px;
	}
.work-text a:hover{
	color:#FFF;
	font-weight:normal;
	font-stretch:narrower;
	line-height:18px;
	}
table #tdd tr td {margin-bottom:3px;}
.home-icon{
	width:28px;
	height:24px;
	float:left;
	margin-left:256px;
	margin-top:113px;
	}
.gallery-branding{
	width:995px;
	height:260px;
	float:left;
	/*border-right:1px solid #686666;*/
	}
.gallery-lef-project{
	width:1000px;
	height:260px;
	float:left;
	/*border-right:1px solid #686666;*/
	}
.project-container{
	width:400px;
	height:65px;
	margin-bottom:10px;
	}
.project-logo{
	width:60px;
	height:60px;
	float:left;
	}
.project-discription{
	height:58px;
	width:300px;
	float:left;
	padding-left:15px;
	}
.project-hd-text{
	font-family:'OpenSans-Light';
	font-size:21px;
	color:#858689;
	font-weight:bold;
	}
.project-sub-text{
	font-family:'OpenSans-Light';
	font-size:25px;
	color:#FFF;
	font-weight:normal;
	font-stretch:narrower;}
	
/*POP-UP-STYLES*/
.pop-up-next {
	width:50px;
	background-color:#903;
	position:absolute;
	left:50px;
	top:50px;}