@charset "utf-8";

/* CSS Document */



body

{

margin:0px;

padding:0px;

background: url(../images/inovasio-body-bg.gif) left top repeat-x #35383a;

}

*

{

margin:0px;

padding:0px;

}

p

{

margin:5px auto;

text-align:justify;

}

.left

{

float:left;

}

.right

{

float:right;

}

.clear

{

clear:both;

height:0px;

}

img

{

border:none;

}

.container

{

width:900px;

height:auto;

text-align:center;

margin:20px auto 0px;

padding:25px;

background: url(../images/inovasio-round-top-bg.gif) center top no-repeat #FFF;

}

.header

{

width:860px;

height:166px;

float:left;

text-align:left;

padding:20px;

background:url(../images/inovasio-header-bg.jpg) left top no-repeat;

}

.header-left

{

width:250px;

height:84px;

float:left;

text-align:left;

}

.header-right

{

width:600px;

height:84px;

float:right;

text-align:left;

}



/* navcontainer */



.navcontainer {

	width:860px;

	height:46px;

	float:left;

	text-align:left;

}



.navcontainer ul {

	    border: 0px;

        margin: 0px;

        padding: 0px;

        list-style-type: none;

        text-align: center;

}



.navcontainer ul li {

	    display: block;

        float: left;

        text-align: center;

        padding: 0px;

        margin: 0px;

		height:46px;

		background: url(../images/inovasio-menu-bar.jpg) right center no-repeat;

}



.navcontainer ul li a {

	display: block;

	float: left;

	width:143px;

	height:46px;

	padding:0px;

	text-align: center;

	text-decoration: none;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	line-height: 46px;

	font-variant: normal;

	text-transform: none;

	color: #FFF;

	text-decoration: none;

	text-transform:uppercase;

	}



.navcontainer ul li a:hover {

color: #FFF;

text-decoration:none;

background: url(../images/inovasio-hover-menu.jpg) left top repeat-x;

height:46px;

text-align:center;

}

.navcontainer li.active a {

color: #FFF;

text-decoration:none;

background: url(../images/inovasio-hover-menu.jpg) left top repeat-x;

height:46px;

text-align:center;

}

.navcontainer ul li a.small

{

width:100px;

}

.navcontainer ul li a.big

{

width:188px;

}

-->

.sub-menu

{

width:860px;

height:36px;

text-align:left;

float:left;

clear:both;

line-height:36px;

}

.body-main

{

width:900px;

height:auto;

text-align:left;

float:left;

}



.body-bottom

{

width:900px;

height:auto;

float:left;

text-align:left;

padding:20px 0px 25px 0px;

}

.bottom-left

{

width:675px;

height:auto;

float:left;

text-align:left;

}

.bottom-right

{

width:214px;

height:auto;

float:right;

text-align:left;

border-left:1px dashed #669933;

padding-left:10px;

}

.invasio-left

{

width:438px;

height:auto;

float:left;

text-align:left;

border-right:1px dashed #669933;

padding-right:10px;

}

.subnav {

	width: 268px;

	float:left;

	text-align:left;

	color: #646464;

	padding-top:10px;

	}

	

.subnav ul li {

    margin:0px;

    padding:0px;

	

	 	}	

.subnav ul li

{

	list-style-type:none;

	}

	

.subnav ul li a

{

    width:246px;

	display: block;

	padding:0px 7px 7px 14px;

    background: url(../images/menu-arrow.gif) left center no-repeat;

	font: normal 13px/20px Tahoma, Helvetica, sans-serif;

    color: #646464;

    text-decoration:none;

	border-bottom:1px solid #f7f7f7;

	}

	

.subnav ul li a:hover {

	padding:0px 7px 7px 14px;

	background: url(../images/menu-arrow.gif) left center no-repeat;

	font: normal 13px/20px Tahoma, Helvetica, sans-serif;

    color: #8bc823;

    text-decoration:none;

	border-bottom:1px solid #f7f7f7;

	}

	

.portfolio-box

{

width:206px;

height:auto;

float:right;

text-align:left;

padding:0px 10px 0px 10px;

}

.body-top

{

width:900px;

height:200px;

float:left;

text-align:left;

background-color: #006699;

}

.body-top a

{

color:#c2dfff;

font-size:12px;

text-decoration:none;

}

.body-top a:hover

{

color:#FFF;

font-size:12px;

text-decoration:underline;

}

.top-left

{

width:450px;

height:200px;

float:left;

text-align:left;



/*################   ADDED BY AMITABH   ##################*/
padding: 0px;  
margin:  0; 
position: relative; 
overflow: hidden; 

}

.top-right

{

width:430px;

height:180px;

float:right;

text-align: justify;

padding:10px;

font: bold 16px/22px  Arial, Helvetica, sans-serif;

color: #f1f1f1;

/*################   ADDED BY AMITABH   ##################*/
/*padding: 0px; */ 
margin:  0; 
position: relative; 
overflow: hidden; 


}

.protfolio-bottom-box

{

width:900px;

height:auto;

float:left;

text-align:left;

padding:20px 0px 10px 0px;

}

.protfolio-left

{

width:675px;

height:auto;

float:left;

text-align:left;

border-right:1px dashed #b0b0b0;

}

.devlopment-title

{

width:664px;

height:35px;

float:left;

text-align:left;

background:url(../images/protfolio-title-bg.jpg) left top repeat-x;

border-bottom:1px solid #dcdcdc;

font: normal 18px/35px  Arial, Helvetica, sans-serif;

color: #000000;

}

.protfolio-left-middle-box

{

width:644px;

height:auto;

float:left;

text-align:left;

padding:15px 0px;

border-bottom:1px solid #dcdcdc;

}

.protfolio-middle-left

{

width:300px;

height:auto;

float:left;

text-align:left;

}

.protfolio-middle-right

{

width:300px;

height:auto;

float:right;

text-align:left;

}

.protfolio-bottom-title

{

width:634px;

height:24px;

float:left;

text-align:right;

border-bottom:1px solid #dcdcdc;

padding-right:10px;

padding-top:8px;

}

.protfolio-right

{

width:214px;

height:auto;

float:right;

text-align:left;

}

.network-title

{

width:214px;

height:35px;

float:left;

text-align:left;

background:url(../images/protfolio-title-bg.jpg) left top repeat-x;

border-bottom:1px solid #dcdcdc;

font: normal 18px/35px  Arial, Helvetica, sans-serif;

color: #000000;

}

.network-color-box

{

width:214px;

height:auto;

float:left;

text-align:left;

color: #FFF;

text-decoration:none;

}

.tag-box

{

width:200px;

background-color:#f5f5f5;

border:1px solid #eeeeee;

padding:6px;

float:left;

text-align:justify;

color:#0063dc;

line-height:22px;

font-size:11px;

}

.tag-box a

{

color:#0063dc;

background-color:#f5f5f5;

text-decoration:none;

}

.tag-box a:hover

{

color:#FFF;

background-color:#0063dc;

text-decoration:none;

}

.tag-box a.font12

{

font-size:12px;

}

.tag-box a.font14

{

font-size:14px;

}

.tag-box a.font16

{

font-size:16px;

}

.tag-box a.font18

{

font-size:18px;

}

.tag-box a.font20

{

font-size:20px;

}

.network td

{

border-left:1px solid #FFF;

border-bottom:1px solid #FFF;

}

.right-gray-box

{

width:204px;

height:auto;

float:left;

text-align:left;

padding:5px;

margin:10px 0px;

background-color: #f5f5f5;

color: #666666;

}

.quote-box

{

width:214px;

height:auto;

float:left;

text-align:left;

}

.quote-title

{

width:204px;

height:34px;

float: left;

text-align:left;

padding-left:10px;

background: url(../images/quite-title.jpg) left top no-repeat;

}

.gray-box

{

width:188px;

height:auto;

float:left;

text-align:left;

background-color: #e2e2e2;

border-left:1px solid #e7e7e7;

border-right:1px solid #e7e7e7;

border-bottom:1px solid #e7e7e7;

padding:12px 12px 10px 12px;

}

.input-box

{

width:180px;

height:20px;

text-align:left;

font: normal 12px/16px Arial, Helvetica, sans-serif;

text-decoration:none;

border:1px solid #b5b5b5;

color:#666666;

padding-left:4px;

margin:0px;

}

.zencart-box

{

width:214px;

height:112px;

float:left;

text-align:left;

margin-top:10px;

}

.devlopment-middle-box

{

width:664px;

height:auto;

float:left;

text-align:left;

padding:5px 0px 10px 0px;

border-bottom:1px solid #dcdcdc;

}

.service-box

{

width:624px;

height:auto;

float:left;

text-align:left;

padding:15px 0px;

}

.service-left

{

width:268px;

height:auto;

float:left;

text-align:left;

background:url(../images/service-left-line-bg.jpg) right top no-repeat;

padding-right:42px;

}

.service-design-box

{

width:268px;

height:auto;

float:left;

text-align:left;

background:url(../images/service-white-bg.jpg) left top no-repeat;

}

.service-right

{

width:268px;

height:auto;

float:right;

text-align:left;

background:url(../images/service-white-bg.jpg) left top no-repeat;

}

.service-bg

{

margin-left:9px;

margin-top:9px;

}

.news-box

{

width:640px;

height:auto;

float: left;

text-align:left;

padding:10px;

background-color: #f4f4f4;

font: normal 12px/18px Arial, Helvetica, sans-serif;

color:#646464;

border-top:1px solid #f1f1f1;

border-bottom:1px solid #f1f1f1;

}

.testimonials-box

{

width:194px;

height: auto;

float:left;

padding:10px;

font: bold 16px/20px  Ariel, Helvetica, sans-serif;

color: #FFF;

background-color:#0099cc;

margin-top:10px;

text-align:justify;

}

.footer

{

width:900px;

height: auto;

text-align:left;

background-color: #1f1f1f;

padding:20px 25px;

color: #FFF;

clear:both;

margin:0px auto;

}

.footer a

{

text-decoration:none;

color: #FFF;

font: normal 11px/18px Tahoma, Helvetica, sans-serif;

}

.footer a:hover

{

color: #9abb39;

text-decoration: underline;

font: normal 11px/18px Tahoma,  Helvetica, sans-serif;

}

.footer-left

{

width:650px;

height:auto;

float:left;

text-align:left;

}

.footer-right

{

width:160px;

height:auto;

float:right;

text-align:right;

}

/* CSS Text Document */

body{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 20px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

	text-decoration: none;

}

body a

{

color:#0099cc;

text-decoration:none;

font-weight:bold;

}

body a:hover

{

color:#9abb39;

text-decoration: underline;

font-weight:bold;

}

.white-link

{

font: bold 36px/50px  Arial, Helvetica, sans-serif;

color: #FFF;

text-decoration:none;

}

.white-link:hover

{

font: bold 36px/50px  Arial, Helvetica, sans-serif;

color: #ccf6ff;

text-decoration:none;

}

.small-link

{

font: normal 11px/18px  Arial, Helvetica, sans-serif;

color: #FFF;

text-decoration:none;

}

.small-link:hover

{

font: normal 11px/18px  Arial, Helvetica, sans-serif;

color: #FFF;

text-decoration: underline;

}

.green-link

{

font: bold 13px/18px  Tahoma, Helvetica, sans-serif;

color: #56a23a;

text-decoration:none;

}

.green-link:hover

{

font: bold 13px/18px  Tahoma, Helvetica, sans-serif;

color: #56a23a;

text-decoration: underline;

}

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 22px;

	font-style: normal;

	line-height: 36px;

	font-weight:bold;

	font-variant: normal;

	text-transform: none;

	color: #FFF;

	text-decoration: none;

	margin:0px;

	padding:0px

}

h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-style: normal;

	line-height: 26px;

	font-weight:normal;

	font-variant: normal;

	text-transform: none;

	color: #000;

	text-decoration: none;

	margin:0px;

	padding:0px

}



.invasio-left h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-style: normal;

	line-height: 26px;

	font-weight:normal;

	font-variant: normal;

	text-transform: none;

	color: #000;

	text-decoration: none;

	margin:0px;

	padding:0px

}



.devlopment-bottom-box1 {

text-transform:none;

background-color:#333333;

color:#FFFFFF;

float:left;

font-family:Arial,Helvetica,sans-serif;

font-size:18px;

font-style:normal;

font-variant:normal;

font-weight:normal;

height:auto;

line-height:24px;

padding:10px;

text-align:left;

width:880px;

clear:both;

}