/* Fonts */

@import url(fonts.css);

/* Slide Show */
@import url(default.css);

/* Dropdown */
@import url(fancydropdown.css);

@import url(for-inner-pages.css);

@import url(sft-slider.css);


/* wrapper */

#wrapper {
	width:100%;
	}
	
/* header */

#header-wrapper {
	width:100%;
	height:110px;
	float:left;
	}

#header {
	width:100%;
	height:111px;
	z-index:1001;
	float:left;
	background:#fff;
	border-bottom:1px solid #666;
	top:0;
	position:fixed;
	}
#hdr {
	width:960px;
	margin:0 auto;
	height:110px;
	}
#hdr #logo {
	width:85px;
	height:110px;
	float:left;
	}
#hdr #logo a {
	width:85px;
	height:110px; 
	display:block;
	background:url(../images/logo.jpg) repeat 0 0;
	}
#hdr #logo a:hover {
	background:url(../images/logo.jpg) repeat 0 110px;
	}
	
#hdr #right {
	width:875px;
	height:110px;
	float:left;
	}
#hdr #right #project-planner {
	width:160px;
	height:55px;
	float:left;
	padding:0 0 0 715px;
	}
#hdr #right #project-planner a {
	width:160px;
	height:55px;
	display:block;
	background:url(../images/project-planner.jpg) repeat 0 0;
	}
#hdr #right #project-planner a:hover {
	background:url(../images/project-planner.jpg) repeat 0 55px;
	}
	
#hdr #right #navigation {
	width:875px;
	height:55px;
	float:left;
	}
	
/*banner */

#banner {
	width:100%;
	height:411px;
	float:left;
	background:#8b9822;
	margin:0 0 20px 0;
	}
	
	
/* Container */

#container-main {
	width:100%;
	height:auto;
	float:left;
	background:#f3f3f3;
	}
#hello {
	width:960px;
	height:54px;
	margin:0 auto;
	background:url(../images/hello-image.jpg) no-repeat 0 0;
	position:relative;
	}
#hello p {
	font:normal 12px/27px Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	padding:0 154px 0 230px;
	float:left;
}
	
#hello h1 {
	width:154px;
	height:51px;
	position:absolute;
	right:0;
	}
#hello h1 a {
	width:154px;
	height:51px;
	display:block;
	background:url(../images/our-company-btn.jpg) repeat 0 0;
	}
#hello h1 a:hover {
	width:154px;
	height:51px;
	display:block;
	background:url(../images/our-company-btn.jpg) repeat 0 -51px;
	}
	
.container-seperation {
	width:960px;
	height:27px;
	margin:0 auto;
	background:url(../images/sep-bg.jpg) repeat-x;
	}
.container-seperation .icon {
	width:18px;
	height:27px;
	margin:0 auto;
	background:url(../images/sep-icon.jpg) no-repeat;
	}
	
#recent-works {
	width:960px;
	margin:0 auto;
	}
#recent-works #recent-works-header {
	width:960px;
	height:38px;
	float:left;
	}
#recent-works #recent-works-header h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:20px;
	color:#2f2e2e;
	}
#recent-works #recent-works-content {
	width:960px;
	float:left;
	}
#recent-works #recent-works-content #main-description {
	width:240px;
	height:160px;
	float:left;
	}
#recent-works #recent-works-content #main-description p {
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	padding:5px 0 0 0;
	}
#recent-works #recent-works-content #main-description h1 {
	width:154px;
	height:40px;
	margin:10px 0 0 0;
	}
#recent-works #recent-works-content #main-description h1 a {
	width:154px;
	height:40px;
	display:block;
	background:url(../images/see-all-projects.jpg) repeat 0 0;
	}
#recent-works #recent-works-content #main-description h1 a:hover {
	width:154px;
	height:40px;
	display:block;
	background:url(../images/see-all-projects.jpg) repeat 0 40px;
	}
#recent-works #recent-works-content .works-listing {
	width:240px;
	height:160px;
	float:left;
	}
/*#recent-works #recent-works-content .works-listing img {
	width:220px;
	height:110px;
	background:#d7d7d7;
	padding:5px;
	margin:0 0 0 0px;
	}*/
#recent-works #recent-works-content .works-listing h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:13px;
	color:#191919;
	padding:0 0 0 5px;
	}
#recent-works #recent-works-content .works-listing h2 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:11px;
	color:#9c9c9c;
	padding:0 0 0 5px;
	}
	

#our-services {
	width:960px;
	height:198px;
	margin:0 auto;
	}
#our-services  #our-services-header {
	width:960px;
	height:38px;
	float:left;
	}
#our-services #our-services-header h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:20px;
	color:#2f2e2e;
	}
#our-services #our-services-content {
	width:960px;
	height:160px;
	float:left;
	}
#our-services #our-services-content #main-description-services {
	width:240px;
	height:160px;
	float:left;
	}

#our-services #our-services-content #main-description-services p {
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	padding:0 0 0 0;
	}
#our-services #our-services-content #main-description-services h1 {
	width:154px;
	height:40px;
	margin:10px 0 0 0;
	}
#our-services #our-services-content #main-description-services h1 a {
	width:154px;
	height:40px;
	display:block;
	background:url(../images/our-services.jpg) repeat 0 0;
	}
#our-services #our-services-content #main-description-services h1 a:hover {
	width:154px;
	height:40px;
	display:block;
	background:url(../images/our-services.jpg) repeat 0 40px;
	}	
#our-services #our-services-content .services-content {
	width:340px;
	height:140px;
	float:left;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	background:url(../images/services-seperation.jpg) repeat-y;
	}
#our-services #our-services-content .services-content h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:15px;
	padding:0 0 0 17px;
	}
#our-services #our-services-content .services-content h1.bg-icon1 {
	background:url(../images/services-icon1.jpg) no-repeat;
	}
#our-services #our-services-content .services-content h1.bg-icon2 {
	background:url(../images/services-icon2.jpg) no-repeat;
	}
	
#our-services #our-services-content .services-content p {
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	padding:5px 0 0 0;
	}
#our-services #our-services-content .services-content h2 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	float:right;
	padding:6px 8px 0 0;
	}
#our-services #our-services-content .services-content h2 a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
	}
#our-services #our-services-content .services-content h2 a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0c2ead;
	text-decoration:none;
	}


#footer-wrapper {
	width:100%;
	height:400px;
	float:left;
	background:url(../images/footer-bg.jpg);
	}
#footer-wrapper #footer {
	width:960px;
	height:400px;
	margin:0 auto;
	padding:0 0 0 0;
	}
#footer-wrapper #footer #footer-top {
	width:960px;
	height:344px;
	float:left;
	}
#footer-wrapper #footer #footer-top .footer-sep {
	width:240px;
	height:344px;
	float:left;
	}
#footer-wrapper #footer #footer-top .footer-sep h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	padding:15px 0 0 0;
	}
#footer-wrapper #footer #footer-top .footer-sep p {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:13px;
	font-weight:bold;
	color:#9b9797;
	margin:15px 0 0 0;
	}
#footer-wrapper #footer #footer-top .footer-sep h2 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:13px;
	font-weight:bold;
	color:#9b9797;
	margin:2px 0 0 0;
	}
#footer-wrapper #footer #footer-top .footer-sep h2.sendit {
	width:86px;
	height:36px;
	margin:10px 0 0 0;
	float:left;
	}
#footer-wrapper #footer #footer-top .footer-sep h2.sendit a {
	width:86px;
	height:36px;
	display:block;
	background:url(../images/sendit-button.jpg) no-repeat 0 0;
	}
#footer-wrapper #footer #footer-top .footer-sep h2.sendit a:hover {
	width:86px;
	height:36px;
	display:block;
	background:url(../images/sendit-button.jpg) no-repeat 0 -36px;
	}
		
#footer-wrapper #footer #footer-top .footer-sep p a  {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:13px;
	font-weight:bold;
	color:#9b9797;
	text-decoration:none;
	}
#footer-wrapper #footer #footer-top .footer-sep p a:hover  {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:13px;
	font-weight:bold;
	color:#039903;
	text-decoration:none;
	}
#footer-wrapper #footer #footer-top .footer-sep p a.colorchange  {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:13px;
	font-weight:bold;
	color:#039903;
	text-decoration:none;
	}
#footer-wrapper #footer #footer-top .footer-sep p a:hover.colorchange  {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:13px;
	font-weight:bold;
	color:#9b9797;
	text-decoration:none;
	}
	
#footer-wrapper #footer #footer-top .footer-sep p.facebook {
	background:url(../images/socail-facebook.jpg) no-repeat;
	padding:0 0 0 25px;
	}
#footer-wrapper #footer #footer-top .footer-sep p.flickr {
	background:url(../images/socail-flickr.jpg) no-repeat;
	padding:0 0 0 25px;
	}
#footer-wrapper #footer #footer-top .footer-sep p.rssfeed {
	background:url(../images/socail-rssfeed.jpg) no-repeat;
	padding:0 0 0 25px;
	}
#footer-wrapper #footer #footer-top .footer-sep p.vimeo {
	background:url(../images/socail-vimeo.jpg) no-repeat;
	padding:0 0 0 25px;
	}

#footer-wrapper #footer #footer-bottom {
	width:960px;
	height:56px;
	float:left;
	background:url(../images/footer-bottom-bg.jpg) repeat-x;
	}
#footer-wrapper #footer #footer-bottom p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#969696;
	text-align:center;
	padding:20px 0 0 0;
	}


/*  Inner Pages  */

#inner-banner-container {
	width:100%;
	height:58px;
	float:left;
	background:#00aeef;
	}
#inner-banner {
	width:960px;
	height:58px;
	margin:0 auto;
	}
#inner-banner h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:17px;
	font-weight:bold;
	color:#2b2b2b;
	padding:5px 0 0 35px;
	margin:10px 0 0 0;
	}
#inner-banner h1 span {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:0 0 0 10px;
	}
#inner-banner h1.our-company {
	background:url(../images/inner-icon-our-company.jpg) no-repeat;
	}


#inner-maintext-container {
	width:100%;
	height:65px;
	float:left;
	}
#inner-maintext{
	width:960px;
	height:65px;
	margin:0 auto;
	}
#inner-maintext h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:18px;
	color:#929090;
	text-align:center;
	padding:5px 0 0 0;
	}

#inner-otherpages-link-container {
	width:100%;
	float:left;
	}
#inner-otherpages-link {
	width:960px;
	margin:0 auto;
	padding:0 0 25px 0;
	}
#inner-otherpages-link ul {
	padding:0;
	margin:10px 0 0 0;
	list-style:none;
	}
#inner-otherpages-link li {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#818181;
	float:left;
	margin:0 30px 0 0;
	}
#inner-otherpages-link li a {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#818181;
	text-decoration:none;
	padding:5px 5px;
	}
#inner-otherpages-link li a:hover {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px 5px;
	background:#000;
	text-decoration:none;

	}
#inner-otherpages-link li .active {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px 5px;
	background:#000;

	}


#inner-content-container {
	width:100%;
	float:left;
	}
#inner-content-main {
	width:960px;
	margin:0 auto;
	}
#inner-content-main-left {
	width:699px;
	float:left;
	padding:0 20px 20px 0;
	border-right:1px solid #d5d5d5;
	}
#inner-content-main-left h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:20px;
	font-weight:bold;
	color:#2b2a2a;
	padding:0 0 5px 0;
	}
#inner-content-main-left h2 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:15px;
	font-weight:bold;
	color:#2b2b2b;
	}
#inner-content-main-left p {
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	color:#595959;
	
	}
#inner-content-main-left p a {
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
	}
#inner-content-main-left p a:hover {
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	color:#595959;
	text-decoration:none;
	}
	
#inner-content-main-left ul {
	margin:0;
	padding:0;
	}
#inner-content-main-left li {
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	color:#595959;
	padding:0 0 0 0;
	margin:15px 0 0 15px;
	}
		

#inner-content-main-right {
	width:219px;
	float:right;
	border-left:1px solid #d5d5d5;
	padding:0 0 20px 20px;
	}
#inner-content-main-right h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:20px;
	font-weight:bold;
	color:#2b2a2a;
	padding:0 0 5px 0;
	}
#inner-content-main-right ul {
	margin:0;
	padding:0;
	}
#inner-content-main-right li {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#595959;
	padding:0 0 0 0;
	margin:15px 0 0 15px;
	}
	


.container-seperation-inner {
	width:960px;
	height:27px;
	margin:0 auto;
	background:url(../images/sep-bg.jpg) repeat-x;
	display:block;
	}
.container-seperation-inner .icon-inner {
	width:18px;
	height:27px;
	margin:0 auto;
	background:url(../images/sep-icon.jpg) no-repeat;
	}

#inner-pages-clients {
	width:960px;
	float:left;
	padding:0 0 15px 0;
	}
#inner-pages-clients h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:20px;
	font-weight:bold;
	color:#2b2a2a;
	padding:10px 0 10px 0;
	}


	
/* ---- Image Slide Css --- */	
.ic_container{
    vertical-align:baseline;
    position:relative;
	margin:0 0 0 0;
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:20px;
    bottom:0px;
    left:5px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.9;   
    overflow:hidden;
    margin:0px;
    padding:0;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	height:110px;
	text-align:center;
}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:15px;
	font-weight:bold;
	color:#fff;
    padding:8px 0 0 8px;
    margin:0px;
}

.ic_caption h4 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:12px;
	font-weight:bold;
	color:#fff;
    padding:5px 0 0 8px;
    margin:0px;
}

.ic_caption h4 a {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.ic_caption h4 a:hover {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}
.ic_text{
    padding:3px 5px 0 8px;
    margin:0px;
    text-align:justify;
    font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;

}



/* content for services page */

#inner-content-main-right-services {
	width:219px;
	float:right;
	border-left:1px solid #d5d5d5;
	padding:0 0 20px 20px;
	}
#inner-content-main-right-services h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:20px;
	font-weight:bold;
	color:#2b2a2a;
	padding:0 0 5px 0;
	}
#inner-content-main-right-services ul {
	margin:0;
	padding:0;
	}
#inner-content-main-right-services li {
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#595959;
	padding:0 0 0 0;
	margin:20px 0 0 20px;
	}
#inner-content-main-right-services li a {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#595959;
	text-decoration:none;
	}
#inner-content-main-right-services li a:hover {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	}
	
.t-text1 {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	}
	
#sftwre-page {
	 width:699px;
	 height:150px;
	 float:left;
	 }
	

.sft-listing {
	width:240px;
	height:160px;
	float:left;
	margin:0 0 0 60px;
	}
/*#recent-works #recent-works-content .sft img {
	width:220px;
	height:110px;
	background:#d7d7d7;
	padding:5px;
	margin:0 0 0 0px;
	}*/
.sft-listing h1 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:13px;
	color:#191919;
	padding:0 0 0 5px;
	}
.sft-listing h2 {
	font-family: 'TitilliumText22LBold' ,sans-serif ;
	font-size:11px;
	color:#9c9c9c;
	padding:0 0 0 5px;
	}
#contect_head_1 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #1E64A2;
	text-decoration: none;
	line-height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#contect_head_2 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #1E64A2;
	text-decoration: none;
	line-height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#gallery_head_1 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #1E64A2;
	text-decoration: none;
	line-height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}