@charset "utf-8";

/*-------------------------------------------------------------- CSS Document----------------------------------------------------*/


* { padding: 0; margin: 0; }

body { margin: 0; padding: 0; background: #323232; font-family:"trebuchet MS", Verdana; font-size:12px; color:#444; text-align:justify; }


/*------------------------alignment classes------------------------*/

	 
.float-left { float: left; }

.float-right { float: right; }

.align-left { text-align: left; }

.align-right { text-align: right; }

.clear { clear:both; }

/*---------------------------------------------------------Layout total----------------------------------------------------------*/

#page-container { position:relative; width:100%; height:auto; margin:25px 0px 0px 0px; padding:0; }

#wrapper { position:relative; width:880px; height:auto; margin:0 auto; padding:0; display:block; }

/*----------------------------------------------------------header----------------------------------------*/	

  
 #top-header{ position:relative; background:url(images/top-header-bg.gif) no-repeat left top; width:880px; height:114px; margin:0; padding:0; display:block; clear:both; }

/*------------------------------logo--------------------------------*/

   
 #logo { position:relative; background:url(images/logo.jpg) no-repeat top left; width:220px; height:114px; padding:0; margin:0 0 0 20px; float:left; }

/*--------------------button menu------------------------------*/ 

#btn-menu{width:600px; height:50px; float:right; margin:64px 20px 0px 0; padding:0px;}

#btn-menu ul{ list-style:none; line-height:normal; margin:0px; padding:0px; float:right;}

#btn-menu ul li{ display:inline; margin:0; padding:0;}


#btn-menu a{ font-family:"trebuchet MS", Verdana; font-weight:bold; text-transform:uppercase; font-size:14px;
text-decoration:none; color:#000000; float:left; display:block; padding:10px 0px 0 0px; margin:0 3px 0 0; text-align:center; width:101px; height:38px;}

#btn-menu a:hover{ background:url(images/button-bg-big.gif) no-repeat top left;;
 color:#FFFFFF;}
 
#btn-menu .hover a{ background:url(images/button-bg-small.gif) no-repeat top left;width:66px; height:38px;
 color:#FFFFFF; }
 
 #btn-menu .hover a:hover{ background:url(images/button-bg-small.gif) no-repeat top left;width:66px; height:38px;
 color:#FFFFFF; }

/*--------------------banner------------------------------*/ 

/*#banner{ position:relative; background:url(images/index-banner.jpg) no-repeat; width:880px; height:197px; margin:0 auto; padding:0; display:block; clear:both; }*/


#banner_home{ position:relative; background:url(images/index-banner.jpg) no-repeat; width:880px; height:173px; margin:0 auto; padding:0; display:block; clear:both;}

#banner_aboutus{ position:relative; background:url(images/About_Us.jpg) no-repeat; width:880px; height:173px; margin:0 auto; padding:0; display:block; clear:both;}

#banner_portfolio{ position:relative; background:url(images/portfolio.jpg) no-repeat; width:880px; height:173px; margin:0 auto; padding:0; display:block; clear:both;}

#banner_contactus{ position:relative; background:url(images/contact_us.jpg) no-repeat; width:880px; height:173px; margin:0 auto; padding:0; display:block; clear:both;}

#banner_ecommerce1{ position:relative; background:url(images/ecommerce.jpg) no-repeat; width:880px; height:173px; margin:0 auto; padding:0; display:block; clear:both;}

#banner_seo{ position:relative; background:url(images/seo.jpg) no-repeat; width:880px; height:173px; margin:0 auto; padding:0; display:block; clear:both;}

#banner_consulting{ position:relative; background:url(images/consulting.jpg) no-repeat; width:880px; height:173px; margin:0 auto; padding:0; display:block; clear:both;}

#banner_webdesign{ position:relative; background:url(images/web_design.jpg) no-repeat; width:880px; height:173px; margin:0 auto; padding:0; display:block; clear:both;}

#banner-software{ position:relative; background:url(images/software_development.jpg) no-repeat; width:880px; height:173px; margin:0 auto; padding:0; display:block; clear:both;}


/*--------------------content------------------------------*/ 

#content { position:relative; background:#FFFFFF; width:880px; min-height:450px; margin:0; padding:0; display:block; float:left; clear:both; }

#content-wrapper { background:#FFFFFF; position:relative; width:836px; height:auto; margin:15px 22px 0 22px; padding:0 0 0 0; display:inline; float:left; }

#content-left { position:relative; width:620px; height:auto; margin:0; padding:0; display:inline; float:left;}
#gen-txt { position:relative; font-family:"trebuchet MS", Verdana; font-size:12px; color:#444; text-align:justify; height:auto; margin:0 0 30px 0; clear:both; }

#black_heading1 {font-family:"trebuchet MS", Verdana; font-weight:bold; font-size:14px; color:#000;}
#black_heading2 {font-family:"trebuchet MS", Verdana; font-weight:bold; font-size:14px; color:#000;}
#black_heading3 {font-family:"trebuchet MS", Verdana; font-weight:bold; font-size:14px; color:#000;}
#black_heading4{font-family:"trebuchet MS", Verdana; font-weight:bold; font-size:14px; color:#000;}

#red_heading1{font-family:"trebuchet MS", Verdana; font-weight:bold; font-size:14px; color:#c60726;}
#red_heading2{font-family:"trebuchet MS", Verdana; font-weight:bold; font-size:14px; color:#c60726;}
#red_heading3{font-family:"trebuchet MS", Verdana; font-weight:bold; font-size:14px; color:#c60726;}
#red_heading4{font-family:"trebuchet MS", Verdana; font-weight:bold; font-size:14px; color:#c60726;}
.more {font-family:"trebuchet MS", Verdana; font-weight:bold; font-size:12px; color:#c60726; float:right; margin:0 20px 0 0; text-decoration:none;}

.more1 {font-family:"trebuchet MS", Verdana; font-weight:bold; font-size:12px; color:#c60726; float:right; margin:0 10px 0 0; text-decoration:none;}

/*--------------------box container------------------------------*/ 

#box-container { position:relative; width:618px; min-height:250px; margin:0 0 20px 0; padding:0; display:inline; float:left; clear:both; border:1px solid #CCCCCC;}

#box-container-wrapper { position:relative; width:578px; min-height:210px; margin:20px 20px; padding:0; display:inline; float:left; clear:both;}

.box-container-border{float:right; position:relative; top:24px;}

/*-------------web-main-container--------------*/ 

#web-main-contain{ position:relative; width:185px; min-height:200px; float:left; display:inline;}
#web-sub-contain1{ position:relative; width:170px; min-height:200px; float:left;}
#web-sub-contain2{ position:relative; width:170px; min-height:200px; float:left;}
#web-img{ background:url(images/webdesign-img.jpg) no-repeat top left; margin:4px 0 10px 0; width:135px; height:97px;}

/*-------------ecommerce-main-container--------------*/ 

#ecommerce-main-contain{position:relative;width:185px;min-height:200px;float:left; display:inline; margin:0 0 0 15px;}
#ecommerce-sub-contain{ position:relative; width:170px; min-height:200px; float:left;}
#e-commerce-img{ background:url(images/e-commerce-img.jpg) no-repeat top left; margin:4px 0 10px 0; width:135px; height:97px;}

/*-------------seo-main-container--------------*/ 

#seo-main-contain{position:relative;width:174px;min-height:200px;float:left; display:inline; margin:0 0 0 14px;}
#seo-sub-contain{ position:relative; width:174px; min-height:200px; float:left;}
#seo-img{ background:url(images/seo-services-img.jpg) no-repeat top left; margin:4px 0 10px 0; width:135px; height:97px;}





#content-right { position:relative; width:201px; height:auto; margin:0 0 0 3px; padding:0; float:right;}

#flash-box{ position:relative; width:201px; height:193px; padding:0; margin:0px 0 30px 0; clear:both;}
#pad{width:201px; height:10px; padding:0; clear:both;}

#fotter{background:#e0e0e0; border-bottom: 1px solid #666666; width:880px; height:63px; position:relative; clear:both;}


#fotter .right{ float:left; width:121px; height:auto; }
#fotter .left{ float:right; width:700px; height:auto; }
#fotter .copyright{ width:335px; height:10px; position:relative; top:7px; float:right; right:5px;}
#fotter .copyright a{ color:#444; font-weight:normal; text-decoration:none;}
#fotter .copyright a:hover{ color:#2e2d2d; font-weight:normal; text-decoration: underline;}

#fotter .links{ width:330px; height:10px; float:left; position:relative; top:7px; left:10px;}
#fotter .links a{ color:#444; font-weight:normal; text-decoration:none;}
#fotter .links a:hover{ color:#2e2d2d; font-weight:normal; text-decoration: underline;}
#request_quote{ background:url(images/requrest_quote.gif) no-repeat top left; position:relative; top:-10px; left:30px; float:left; width:121px; height:57px; }


.small-heading{font-weight:bold; color:#333333; text-decoration:none;}




/*-------------contact us page--------------*/ 

#contact_ind{float:left; width:250px;  border-right:1px solid #ccc;}

#contact_usa{float:left; width:300px; margin:0 0 0 50px;}
			 
#contact_form{ position:relative; font-family:"trebuchet MS", Verdana; font-size:12px; color:#444; text-align:justify; height:auto; margin:0px; padding:20px 0 0 0; clear:both; width:620px; }	


 /*--------------------Login box------------------------------*/ 

#login{width:500px; height:auto; margin:15px 0 15px 100px; padding:0px; display:inline; float:left;}

#login p{ line-height: normal;}

#login a{ font-family:"trebuchet MS", Verdana; font-weight:bold;  font-size:14px; text-decoration:none;  color:#fff; padding:0px; margin:0px; text-align:left;}

#login a:hover{  color:#000;}

#login .text-field{ width:180px; height:16px; color:black; background:#FFFFFF; border:1px solid #ccc; padding:0px; margin:0 0 10px 0;}
#login .div1{float:left; width:180px; height:auto; margin:0 15px 0 0;}
#login .div2{float:left; width:200px; height:auto; margin:0 15px 0 0;}
#login .div3{float:left; width:350px; height:auto; margin:15px 0px 0 0; clear:both;}

.mail a{ color:#444; font-weight:normal; text-decoration:none;}
.mail a:hover{ color:#2e2d2d; font-weight:normal; text-decoration: underline;}


#main-fotter{
width:880px;
padding:0px;
margin:0px;
background:#fff;
}	


#fotter-links{background: #e0e0e0 url(images/fotter-bg-new.gif) no-repeat left bottom; width:880px; height:240px; position:relative; clear:both;}	

#fotter-links .col1{ height:200px; width:180px; float:left; text-align:left; color:#fff;  padding:10px 10px 0px 35px; margin:0px 0 0 0px;}

#fotter-links .col2{ height:200px; width:160px; float:left; text-align:left; color:#fff;  padding:10px 10px 0px 40px; margin:0px 0 0 0px;}

#fotter-links .col3{ height:200px; width:180px; float:left; text-align:left; color:#fff;  padding:10px 0px 0px 40px; margin:0px 0 0 0px;}
#fotter-links .col4{ height:200px; width:170px; float:left; text-align:left; color:#fff;  padding:10px 10px 0px 40px; margin:0px 0 0 0px;}

#fotter-links a{ color:#666666; text-decoration:none; font-size:11px;}
#fotter-links a:hover{ color:#000; text-decoration:underline;}

#fotter .adress{float:left; position:relative; top:24px; left:0px; clear:both; width:700px; }

#fotter .adress a{ color:#444; font-weight:normal; text-decoration:none;}
#fotter .adress a:hover{ color:#2e2d2d; font-weight:normal; text-decoration: underline;}

 
/*=============== portfolio =========================*/
#sites-flash{
		margin:10px 0px 10px 0px;
		z-index:-1;
			}