* { margin:0; padding:0; }
/*body { background:url(../img/black.gif) repeat; height:100%; }*/
body { background:#111 url(../img/black-art-bg.jpg) repeat-x; height:100%; }

::selection{background: #d8fe6c; color:#000; /* Safari */	}
::-moz-selection {background: #d8fe6c; color:#000; /* Firefox */}


/*================== Breadcrump Styles ==========================*/
#breadcrumb_block{width:665px; height:30px; margin-left:20px; margin-top:5px; }

#breadcrumb{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:30px;line-height:30px;color:#fff; border-bottom:dotted 1px #6f6f6f; border-top:dotted 1px #6f6f6f; width:100%;overflow:hidden; margin:0px; padding:0px; }
#breadcrumb li{list-style-type:none;float:left;padding-left:10px;}
#breadcrumb a{ height:30px;display:block; background:url(../projects/img/breadcrump-arrow.png) no-repeat right;padding-right: 15px;text-decoration: none;    color:#fafafa;}
.home{border:none; margin: 6px 0px;}
#breadcrumb a:hover{color:#e5fe9d;}
#breadcrumb .active{color:#e5fe9d; font-weight:bold;}
/*================== Breadcrump Styles ends==========================*/
#news-container{width: 400px; margin: auto;margin-top: 30px;border: 5px solid #333333;}
#news-container ul li{border: 1px solid #aaaaaa;background: #ffffff; color:#fff;}	
	
	

@import "fonts.css";

ul#demo-block{ margin:0 15px 15px 15px; }
ul#demo-block li{ margin:0 0 10px 0; padding:1px; display:inline; float:left; clear:both; color:#aaa; background:#fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font:11px Helvetica, Arial, sans-serif; }
ul#demo-block li a{ color:#eee; font-weight:bold; }


.navigation{width:600px; height:100px; float:left; position:absolute; top:25px; left:250px;  }
#menu {float:left;padding:0; margin:0;margin-left:500px;  list-style:none; margin-left:5px; margin-top:5px; width:530px; height:35px; background:url(../img/pro-bg.png) repeat-x; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#menu li {float:left; margin-left:1px; font-family: 'Oswald';font-size: 15px; font-weight:normal; 	color: #fff;}
#menu li a {display:block; height:35px;  line-height:35px; padding:0 20px; float:left; color:#fff; text-decoration:none;text-transform:uppercase; background:url(../img/divider.png) no-repeat right;}
#menu li a:hover{ color:#d8fe6c; }
#menu li .show{ color:#d8fe6c; }

.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;margin: 0; padding: 0;position: absolute;left: 0;top: 0;list-style-type: none;
background: white;border: 1px solid #d8db43;border-bottom-width: 0;visibility: hidden;z-index: 100;}
.ddsubmenustyle ul{margin: 0;padding: 0;position: absolute;left: 0;top: 0;list-style-type: none;border: 0px none;}
.ddsubmenustyle li a{display: block;width: 150px; color: black;background-color: lightyellow;text-decoration: none;padding: 8px 5px;border-bottom: 1px solid #d8db43;}
* html .ddsubmenustyle li{ /*IE6 CSS hack*/display: inline-block;width: 150px;}
.ddsubmenustyle li a:hover{background-color: #111;color: white;}
/* ######### Neutral CSS  ######### */
.downarrowpointer{ padding-left: 4px;border: 0;}
.rightarrowpointer{position: absolute;padding-top: 0px;left: 100px;border: 0;}
.ddiframeshim{position: absolute;z-index: 500;background: transparent;border-width: 0;width: 0;height: 0;display: none;}




.developed{width:140px; text-align:center; line-height:30px; height:30px; background:#000; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 10px; font-weight:bold; color:#fff; position:absolute; bottom:43px; right:15px; border-radius:8px;}

.developed a{ color:#C00; text-decoration:underline;}
.developed a:hover{ color:#fff; text-decoration:none;}

.developed1{width:140px; text-align:center; line-height:30px; height:30px; background:#000; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 10px; font-weight:bold; color:#fff; position:absolute; bottom:0px; right:0px; border-radius:8px;}

.developed1 a{ color:#C00; text-decoration:underline;}
.developed1 a:hover{ color:#fff; text-decoration:none;}





#home_contat{width:250px; height:300px; background:url(../img/clients_bg.png) repeat; float:left; position:absolute; margin-top:150px; margin-left:15px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px;}
#home_contat h4{font-family: 'Oswald';font-size: 20px; font-weight:normal; color:#990; margin:15px 0px 0px 20px; }
#home_contat ul{ list-style:none; margin-top:5px;}
#home_contat li{ font-family: 'Droid Sans', Helvetica, Arial, sans-serif;color:#8e8b8b; font-size:13px; line-height:22px; font-weight:normal; background:url(../img/arrow-2.png) no-repeat left; margin-left:25px; padding-left:15px;}

.more-1{float:right; margin:0px 5px 0px 0px;}
.more-1 img{ -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}


#welcome{width:720px; height:auto; overflow:hidden; padding-bottom:15px; background:url(../img/clients_bg.png) repeat; margin-left:15px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px; position:absolute; margin:60px 0px 30px 250px;}

#welcome h1{font-family: 'Oswald';font-size: 20px; font-weight:normal; color:#d8fe6c; margin:10px 0px 7px 20px; }
#welcome p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#d9d9d9; font-size:13px; margin:20px; margin-bottom:10px; margin-top:0px; line-height:22px; text-align:justify;}
#welcome p.image-padd{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#d9d9d9; font-size:13px; margin:20px 0px 20px 15px; margin-top:0px; line-height:22px; text-align:justify; float:left;}

#welcome .sub-titles{font-family: 'Oswald';font-size: 16px; font-weight:normal;color:#99bc7c;margin:10px 0px 7px 20px;}









.readmore{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#990; padding-left:15px; background:url(../img/arrow.png) no-repeat left ; margin-left:0px; float:right;}
.readmore a{color:#990; text-decoration:underline;}
.readmore a:hover{color:#fff; text-decoration:none;}



#divider-block{width:710px; height:260px; background:url(../img/bg-bg.gif) no-repeat bottom; border:1px #535353 dotted; margin:3px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }

#divider-block .div_4{width:355px; height:260px; float:left; text-align:left}

.mission{width:335px; height:220px; float:left; background:#000; margin-left:8px; margin-top:5px; margin-bottom:5px; }
.mission h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#abc737; font-size:13px; font-weight:bold; margin:10px 0px 10px 20px;}
.mission .txt{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; line-height:18px; text-align:justify;}


.mission ul{ margin:10px;}
.mission li{color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:25px;}



.associates_block{}
.associates_block ul{ margin-left:35px; margin-top:30px; margin-bottom:120px;}
.associates_block li{ list-style:none; background:url(../img/arrow-2.png) no-repeat left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff; padding-left:15px; line-height:30px; } 



.button a{
    -moz-transition: background 0.1s ease-in-out 0s;
    -moz-user-select: none;
    background-color: #F7F5F1;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    border-top: 1px solid #FFFFFF;
    box-shadow: 0 5px 0 #111, 0 0.5em 0 #000, 0 10px 7px #111;
    color: #111 !important;
    display: inline-block;
    font: 12px/1.5em "trebuchet MS";
    margin:8px 0px 25px 0px;
    padding: 0.2em 1.0em 0.2em;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;
    z-index: 1; text-decoration:none;
}
.button a:hover {background-color: #93ca64; border-bottom: 1px solid #93ca64;
    border-top: 1px solid #93ca64;
    box-shadow: 0 5px 0 #111, 0 0.5em 0 #000, 0 10px 7px #111;
    color: #111 !important;
    text-decoration: none;
    text-shadow: 0 -1px 0 #3b9e99;
}








#projects{width:650px; height:40px; background:url(../img/pro-bg.png) repeat-x; margin-left:15px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px; position:absolute; margin:500px 0px 0px 600px;}



#contact{ width:280px; height:auto; overflow:hidden; float:left;}
#contact a { color:#d8fe6c}
#contact a:hover{ color:#fff;}

#map{width:420px; height:auto; overflow:hidden; float:left;}
#map a{ color:#d8fe6c}
#map  a:hover{ color:#fff;}




#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }




#gallery {padding: 0px; width: auto; height:auto; overflow:hidden; margin-top:20px;}
#gallery img {border:1px #990 dotted;}
#gallery img:hover{border:1px #960 dotted;}

.backto-pro{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


.backto-pro-btn a{ text-decoration:none; float:right; background:#bb1f1e; cursor: pointer; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#fff; width:105px; font-weight:bold; height:18px; margin:2px; padding:1px; padding-left:10px; border:1px solid #9d2025; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-top:5px; margin-right:20px;}
.backto-pro-btn a:hover{ text-decoration:none; float:right; background:#999900; cursor: pointer; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#fff; width:105px; font-weight:bold; height:18px; margin:2px; padding:1px; padding-left:10px; border:1px solid #9d2025; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-top:5px;margin-right:20px;}


/*====================== Projects Slid=============================*/

#project-slider{width:680px; height:150px; background:#030; margin:0px auto;}
.thumb-scroller{width:900px; height:100px; float:left; margin-top:10px;}
#intro {width: 900px; margin: 0 auto;}
			.wrapper { width: 900px;margin: 0px auto; padding-top: 5px; }
			.list_carousel {margin: 0 0 0px 60px; width: 800px;}
			.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
			.list_carousel li {font-size: 40px;	color: #999;text-align: center; width: 110px;height: 70px;padding: 0;			margin: 10px;display: block;float: left;}
			.list_carousel.responsive {width: auto;margin-left: 0;}
			.clearfix {	float: none;clear: both;}
			.prev {float: left;	margin-left: 10px;}.next {float: right;margin-right: 10px;}
			.pager {float: left;width: 300px;text-align: center;}
			.pager a {margin: 0 5px;text-decoration: none;	}
			.pager a.selected {text-decoration: underline;}
			.timer {background-color: #999;	height: 6px;width: 0px;	}
            #gallery img.ss{
                width: 155px;
                height: 103px;
            }
 #gallery img.int1{
    width: 153px !important;
    height: 101px !important;
}
.int2{
    width: 153px !important;
    height: 101px !important;
}
#welcome p.image-padd a{
    color: #fff;
    text-decoration: none;
} 
.chei .image-padd{
    height: 130px;
}