/* Index page */
@font-face
{
  font-family:"Myriad Pro";
  font-family:"AvantGarde Bk BT";
  src: url("Myriad Pro.eot");
  src: url("AvantGarde Bk BT")
}
#outer{
	width: 1002px; height: 100%; margin: auto; background: #FFFFFF;
}
#inner{
	width: 100%; height: 100%;
}
#body{
	width: 100%; height: 880px;
}
#body-left {
	width: 245px; height: 880px; float: left; background: #ffffff;
}
#logo {
	width: 245px; height: 91px; background: url(../imges/logo.jpg);
}
#ITservices-menu {
	width: 100%; height: 360px;
}
#menu-backh{
	width: 100%; height: 26px; background: #eef6ff; border-bottom: #FFFFFF solid 1px;
}
#menu-back1{
	width: 100%; height: 26px; background: #eef6ff; border-bottom: #FFFFFF solid 1px; cursor:hand;
}
#menu-back2{
	width: 100%; height: 26px; background: #f4f8fd; border-bottom: #FFFFFF solid 1px; cursor:hand;
}
#menu-back3{
	width: 100%; height: 26px; background: #ffffff; border-bottom: #eef6ff solid 1px; cursor:hand;
}
#icon-cirle{
	float:left; width: 30px; height: 25px;
	margin: 0px 0px 0px 7px;
}
#icon-cirle-blue{
	float:left; width: 13px; height: 13px; background: url(../imges/icon-circle-blue.jpg) no-repeat;
	margin: 6px 0px 0px 10px;
}
#menu-heading {
	color: #e31929; font: bold 13px "myriad Pro";
	width: 200px; height: 20px; float: right; margin-top: 5px;
}
#icon-cirle-n{
	float:left; width: 9px; height: 9px; background: url(../imges/icon-circle.jpg) no-repeat;
	vertical-align: middle; margin: 9px 0px 0px 20px;
}
#menu-other {
	color: #6e6d6d; font: 13px "myriad Pro";
	width: 180px; height: 20px; float: right; margin-top: 5px;
}
#menu-other2 {
	width: 200px; height: 15px; float: right; margin-top: 5px;
}
#menu-portfolio {
	width: 100%; height: 165px;
}
#menu-portfolio-body {
	width: 100%; height: 135px; background: url(../imges/placeholder-portfolio.jpg) no-repeat;
}
#menu-portfolio-inner {
	width: 217px; height: 122px; margin: 5px 0px 0px 14px;
}
#menu-testimonial {
	width: 100%; height: 165px;
}
#menu-testimonial-body {
	width: 225px; height: 105px; padding: 15px 10px;
}
#menu-testimonial-Htext {
	color:#e31929; font: bold 13px "myriad Pro"; line-height: 25px;
	text-decoration: none;
}
#menu-internet {
	width: 100%; height: 110px;
}
#menu-internet-body {
	width: 100%; height: 84px;
}
#menu-promotion {
	width: 100%; height: 50px;
}
#menu-promotion-body {
	width: 100%; height: 24px;
}
#menu-back-other{
	width: 100%; height: 20px;
}

#body-right {
	width: 757px; height: 880px; float:right; background: #eef6ff;
}
#buttons-outer {
	width: 757px; height: 196px;
	top: 0px; z-index: 1; position: absolute;
}
#buttons1 {
	width: 105px; height: 196px; float: left;
}
#buttons2 {
	width: 111px; height: 196px; float: left;
}
#banner-outer {
	width: 757px; height: 182px; background: #ffffff;
	top: 43px; z-index: 0; position: absolute;
}
#content1 {
	width: 730px; height: 215px; margin-top: 30px; float: right; margin-left: 10px;
	top: 225px; z-index: 0; position: absolute;	
}
#content1a {
	width: 360px; height: 215px; float: left;
}
#content1a-line1 {
	width: 100%; height: 35px; border-bottom: #c0c0c0 solid 2px;
	color: #045ab0; font: 30px "AvantGarde Bk BT";
}
#content1a-line2 {
	width: 100%; height: 125px; border-bottom: #c0c0c0 solid 2px;
	color: #73abe2; font: bold 11px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#content1a-line3 {
	width: 69px; height: 21px; margin: 10px 0px 20px 0px; float: right;
}
/*<img src="imges/company-profile.jpg" />*/
#content1b {
	width: 320px; height: 215px; margin-left: 30px; float: right;
}
#content1b-line1 {
	width: 100%; height: 35px; border-bottom: #c0c0c0 solid 2px;
	color: #045ab0; font: 30px "AvantGarde Bk BT";
}
#content1b-line2 {
	width: 100%; height: 125px; border-bottom: #c0c0c0 solid 2px;
	color: #1f1f1f; font: bold 11px Arial, Helvetica, sans-serif; font-stretch: extra-expanded;
}
#content1b-line3 {
	width: 69px; height: 21px; margin: 10px 0px 20px 0px; float: right;
}
#latest-techniq {
	width: 100%; height:28px;
}
#latest-techniq1 {
	width: 100%; height:15px; margin-top: 1px;
}
#latest-tecthniq-text {
	 color: #585859; font: bold 11px Arial, Helvetica, sans-serif; font-stretch: extra-expanded; text-decoration: underline;
}
#packages {
	width: 736px; height: 245px; background: ffffff; float: left; margin-left: 6px;
	top: 470px; z-index: 0; position: absolute;
}
#packages-left {
	width: 14px; height: 245px; background: url(../imges/packages-left.jpg) no-repeat; float: left;
}
#packages-center {
	width: 708px; height: 245px; background: #ffffff; float: left;
}
#packages-right {
	width: 14px; height: 245px; background: url(../imges/packages-right.jpg) no-repeat; float: right;
}
#packages-heading {
	width: 100%; height: 25px; margin-top: 20px;
	color: #1f1f1f; font: bold 17px "AvantGarde Bk BT";
}
#packages-body {
	width: 100%; height: 175px; margin-top: 7px;
	color: #1f1f1f; font: bold 11px Arial, Helvetica, sans-serif; font-stretch: extra-expanded;
}
#packages-body-parts {
	width: 205px; height: 175px; float: left;
}
#packages-heading2 {
	width: 100%; height: 25px; color: #e31929; font: bold 12px Arial, Helvetica, sans-serif;
}
#packages-heading2ab {
	width: 100%; height: 17px;
}
#packages-heading2a {
	width: 30%; height: 17px; color: #e31929; font: bold 12px Arial, Helvetica, sans-serif;
	float: left;
}
#packages-heading2b {
	width: 65%; height: 17px; color: #1f1f1f; font: bold 11px Arial, Helvetica, sans-serif;
	float: right;
}
#packages-list {
	width: 100%; height: 18px;
}
#packages-img {
	width: 205px; height: 91px; background: url(../imges/img-packages.jpg) no-repeat;
}
#content2 {
	width: 707px; height: 140px; margin-top: 5px; margin-left: 15px; float: left; background: url(../imges/img-content2.jpg) no-repeat;
	color: #484848; font: bold 11px Arial, Helvetica, sans-serif; font-stretch: extra-expanded;
	top: 715px; z-index: 0; position: absolute;
}
#content2a {
	width: 330px; height: 120px; margin-top: 10px; float: left;
	border-right: #CCCCCC solid 2px;
}
#content2a-heading {
	width: 100%; height: 25px;
	color: #045ab0; font: bold 17px "AvantGarde Bk BT";
}
#content2b {
	width: 360px; height: 120px; margin-top: 10px; float: right;
}
.textfeild-www {
	width: 110px; height: 10px; color: #577e16; font: bold 10px Arial;
}
.textfeild-tickmark {
	width: 12px; height: 12px; color: #045ab0; font: bold 11px;
}


#bottom{
	width: 100%; height: 129px; background: url(../imges/bottom-back.jpg) repeat-x;
}
#bottom1{
	width: 100%; height: 75px; text-align: center; line-height: 20px; padding-top: 7px;
}
#bottom2{
	width: 100%; height: 54px; text-align: center; line-height: 20px; padding-top: 15px;
}


/* About us */
#left-add1 {
	width: 100%; height: 165px; background: #eef6ff;
}
#left-add1-inner {
	width: 100%; height: 140px; background: #ffffff; text-align: center;
}
#left-add-text {
	color:#e31929; font: bold 13px "myriad Pro"; line-height: 21px;
	text-decoration: none;
}
#about-content1 {
	width: 730px; height: 245px; margin: 30px 0px 0px 12px;
	top: 210px; z-index: 0; position: absolute;
}
#about-content1a {
	width: 100%; height: 180px; text-align: justify; margin: 13px 0px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded; 
}

#why-us {
	width: 736px; height: 375px; background: #ffffff; float: left; margin-left: 6px;
	top: 485px; z-index: 0; position: absolute;
}
#why-us-left {
	width: 14px; height: 375px; background: url(../imges/whyus_left.jpg) no-repeat; float: left;
}
#why-us-center {
	width: 708px; height: 375px; background: #ffffff; float: left;
}
#why-us-right {
	width: 14px; height: 375px; background: url(../imges/whyus_right.jpg) no-repeat; float: right;
}
#why-us-heading {
	width: 100%; height: 25px; margin-top: 6px;
	color: #045ab0; font: bold 19px "AvantGarde Bk BT";
}
#why-us-body {
	width: 100%; height: 275px; margin-top: 7px;
	color: #4f4f50; font: 11px Arial, Helvetica, sans-serif; font-stretch: extra-expanded;
}
#why-us-body2 {
	width: 100%; height: 50px;
	color: #4f4f50; font: 11px Arial, Helvetica, sans-serif; font-stretch: extra-expanded;
}
#why-us-body-parts {
	width: 343px; height: 265px; float: left;
}
#why-us-heading2 {
	width: 100%; height: 25px; color: #e31929; font: bold 12px Arial, Helvetica, sans-serif;
}
#why-us-list-big {
	width: 100%; height: 75px;
}
#why-us-list-small {
	width: 100%; height: 60px;
}
#request {
	width: 210px; height: 46px; float: left; border-right: #c0c0c0 dashed 1px;
}
#icon-java {
	width: 51px; height: 50px; float: left;
}
#icon-others {
	width: 175px; height: 50px; float: left; text-align: center;
}
#icon-others-up {
	width: 175px; height: 25px;
}
#icon-others-down {
	width: 175px; height: 25px;
}
#icon-php {
	width: 50px; height: 27px; float: left; margin-top: 22px; margin-left: 5px;
}
#icon-mysql {
	width: 61px; height: 35px; float: left; margin-top: 13px; margin-left: 10px;
}
#icon-ajax {
	width: 64px; height: 25px; float: left; margin-top: 23px; margin-left: 5px;
}
#icon-flash {
	width: 53px; height: 50px; float: left; margin-left: 2px;
}

/* Portfolio */
#portfolio-content-outer {
	width: 755px; height: 653px; 
	top: 225px; z-index: 0; position: absolute;
}
#portfolio-content-left {
	width: 510px; height: 633px; float: left; margin: 15px 10px 0px 10px;
}
#portfolio-content-right {
	width: 204px; height: 647px; float: right; background: #ffffff;
}
#portfolio-content {
	width: 100%; height: 565px; margin-top: 13px;
}
#portfolio-row1 {
	width: 100%; height: 157px; float: left;
}
#portfolio-row2 {
	width: 510px; height: 20px; margin: 1px 0px 5px 0px; float: left;
}
#portfolio-row3 {
	width: 100%; height: 15px; margin-top: 0px; text-align: right;
}
#portfolio-row1-box {
	width: 145px; height: 157px; float: left;
}
#portfolio-row2-box {
	width: 145px; height: 20px; float: left; background: #3679bc; 
	line-height: 20px; text-align: center;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	
}
#menu-technologies {
	width: 100%; height: 155px; margin-top: 5px;
}
#menu-technologies-h1 {
	width: 100%; height: 20px; font: bold 15px "AvantGarde Bk BT"; text-align: center;
	color: #e31929;
}
#menu-technologies-h2 {
	width: 100%; height: 27px; text-align: center;
}
#menu-technologies-body {
	width: 100%; height: 100px; text-align: center; margin-top: 5px;
}
#menu-hire {
	width: 100%; height: 64px; text-align: center;
}
#menu-packages {
	width: 100%; height: 73px; text-align: center;
}
#menu-web-marketing {
	width: 100%; height: 120px; border: #CCCCCC solid 1px;
}
#menu-web-marketing-h {
	width: 100%; height: 28px; background: url(../imges/menu-head-back-right.jpg) repeat-x;
}
#menu-web-marketing-Htext {
	width: 75%; height: 25px; float: left;
	color:#e31929; font: bold 13px "myriad Pro"; line-height: 25px;
	text-decoration: none;
}
#menu-web-marketing-o {
	width: 100%; height: 20px;
}
#menu-web-marketing-otext {
	width: 160px; height: 15px; float: right; margin-top: 5px;
}

/*Contact Us*/
#contactus-content {
	width: 100%; height: 250px; margin-top: 13px;
}
#contactus-content1a {
	width: 100%; height: 50px; text-align: justify; margin: 13px 0px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#contactus-content1b {
	width: 100%; height: 15px;
	color: #045ab0; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#contactus-content1c {
	width: 100%; height: 60px; text-align: justify; margin: 13px 0px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#contactus-content1d {
	width: 100%; height: 40px; text-align: justify; margin: 13px 0px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}

/*Career*/
#career-content {
	width: 100%; height: 400px; margin-top: 13px;
}
#career-content1c {
	width: 100%; height: 15px; text-align: justify; margin: 13px 0px 5px 0px;
	color: #5c5d5f; font: bold 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#career-content1e {
	width: 100%; height: 30px; text-align: justify;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#upload-outer {
	width: 100%; height: 120px; margin-top: 25px;
}
#upload-left {
	width: 13px; height: 120px; float: left;
}
#upload-center {
	width: 484px; height: 120px; float: left; background: #FFFFFF;
}
#upload-right {
	width: 13px; height: 120px; float: left;
}
#upload-h {
	width: 100%; height: 27px; margin-top: 7px;
	color: #045ab0; font: bold 19px "AvantGarde Bk BT"; text-align: center;
}
#upload-o {
	width: 100%; height: 80px; margin-top: 5px;
	color: #7d7d7d; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#upload-o-box {
	width: 200px; height: 80px; float: left;
}
#upload-o-box1 {
	width: 200px; height: 25px; float: left;
}
#upload-o-box1a {
	width: 70px; height: 25px; float: left;
}
#upload-o-box1b {
	width: 125px; height: 25px; float: right;
}
#upload-o-box2 {
	width: 270px; height: 25px; float: left;
}
#upload-o-box2a {
	width: 70px; height: 25px; float: left;
}
#upload-o-box2b {
	width: 195px; height: 25px; float: right;
}
.upload-feild {
	width: 120px; height: 10px;
	color: #7d7d7d; font: bold 10px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
.upload-feild2 {
	width: 195px; height: 17px;
	color: #7d7d7d; font: bold 10px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#menu-right-banking {
	 width: 100%; height: 28px; text-align: center; margin-top: 5px;
}

/*webdesign-services*/
#webdesign-content {
	width: 100%; height: 250px; margin-top: 13px; text-align: justify;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}

/*Inventory*/
#img_inventory {
	width: 100%; height: 211px; text-align: center;
}
/*web Hosting*/
#host_content2 {
	width: 484px; height: 80px; margin-left: 10px;
}
#host_content2-left {
	width: 12px; height: 80px; background: url(../imges/hosting-left.jpg) no-repeat; float: left;
}
#host_content2-center {
	width: 460px; height: 70px; float: left; background: #ffffff; padding-top: 10px;
}
#host_content2-right {
	width: 12px; height: 80px; background: url(../imges/hosting-right.jpg) no-repeat; float: left;
}
#host_content3 {
	width: 360px; height: 140px; background: url(../imges/img-hosting.jpg) no-repeat;
}
/*web Hosting*/
#staffing_img {
	width: 100%; height: 60px; text-align: center;
}
/*Internet Web Marketing*/
#marketing-heading {
	width: 100%; height: 25px; border-bottom: #c0c0c0 solid 2px;
	color: #045ab0; font: 23px "AvantGarde Bk BT";
}
#marketing-reach {
	width: 100%; height: 140px; text-align: justify; margin: 13px 0px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#marketing-why {
	width: 100%; height: 90px; text-align: justify; margin: 13px 0px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#marketing-search-engine {
	width: 100%; height: 60px; text-align: justify; margin: 13px 0px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#marketing-we-do {
	width: 100%; height: 120px; text-align: justify; margin-top: 13px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
/*web promtion*/
#promotion-web-promotion {
	width: 100%; height: 135px; text-align: justify; margin: 13px 0px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#promotion-seo {
	width: 100%; height: 370px; text-align: justify; margin-top: 13px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}

/*products*/
#products-content1 {
	width: 100%; height: 135px; margin-top: 13px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#products-content2 {
	width: 100%; height: 30px; margin-top: 13px; line-height: 30px;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#products-content2L {
	width: 260px; height: 30px; line-height: 30px; float: left;
}
#products-content2R {
	width: 78px; height: 21px; margin-top: 5px; float: left;
}

/*window 2003 hosting plans*/
#window {
	width: 736px; height: 285px; background: #ffffff; float: left; margin-left: 6px;
	top: 485px; z-index: 0; position: absolute;
}
#window-left {
	width: 14px; height: 285px; background: url(../imges/web-hosting-left.jpg) no-repeat; float: left;
}
#window-center {
	width: 708px; height: 285px; background: #ffffff; float: left;
}
#window-right {
	width: 14px; height: 285px; background: url(../imges/web-hosting-right.jpg) no-repeat; float: right;
}
#window-services {
	width: 736px; height: 75px; float: left; margin-left: 6px;
	top: 790px; z-index: 0; position: absolute;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}

/*Enquiry*/
#enquiry-content {
	width: 100%; height: 320px; margin-top: 13px; text-align: justify;
	color: #5c5d5f; font: 12px Arial, Helvetica, sans-serif; font-stretch: expanded;
}
#Enquiry-L1 {
	width: 100%; height: 25px;
}
#Enquiry-L1a {
	width: 50%; height: 100%; float: left;
}
#Enquiry-L1b {
	width: 50%; height: 100%; float: left;
}
.name {
	width: 100px; height: 12px;
	color: #4b4d4d; font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#Enquiry-L2 {
	width: 100%; height: 75px;
}
#Enquiry-L1b2 {
	width: 100%; height: 70px;
}
#Enquiry-L1b2-inner {
	width: 100%; height: 25px;
}
.address {
	width: 100px; height: 60px;
	color: #4b4d4d; font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.product {
	width: 150px; height: 16px;
	color: #4b4d4d; font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.remark {
	width: 150px; height: 60px;
	color: #4b4d4d; font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/*Clients width: 165px; height: 575px; float: left;*/
#row1{
	width: 100%; height: 100px; float: left;
}
#row1-box{
	width: 160px; height: 100px; float: left;
}
#row1-boxUP{
	width: 160px; height: 70px; float: left; border: #3679bc solid 1px;
}
#row1-boxDOWN{
	width: 160px; height: 25px; float: left; margin-top:5px; /*background: #55a51c;*/
	line-height: 25px; text-align: center;
	/*color: #FFFFFF;*/color: #045ab0;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

/*Testimonials*/
#test-heading {
	color: #045ab0; font: bold 12px Arial, Helvetica, sans-serif;
	width: 100%; height: 20px;
}
#test-other {
	color: #39393a; font: 12px Arial, Helvetica, sans-serif;
	width: 100%;
}

/*Latest Release*/
#rel-heading {
	width: 100%; height: 25px;
	color: #8c8e8f; font: 12px Arial, Helvetica, sans-serif;
}
#rel-row {
	width: 100%; height: 135px;
}
#rel-row-boxL {
	width: 89px; height: 135px; float: left;
}
#rel-row-boxR {
	width: 415px; height: 135px; float: right;
}
#rel-row-boxR-up {
	width: 100%; height: 15px; text-decoration: underline;
	color: #045ab0; font: bold 12px Arial, Helvetica, sans-serif;
}
#rel-row-boxR-down {
	width: 100%; height: 65px; margin-top: 5px; text-align: justify;
	color: #8c8e8f; font: 12px Arial, Helvetica, sans-serif;
}
#rel-row-ordernow {
	width: 100%; height: 21px; margin-top: 5px;
}