html{ background: url(../images/sitebg-pattren.jpg) repeat;}

html, body{ height: 100%;}

body {
	font: Normal 13px/20px Arial;
	color: #828282;
}

/*Reset Styles*/

body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ol, ul, li, fieldset, form, input, label, table, caption, tr, td, img {
	margin:0;
	padding:0;
	border:0;
}

:focus{ outline: none;}
.clear { clear:both; }
.left { float:left; }
.right { float:right; }

h1, h2, h3, h4, h5, h6{
	padding: 25px 20px 6px 11px;
	font-weight: Normal;
	clear: both;
	line-height: 20px;
	color: #000;
}

h1{font-size: 24px;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px; font-weight: bold;}
h6{font-size: 14px; font-weight: bold;}

p{ padding: 8px 20px 7px 12px; clear: both;}

ul{ padding: 12px 0 10px 26px; list-style: square;}

ul li{ padding: 0 0 3px 14px;}

a:link, a:active, a:visited{ color: #828282; text-decoration: underline;}

a:hover{ color: #9a9a9a;}

/* ========================== Landing Page ================================ */
.landing-topbar{
	width: 100%;
	height: 77px;
	background: url(../images/landing-topbar.jpg) repeat-x 0 0;
}

.landing-wrapper{
	width: 1002px;
	margin: 0 auto;
	background: url(../images/abstract-behindlogo.png) no-repeat center top;
}

span.landing-logo{
	width: 1002px;
	text-align: center;
	float: left;
	padding: 6px 0 14px 0;
}

#landing-container{
	width: 1002px;
	float: left;
	background: url(../images/landing-container-bgrep.jpg) repeat-y;
}

#landing-container-inner{
	width: 1002px;
	float: left;
	padding: 0 0 48px 0;
	background: url(../images/landing-container-bg.jpg) no-repeat left bottom;
}

#landing-container-inner h1{
	width: 835px;
	float: left;
	background: url(../images/landing-hed-underline.jpg) repeat-x 0 bottom;
	padding: 0 0 18px 0;
	margin: 36px 0 10px 84px;
	display: inline;
}

#landing-container-inner p{	padding: 8px 95px 8px 88px;}

#tribox-container{
	width: 835px;
	height: 380px;
	background: url(../images/tribox-container-bg.png) no-repeat 0 0;
	margin: 22px 0 0 84px;
	display: inline;
	float: left;
}

#images img{
	opacity: 0.3;
	margin: 14px 0 0 14px;
}

#footer{
	width: 1002px;
	margin: 26px auto 0 auto;
	text-align: center;
	background: url(../images/footer-line.jpg) repeat-x 0 top;
}

#footer p{
	padding: 25px;
	font: normal 12px Arial;
}

/* Home Page ================================================================ */
#mainImageBox{ margin: 0; width: 100%; z-index: 1; position: fixed;}
#mainImageBox img{float:left;position:absolute;margin:0 0 0 -951px;padding:0;border:0; left: 50%;}




#home-wrapper{
	width: 100%;
	background: url(../images/homepage-top-bar.jpg) repeat-x 0 0;
	z-index: 2;
	position: absolute;
}

#wrapper{
	width: 1002px;
	margin: 0 auto;
}

#top-menus{
	width: 1002px;
	float: left;
	height: 85px;
}

a.film-btn:link, a.film-btn:visited, a.film-btn:active{
	float: left;
	width: 90px;
	height: 75px;
	margin: 10px 0 0 0;
	background: url(../images/film-icon.jpg) no-repeat 0 0;
}

a.film-btn:hover{ background: url(../images/film-icon-hover.jpg) no-repeat 0 0;}

.film-btn_active:link, .film-btn_active:visited{
	float: left;
	width: 90px;
	height: 75px;
	margin: 10px 0 0 0;
	background: url(../images/film-icon-hover.jpg) no-repeat 0 0;}


a.events-btn:link, a.events-btn:visited, a.events-btn:active{
	float: left;
	width: 82px;
	height: 75px;
	margin: 10px 0 0 0;
	background: url(../images/events-icon.jpg) no-repeat 0 0;
}

a.events-btn:hover{ background: url(../images/events-icon-hover.jpg) no-repeat 0 0;}

a.web-btn:link, a.web-btn:visited, a.web-btn:active{
	float: left;
	width: 83px;
	height: 75px;
	margin: 10px 0 0 0;
	background: url(../images/web-icon.jpg) no-repeat 0 0;
}

a.web-btn:hover{ background: url(../images/web-icon-hover.jpg) no-repeat 0 0;}


.web-btn-active{
	float: left;
	width: 83px;
	height: 75px;
	margin: 10px 0 0 0;
	 background: url(../images/web-icon-hover.jpg) no-repeat 0 0;
	}

/* top right menu styles ================= */
ul.gallery {
	width: 401px; /*--Adjust width according to your scenario--*/
	list-style-type: none;
	margin: 0; padding: 0;
	float: right;
}
ul.gallery li {
	float: left;
	margin: 8px 0 0 0; padding: 0;
	text-align: center;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 116px; /*--Width of image--*/
	height: 77px; /*--Height of image--*/
	cursor: pointer;
}

ul.gallery li a.portfolio { width: 120px;}
ul.gallery li a.request{ width: 165px;}

ul.gallery li span { /*--Used to crop image--*/
	width: 116px;
	height: 77px;
	overflow: hidden;
	display: block;
}

ul.gallery li span.portfolio-spn{width: 120px;}
ul.gallery li span.request-spn{width: 165px;}

ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}

ul.gallery li a {text-decoration: none; color: #777; display: block;}

/* Header ====================== */
#header{
	width: 1002px;
	float: left;
}

#main-banner{
	width: 1002px;
	height: 374px;
	float: left;
	background: url(../images/banner-frame.png) no-repeat 0 0;
}

.global-logo{
	float: left;
	/* margin: 10px 0 10px 0; */
	 margin: 10px 0 10px 10px; 
}

.global-phone{
	float: right;
	/* margin: 10px 0 10px 0; */
	 margin: 50px 10px 10px 0;
	 height:auto !important;
}

/* Content block =============== */
#content-block{
	width: 1002px;
	float: left;
	margin: 16px 0 0 0;
	background: url(../images/content-frame-bgrep.jpg) repeat-y;
}

#content-block-inner{
	width: 1002px;
	float: left;
	background: url(../images/content-frame-bg.jpg) no-repeat 0 bottom;
	padding: 0 0 10px 0;
}

#home-content{
	width: 1002px;
	float: left;
	background: url(../images/hed1-underline.jpg) no-repeat 16px 64px;
}

#home-leftpanel{
	float: left;
	width: 656px;
	position: relative;

	
}





/* Home Content Slider Styles starts ================ */
ul.tabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 24px; /*--Set height of tabs--*/
	width: 355px;
	position: absolute;
	right: -340px;
	top: 20px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0 0px;
	outline: none;
}
ul.tabs li a:hover {
/*	background: #ccc; */
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/

}

/* Tabs ===== */
.tab_container {
	overflow: hidden;
	float: left; 
	width: 656px;
}

.tab_container p{ padding: 8px 0 7px 0; text-align: justify;}

.tab_container h1{
	padding: 14px 0 15px 0;
	margin: 0;
}

.tab_content {
	float: left;
	width: 612px;
	padding: 0 26px 0 18px;
}
/* Home Content Slider Styles ends ================ */


#home-rightpanel{
	float: right;
	width: 346px;
	margin: 85px 0 0 0;
}

#enquiry-form{
	float: left;
	width: 331px;
	height: 369px;
	background: url(../images/enquiry-form-bg.png) no-repeat 0 0;
}

.enquiryform-hed{
	float: left;
	margin: 12px 0 15px 16px;
}

#enquiry-form label{
	font: bold 12px Arial;
	color: #a1a1a1;
	float: left;
	display: block;
	padding: 10px 0 10px 0;
}

span.input-field{
	width: 284px;
	float: left;
	margin: 6px 0 0 24px;
	padding: 0 0 5px 0;
	background: url(../images/input-field.png) no-repeat 0 bottom;
}

span input{
	width: 260px;
	float: left;
	height: 20px;
	font: normal 11px Arial;
	color: #555;
	margin: 0 0 0 16px;
	background: none;
}

span.textarea-field{
	width: 284px;
	float: left;
	margin: 6px 0 0 24px;
	padding: 0 0 5px 0;
	background: url(../images/textarea-field.png) no-repeat 0 bottom;
}

span textarea{
	width: 260px;
	height: 67px;
	float: left;
	font: normal 11px Arial;
	color: #555;
	border: 0;
	margin: 0 0 0 16px;
	background: none;
}

input.submit-btn{
	width: 90px;
	height: 25px;
	background: url(../images/submit-btn.png) no-repeat 0 0;
	float: right;
	margin: 20px 22px 0 0;
	cursor: pointer;
}

#latest-projects{
	width: 990px;
/*	height: 328px; */
	float: left;
	margin: 27px 0 0 6px;
	background: url(../images/latestprojects-blockbg.jpg) repeat-x 0 0;
}

.top-block{
	width: 990px;
	float: left;
	height: 60px;
}

.latestpro-hed{
	float: left;
	margin: 15px 0 0 20px;
}

#latest-projects ul{
	float: right;
	width: 534px;
	padding: 17px 10px 0 0;
	list-style-type: none;
}

#latest-projects ul li{
	float: left;
	padding: 0 0 0 10px;
}


.framebg {
		background: url(../images/latestprojects-blockbg.jpg) repeat-x 0 0;
	}

.footervideo{
	width:auto!important;
	float:left!important;
	padding:0 0 15px 15px!important;
	}
.footervideo li{
	float:left!important;
	}



.footer-slider{
	width: 990px;
	/* height: 268px; */
	float: left;
	padding:0 0 10px 0;
}

#footer-home{
	width: 100%;
	background: url(../images/footer-bg.jpg) repeat-x 0 0;
	margin: 26px 0 0 0;
	height: 102px;
	border:0px solid #009999;
}

#footer-home-inner{
	width: 1002px;
	margin: 0 auto;
	font: normal 12px Arial;
	color: #828282;
}

#footer-home span{
	width: 300px;
	float: left;
	margin: 16px 0 0 0;
}

#footer-home span img{
	float: left;
	margin: 0 0 0 0;
}

#footer-home span em{
	font: normal normal 12px Arial;
	color: #828282;
	float: left;
	width: 300px;
	padding: 10px 0 0 0;
}

#footer-home ul{
	float: right;
	padding: 25px 0 0 0;
	list-style-type: none;
}

#footer-home ul li{
	float: left;
	padding: 0 17px 0 18px;
	background: url(../images/footer-links-sep.jpg) no-repeat 0 2px;
	color: #828282;
}

#footer-home ul li a:link, #footer-home ul li a:visited, #footer-home ul li a:active{
	color: #828282;
	text-decoration: none;
}

#footer-home ul li a:hover{ text-decoration: underline; color:#93F900}

#footer-home ul li.first-link{ background: none;}

#footer-home ul li.selected-nav a:link, #footer-home ul li.selected-nav a:visited,
#footer-home ul li.selected-nav a:active{
	text-decoration: underline;
	color:#93F900;
}


/*** css by Fasih ***/



/* Header slider =============================== */
#wrap {	 }

.col-dual-left { float:left; position:relative;}

.featured-projects {
	float:left;
	width:1004px;
	overflow:hidden;
	margin:0;
	padding:0;
	
}

.featured{
	float:left;
	width:1004px;
	margin:0 ;
	padding:0;
	height: 501px;
	overflow: hidden;
}

#slideshow { float:left; width: 1004px; height: 334px; overflow: hidden; border:0px solid #FF0000;   margin:20px 0 0 20px; }

#controls {	display: none; }

#panel-nav {
	margin:0;
	background: url(../images/slider-btns-bg.png) no-repeat right top;
	position:absolute;
	z-index:10;
/*	padding: 12px 0px 0 780px; */
	padding: 12px 34px 0 0px;
	top:314px;
	border:0px solid #003399;
	height:39px;
	float:right;
	margin:0 40px 0 0;
	width:89%;
	
	
}

#panel-nav a, #s7 strong{
	float:right; 
	margin: 0 10px 0 0;
	padding: 0;
	background: url(../images/slider-btn.png) no-repeat left top; 
	height:14px; 
	width:14px; 
	overflow:hidden;
	text-indent: -10px;
}

#panel-nav a:hover{ background: url(../images/slider-current-btn.png) no-repeat left top;}
#panel-nav a.activeSlide{ background: url(../images/slider-current-btn.png) no-repeat left top;}





.slider-content{
	position: absolute;
	left: 558px;
	top: 50px;
	width: 425px;
}

.slider-content h4{
	color: #f1f1f1;
	font: bold 20px Arial;
	padding: 10px 0;
}

.slider-content ul{
	list-style-type: none;
	padding: 0;
	float: left;
	width: 425px;
}

.slider-content li{
	padding: 7px 0 7px 37px;
	background: url(../images/custom-bull1.gif) no-repeat left 6px;
	font: normal 13px Arial;
	color: #e8e8e8;
	text-transform: uppercase;
}


.lastestprj_btn{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 24px; /*--Set height of tabs--*/
	position: absolute;
	right: -325px;
	top: 20px;
	border:0px solid #993333;

	}

#ContentPane{
	float: left;
	width: 968px;
	/* position: relative; */
	border:0px solid #003366;
	padding:0 12px 0 12px;
	
}

#ContentPane h1 {
	margin:0px!important;
	padding:15px 0 20px 14px!important;
	border:0px solid #00FF33;
	}
	
#portfolio_tabs {
	margin:24px 0 24px 0;
}
	
#portfolio_tabs img{
	/* opacity: 0.3; */
	margin: 0px 15px 0 15px;
}
.ptablst{
	margin-right:0px!important;
	}
	
/*** portfolio bgs  ***/


#portfolio_main{
	width: 1002px;
	float: left;
	margin: 0px 0 0 0;
	background: url(../images/portfolio-rpt.png) repeat-y;
}

#portfolio-inner{
	width: 1002px;
	float: left;
	background: url(../images/portfolio-bottombg.png) no-repeat 0 bottom;
	padding: 0 0 0px 0;
}

#portfolio-content{
	width: 1002px;
	float: left;
	background: url(../images/portfolio-topbg.png) no-repeat 0px 0px;
}

#portfolio-content h1 {
	margin:0px!important;
	padding:35px 0 20px 30px!important;
	border:0px solid #006666;
	float:left;
	}

#portfolio_pane{
	float: left;
	width: 968px;
	/* position: relative; */
	border:0px solid #003366;
	padding:30px 12px 24px 12px;
	
}

#portfolio_pane ul{
	margin:0px;
	padding:0 0 25px 9px;
	border:0px solid #0033CC;
	float:left;
	}
#portfolio_pane li{
	list-style:none;
	padding:0px;
	margin:0 10px 15px 10px;
	border:0px solid #0099CC;
	float:left;
	}
	
.portfolio_tabs{
	float:right;
	margin:28px 25px 0px 0;
	}
.portfolio_tabs li{
	list-style:none;
	float:left;
	}

/*
	
#page_navigation{
	margin:0px;
	padding:0 20px 0 0px!important;
	float:right;
	}


#page_navigation li{
	list-style:none;
	padding:0px;
	margin:0px 6px 0 0px!important;
	border:3px solid #262626!important;
	float:left;
	}
#page_navigation li a:link, #page_navigation li a:visited{
	color:#828282;
	text-decoration:none;
	padding:2px 8px 2px 8px;
	display:block;
		font-weight:bold;
	}
#page_navigation li a:hover {
	background-color:#95FF00;
	color:#000000;

	}
	
*/

#page_navigation {
	margin:0px;
	padding:0 20px 0 0px!important;
	float:right;
	}	
	
#page_navigation a{
	margin:0px 6px 0 0px!important;
	color:#828282;
	text-decoration:none;
	padding:0px 8px 0px 8px;
	display:block;
	font-weight:bold;
	border:3px solid #262626!important;
	float:left;
}

#page_navigation a:hover {
	background-color:#95FF00;
	color:#000000;

	}
.active_page{
	background-color:#95FF00;
	color:#000000!important;
}


.inqrytab{
	float:right;
	margin:0px;
	padding:0px;
	border:0px solid #0000FF!important;
	}
	
.inqrytab li{
	float:left;
	list-style:none;
	margin:20px 0px 0 0;
	}
	
#quotePane{
	float: left;
	width: 968px;
	/* position: relative; */
	border:0px solid #003366;
	padding:0 12px 0 12px;
	
}

#quotePane h1 {
	margin:0px!important;
	padding:15px 0 20px 14px!important;
	border:0px solid #00FF33;
	}
	
#quotePane_inner{
	border:0px solid #003366;
	margin:75px 0 0 25px;
	height:500px;

	}
#quotePane_inner h3{
	color:#96FF00;
	text-transform:uppercase;
	font-size:14px;
	margin:0 0 0 0px;
	padding:10px 0 0 0px;
	}
#quotePane_inner p{
	padding:6px 0 6px 0px;
	}

#quotePane_inner ul
	{
		
	} 

#quotePane_inner li{
	list-style:none;
	margin:0px;
	padding:0px;
	padding:10px 0 10px 0;
	border:0px solid #00CC99;
	float:left;
	}

#quotePane_inner  label{
	width:142px;
	border:0px solid #00CC99;
	float:left;
	}
#quotePane_inner  label span{ color:#96FF00}	
#quotePane_inner   input{
	background:transparent;
	background-image:url(../images/txtfild_bg.png);
	width:269px;
	border:none;
	float:left;
	color:#555555;
	padding:6px 10px 7px 15px;

	}
#quotePane_inner  span input{
	background:transparent;
	background-image:url(../images/submit-btn2.png);
	border:0px solid #0066CC;
	width:auto;
	float:right;
	padding:0px;
	width:114px;
	height:32px;
	}
	
#quotePane_inner textarea{
	background:transparent;
	background-image:url(../images/textarea-field2.png);
	width:750px;
	border:0px solid #00CC99;
	height:85px;
	padding:6px 10px 7px 15px;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.pddingtop{
	padding:20px 0 0 0;
	float:left;
	width:100%;
	}
	
.quoteleft{
	width:440px;
	float:left;
	border:0px solid #00CC99;
	margin:10px 0 0 0px;
	padding:0px;
	}
.quoterite{
	width:440px;
	float:left;
	border:0px solid #00CC99;
	margin:10px 0 0 40px;
	padding:0px;
	}
	
	.color {
		color:#83dd02;	
	}
	
	.width {
		width:720px;
		float:right;
	}

#testimonial{
	float: left;
	width: 331px;
	background: url(../images/testimonials-head.png) no-repeat 0 0;
}

.testimonial-inner{
	background: url(../images/testimonials-bg2.png) no-repeat 0 bottom;
	 border:0px solid #009933;
	 clear:both;
	 padding:15px 20px 20px 23px;
	 text-align:justify;
	}
	

.testimonial-hed{
	float: left;
	margin: 12px 0 12px 16px;
}


.testi-sub{
	background: url(../images/testimonials-bginner.png) no-repeat 0 top;
	 border:0px solid #009933;
}

.testi-sub div p{
	padding:15px;
	height:125px;
	font-style:italic;
	}

.testi-sub div div{
	font-weight:bold;
	color:#a1a1a1;
	padding:10px;
	}
.testi-sub div div span{
	color:#93f900;
	display:block;
}
	
.footernews{
	background-image:url(../images/footerlink-bgbottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	border:0px solid #00CC99;
	width: 1002px;
	margin: 0 auto;
	padding:20px 0 10px 0;
	}
	
.footernews-inner{
	background-image:url(../images/footerlink-bgtop.png);
	background-repeat:no-repeat;
	background-position:top;
	border:0px solid #CC0033;
	padding:25px 10px 15px 10px;
	
	}
	
.footernews-inner ul{
	background-image:url(../images/footernews-sp.jpg);
	background-repeat:repeat-y;
	float:left;
	margin:0px;
	padding:0 40px 0px 10px;
	left:0px;
	}

.footernews-inner li{
	list-style:none;
	font-size:12px;
	background-image:url(../images/footer-bullet.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	}
.footernews-inner li h3{
	color:#93f900;
	margin:0px 0 0 0px;
	padding:0 0 3px 20px;
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/green-bullet2.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	
	}
.footernews-inner li a:link, .footernews-inner li a:visited {
	text-decoration:none;
	}
.footernews-inner li a:hover{
	text-decoration:underline;
	}
.footernews-nopading{
	padding:0px!important;
	}
.footernobg{
	background-image:none!important;
	}
.footerlinks-line {
	background-image:url(../images/footerlinks-brd.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0px 0 24px 0;
	border:0px solid #999900;
	margin:0 0 24px 0;
	
	}
	

.contactus{
	margin:0px;
	padding:0px 0 30px 0px;
	}	
.contactus li{
	list-style:none;
	border:0px solid #990000;
	margin:25px 0 0 0;
	}	
.contactus li img{
	margin:0 20px 0 0;
	}	
.contactus li h2{
	}
.contactus li p{
	clear:none;
	line-height:24px;
	}
.contactus li span{
	padding:5px 0 0 0;
	display:block;
	}	

.sitemap {
 	padding:30px 0 0 30px;
	}

.sitemap li  {
	color:#6cb601;
	font-weight:bold;
	margin:0 0 20px 0;
	padding:0 0 0 8px;
	}

.sitemap li a:link, .sitemap li a:visited {
	text-decoration:none;
	}
.sitemap li a:hover{
	text-decoration:underline;
	}
	
.sitemap li ul {
	border:0px solid #0099CC;
	margin:0 0 0 20px;
	padding:0px;
	}
.sitemap li ul li {
	margin:3px 0 3px 0px;
	font-weight:normal;
	padding:0px;
	}
	
	
.project-left{
	background-image:url(../images/projectbox.png);
	background-repeat:no-repeat;
	float:left;
	width:464px;
	border:0px solid #00FF66;
	margin:0 15px 0 10px;
	padding:5px 0 0 5px;
	height:528px;
	}
	
.project-left-bottom{
	 border:0px solid #0099FF;
	 margin:24px 16px 0 5px;
	}
	
.project-left-bottom a:link, .project-left-bottom a:visited{
	border:2px solid 262626;
	padding:4px;
	text-decoration:none;
	float:left;
	}
	
.project-ritePane{
	border:0px solid #00FF66;
	float:left;
	margin:0px;
	padding:0px;
	}
	
.project-ritePane ul{
	padding:0px!important;
	margin:0px!important;
	width:auto;
	left:0px;
	}
.project-ritePane li{
	padding:0px!important;
	margin:0 0 25px 0px!important;
	clear:both;
	}
	
.project-ritePane li h3{
	background:url(../images/green-bullet.png) 0px 4px no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#93f900;
	padding:0 0 0 20px!important;
	margin:0px!important;
	text-transform:uppercase;
	}
.project-ritePane li p{
	padding:5px 0 0 0px!important;
	margin:0px!important;
	width:460px !important;
	}
	
.sft-icons img{
	margin:0 10px 0 0;
	}
.clr{
	clear:both;
	}
	
.pad {
	padding-top:15px !important;
}