body{font-family:"FuturaLT",Arial,sans-serif; background:#d2d3d5 url(../images/bg1new.jpg) repeat-x scroll top;}
#bg { position: fixed; top: 0; left: 0; }
h1 {font-size:20px; font-weight:normal; margin-left:10px;}

.bgwidth { width: 100%; }.bgheight { height: 100%; }
@font-face{ font-family: CALIBRI; src: url("../images/CALIBRI.TTF"); }
@font-face { font-family:FuturaLT; src:url(../images/FuturaLT.ttf);}
/*@font-face{ font-family: Gabriola; src: url("../images/Gabriola.TTF"); }	*/			
#outer {width:950px; height:auto; float:left;position: relative;border:0px solid #2a2b2f;margin-left:20px;
border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
/*opacity: 0.05;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=7)"; // first!
filter: alpha(opacity=7);	// second!*/
#logo {width:310px; height:90px; float:left; position:relative; border:0px solid #ccc; 
background:url(../images/logo1.png) no-repeat; margin-left:20px; margin-top:28px; color:#999;}
#tabs {width:600px; float:left; height:100px; border:0px solid #ccc;}
#tabs1 {width:430px; float:right; margin-right:20px; height:32px; border:0px solid #ccc;}
#home {width:115px; float:left; height:40px; border:1px solid #ccc;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a72a3), to(#111518));
background: -moz-linear-gradient(center 0%, #1a72a3, #111518);}

#home1 {width:60px; float:left; height:31px; border:0px solid #ccc; text-align:center;
background:#000;/*url(../images/home2.png) no-repeat;*/}
#about {width:80px; float:left; height:31px; border:0px solid #ccc;
background:#000;/*url(../images/about.png) no-repeat;*/}
#services {width:70px; float:left; height:31px; border:0px solid #ccc;
background:#000;/* url(../images/services.png) no-repeat;*/}
#works {width:65px; float:left; height:31px; border:0px solid #ccc;
background:#000;/*url(../images/works.png) no-repeat;*/}
#contactus {width:auto; float:left; height:31px; border:0px solid #ccc;
background:#000; /*url(../images/contact.png) no-repeat;*/}

/*#home1 a:hover {width:70px; float:left; height:31px; border:0px solid #ccc; text-align:center;
background:url(../images/contact.png) no-repeat;}
#about a:hover {width:83px; float:left; height:31px; border:0px solid #ccc;
background:url(../images/works.png) no-repeat;}
#services a:hover  {width:70px; float:left; height:31px; border:0px solid #ccc;
background:url(../images/services1.png) no-repeat;}
#works a:hover {width:70px; float:left; height:31px; border:0px solid #ccc;
background:url(../images/home2.png) no-repeat;}
#contactus a:hover {width:px; float:left; height:31px; border:0px solid #ccc;
background:url(../images/about.png) no-repeat;}
*/
#header {width:950px; height:120px; float:left; border:0px solid #ccc; border-bottom:0px solid #000; margin-top:6px;}
#gallary {width:930px; float:left; height:500px;margin-top:22px;border:0px solid #2a2b2f;margin-left:8px;}
#middle {width:950px; float:left; height:320px; border:0px solid #0F0; margin-top:12px;}
#footer {width:930px; float:left; height:30px; border:0px solid #F00; margin-left:8px; color:#333;
 /*-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; 
 -o-border-radius:10px 10px 0px 0px; -khtml-border-radius:10px 10px 0px 0px; */
/* background:url(../images/f_bg.png) repeat-x scroll bottom;*/ }
#fstyle { font-family:calibri;  margin-top:0px; padding-top:5px; font-size:18px; width:98px; height:20px; color:#fff; text-align:center; float:left; margin-left:0px; text-shadow:2px 2px 2px #000;}
.c1 {width:918px; height:274px;-webkit-box-shadow:0 0px 10px #353535; -moz-box-shadow:0 0px 10px #353535; box-shadow:0 0px 10px #353535;}
#news{ width:260px; float:left; height:300px; background:#000; margin-left:8px;
 -webkit-border-radius:10px 5px 5px 10px; -moz-border-radius:10px 5px 5px 10px; 
 -o-border-radius:10px 5px 5px 10px; -khtml-border-radius:10px 5px 5px 10px; 
  /*background:url(../images/nbg.png) repeat-x scroll top;*/ background:url(../images/box-bg2.png); }
#nhead {width:230px; height:28px; float:left; border-bottom:1px solid #333; margin-left:13px;padding:3px;
  font-size:19px; text-align:center; text-shadow:2px 2px 2px #000; color:#f6c719; margin-top:10px;}
  
#graphics {width:300px; height:300px; float:left;}  
#graphicsPanel,#websitePanel {width:275px; float:left; height:257px; background:#000; margin-left:15px; margin-top:0px;
 -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; 
 -o-border-radius:5px 5px 5px 5px; -khtml-border-radius:5px 5px 5px 5px; 
 /* background:url(../images/nbg.png) repeat-x scroll top;*/ background:url(../images/box-bg3.png);}
#ghead, #abouthead, #servicehead{width:275px; height:30px; float:left; border-bottom:0px solid #333; margin-left:13px; margin-top:12px;
  font-size:27px; text-align:center; color:#305e6b; font-family:"FuturaLT",Arial,sans-serif;}
 
#graphicDesc, #webDesc {width:255px; float:left; height:135px; border:0px solid #666; color:#436C78; margin:10px; font-size:14px; text-align:justify; text-shadow:1px 1px 1px #000;} 
  
#website {width:300px; height:300px; float:left;} 
.font{ font-size:21px; text-align:center; text-shadow:2px 2px 2px #000; color:#f6c719;}   

#aboutPanel {width:930px; float:left; height:476px; border:0px solid #ccc; margin:20px;}

#aboutInfo {width:620px; float:left; height:auto; border:0px solid #333; margin-left:10px; margin-top:5px; padding:15px;
            color:#436C78;  text-align:justify;background:url(../images/box-bg3.png); font-family:"FuturaLT",Arial,sans-serif;}
			
			
#aboutimagePanel {width:260px; float:left; height:300px; margin-left:10px; border:#333 0px solid;}
#aboutimage1, #aboutimage2 { width:240px; height:135px; float:left; border:0px solid #333; margin-left:9px; 
margin-top:8px;-webkit-box-shadow:0 1px 10px #000; -moz-box-shadow:0 1px 10px #000; box-shadow:0 1px 10px #000;}
#mainservicePanel {width:920px; height:auto;; float:left; border:0px solid #666; margin-left:10px; margin-top:10px; margin-bottom:10px; font-family:"FuturaLT",Arial,sans-serif;}
#serviceInfo {width:620px; float:left; height:auto; border:0px solid #333; margin-left:10px; margin-top:10px; padding:15px;
            color:#436C78;  text-align:justify;}
#graphicsDesc,#workpanel {width:840px; float:left; height:auto; border:0px solid #000;background:url(../images/box-bg3.png); margin-left:20px; padding-bottom:5px; margin-bottom:10px;}
#graphicstextDesc {width:600px; float:left; margin-left:5px; height:auto; padding:5px; font-size:14px; text-shadow:none; margin-top:0px; margin-bottom:0px;}
#graphicsImage {width:200px; float:left; height:110px; margin-left:10px; border:0px solid #666; margin-top:10px;margin-bottom:5px;
-moz-box-shadow: 0 1px 10px #bbb;-webkit-box-shadow: 0 1px 10px#bbb; box-shadow: 0 1px 10px #bbb;} 

#mainworksdiv {width:920px; float:left; height:auto; border:0px solid #000; margin-left:10px; margin-bottom:10px;}


#contactmainDiv {width:930px; float:left; height:460px; margin-left:10px; margin-top:50px;}
#addressDiv {width:270px; float:left; height:270px;}

#lableName {width:260px; height:25px; float:left; border:0px solid #666666;}
#submitButton {width:100px; float:left; height:50px; border:0px solid #ccc; margin-top:10px; }


#ticker { width:215px; height:220px; overflow:auto; float:left; margin-left:20px; }
#ticker dt { font:normal 14px; padding:0 10px 5px 10px; padding-top:10px;position:relative; color:#83ce13; }
#ticker dd { margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 10px; border-bottom:1px dashed #666;  position:relative; color:#3a5d06; }
#ticker dd.last { border-bottom:1px solid #ffffff; }
#ticker div { margin-top:0; }
#ticker a {color:#83ce13; text-decoration:none;}
#ticker a:hover {color:#F6C719;}

.submit { width:107px; height:60px; padding-bottom:32px; float:left; background:url(../images/submitbutton2.png) no-repeat; border:none;
 font-size:15px; color:#CCCCCC; padding-top:6px;  cursor:pointer; text-align:center; font-family:"FuturaLT",Arial,sans-serif; color:#305E6B;}

#graphicsDiv {width:890px; height:540px; float:left; border:0px solid #ccc; margin-left:30px; background:url(../images/box-bg3.png); margin-top:40px;
-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; 
 -o-border-radius:10px 10px 0px 0px; -khtml-border-radius:10px 10px 0px 0px; }
#graphicsDescription { width:560px; height:370px; float:left; font-size:14px; color:#436C78; padding:15px; border:0px solid #ccc; margin-left:20px; margin-top:5px;  text-align:justify;}
#graphicsDdescriptionImage { width:210px; height:235px; float:right; border:0px solid #ccc; margin-left:30px; margin-top:40px;}

#graphicshomeImage {width:252px; height:65px; float:left; border:0px solid #000033; margin-left:10px;}
#webhomeImage {width:347px; height:65px; float:left; border:0px solid #000033; margin-left:10px; }


/*   new round gallary   */




.carousel-container {
  position:relative;
  width:960px;
  margin:0 auto;
}
#carousel {
  height:449px;
  width:960px;
  position:relative;
}
.carousel-image {
  border:0;
  display:block;
}
.carousel-feature {
  position:absolute;
  top:-1000px;
  left:-1000px;
  cursor:pointer;
}

/* Global loading bar animation */
@keyframes progressbar {
	from { width: 0px; }
	to { width: 100%; }
}
@-o-keyframes progressbar {
	from { width: 0px; }
	to { width: 100%; }
}
@-ms-keyframes progressbar {
	from { width: 0px; }
	to { width: 100%; }
}
@-moz-keyframes progressbar {
	from { width: 0px; }
	to { width: 100%; }
}
@-webkit-keyframes progressbar {
	from { width: 0px; }
	to { width: 100%; }
}
.global_loader {
	width: 100%;
	height: 1px;
	position: absolute;
	margin: auto;
	top: 100%;
	z-index: 9979;
}
.global_loader_bar {
	width: 100%;
	height: inherit;
	background-color: #2E2E2E;
	position: absolute;
	box-shadow: 0 0 10px #0071f0;
	-o-box-shadow: 0 0 10px #0071f0;
	-ms-box-shadow: 0 0 10px #0071f0;
	-moz-box-shadow: 0 0 10px #0071f0;
	-webkit-box-shadow: 0 0 10px #0071f0;
	animation: progressbar 5s ease-out;
	-o-animation: progressbar 5s ease-out;
	-ms-animation: progressbar 5s ease-out;
	-moz-animation: progressbar 5s ease-out;
	-webkit-animation: progressbar 5s ease-out;
}

/**8 global bar for footer */

@keyframes progressbar {
	from { width: 0px; }
	to { width: 100%; }
}
@-o-keyframes progressbar {
	from { width: 0px; }
	to { width: 100%; }
}
@-ms-keyframes progressbar {
	from { width: 0px; }
	to { width: 100%; }
}
@-moz-keyframes progressbar {
	from { width: 0px; }
	to { width: 100%; }
}
@-webkit-keyframes progressbar {
	from { width: 0px; }
	to { width: 100%; }
}
.global_loader1 {
	width: 100%;
	height: 1px;
	position: relative;
	margin: auto;
	top: 100%;
	z-index: 9979;
}
.global_loader_bar1 {
	width: 100%;
	height: inherit;
	background-color: #2E2E2E;
	position: relative;
	box-shadow: 0 0 10px #0071f0;
	-o-box-shadow: 0 0 10px #0071f0;
	-ms-box-shadow: 0 0 10px #0071f0;
	-moz-box-shadow: 0 0 10px #0071f0;
	-webkit-box-shadow: 0 0 10px #0071f0;
	animation: progressbar 5s ease-out;
	-o-animation: progressbar 5s ease-out;
	-ms-animation: progressbar 5s ease-out;
	-moz-animation: progressbar 5s ease-out;
	-webkit-animation: progressbar 5s ease-out;
}


/***8 menu **/

ul{
	margin:0;
	padding:0;
}

li{
	width:170px;
	height:25px;
	float:left;
	color:#436C78;
	text-align:left;
	/*overflow:hidden;*/
}

a{
	color:#999;
	text-decoration:none;
}

p{
	padding:0px 5px;
}

	.subtext{
		padding-top:15px;
	}

/*Menu Color Classes*/
.green{background:#6AA63B url('img/menu/green-item-bg.jpg') top left no-repeat;}
.yellow{background:#FBC700 url('img/menu/yellow-item-bg.jpg') top left no-repeat;}
.red{background:#D52100 url('img/menu/red-item-bg.jpg') top left no-repeat;}
.purple{background:#5122B4 url('img/menu/purple-item-bg.jpg') top left no-repeat;}
.blue{background:#0292C0 url('img/menu/blue-item-bg.jpg') top left no-repeat;}

/*   */

.new_size { height:93px !important;  border:2px solid #fff !important;}