﻿/*--- INFOBOX -> box on home page (index.aspx) (info about webdesign, web application ect ---*/
#infoBox        { width: 443px; }
#infoBox .box   { background: transparent url(../Images/IndexMaster/InfoBox/infoBoxBG.jpg) repeat-x; display: block; margin: 10px; width: 423px; }
/* hide all box'es */
#infoBox .InfoBoxContent .cnt               { height: 240px; display: none; border: 1px solid gray; }
/* this box will be visible as default */
#infoBox .InfoBoxContent .lnkWebDesign      { display: block; }
/* 'learn more' link */
#infoBox .InfoBoxContent .cnt a             { display: block; padding-top: 10px; float: right; }
/* category image */
#infoBox .InfoBoxContent .cnt .illu         { padding-left: 15px; float: left; }
/* category title */
#infoBox .InfoBoxContent .cnt h2            { display: block; padding-top: 15px; padding-bottom: 5px; }
/* category text */
#infoBox .InfoBoxContent .cnt div           { float: right; width: 180px; padding-right: 15px; }

.InfoBoxLinks a, .InfoBoxLinks a:active, .InfoBoxLinks a:visited, .InfoBoxLinks a:link
                                            { text-decoration: none; padding: 5px 4px; }

.InfoBoxLinks span                          { display: block; padding-top: 3px; text-align: center; }
#lnkWebDesign                               { color: #ff6b00; border-bottom: solid 1px #ff6b00; border-left: solid 1px #ff6b00; border-right: solid 1px #ff6b00; width: auto; }
#lnkWebDesign.active                        { color: White !important; background-color: #ff6b00 !important; }
#lnkWebApplication                          { color: #689a1f; border-bottom: solid 1px #689a1f; border-left: solid 1px #689a1f; border-right: solid 1px #689a1f; width: auto; }
#lnkWebApplication.active                   { color: White !important; background-color: #689a1f !important; }
#lnkECommerce                               { color: #0069ba; border-bottom: solid 1px #0069ba; border-left: solid 1px #0069ba; border-right: solid 1px #0069ba; width: auto; }
#lnkECommerce.active                        { color: White !important; background-color: #0069ba !important; }
#lnkInteractivePresentation                 { color: #ff008a; border-bottom: solid 1px #ff008a; border-left: solid 1px #ff008a; border-right: solid 1px #ff008a; width: auto; }
#lnkInteractivePresentation.active          { color: White !important; background-color: #ff008a !important; }
/*--- end of 'INFOBOX' ---*/


/*--- CONTACT US (contact-us.aspx) ---*/
#contactUs              { color: Black; } 
#contactUs .title       { padding: 8px 0 13px 0; display: block; font-family: Verdana, Tahoma; font-size: 12px; font-weight: bold; color: #0f2e6e; }
#contactUs span         { display: block; color: Black; }
#contactUs strong       { color: Black; }
#contactUs span.mail    { font-weight: bold; }
#contactUs span.mail a, #contactUs span.mail a:visited, #contactUs span.mail a:active, #contactUs span.mail a:link
                        { color: #e49b0b; text-decoration: none; font-weight: normal; }

#contactUs .form        { margin-top: 20px; } 
#contactUs .form th     { vertical-align: middle; text-align: left; padding-right: 10px; font-weight: bold; color: Black; width: 40%; }
#contactUs .form td     { width: 60%; }
#contactUs .form td input[type=text], .textbox 
                        { width: 98%; }
#contactUs .form td .textbox 
                        { height: 80px; }
/*--- end of 'CONTACT US' ---*/


/*--- TEAM (team.aspx) ---*/
#team .people { display: block; padding-bottom: 15px; }
#team .name, #team .specialist, #team .email { font-weight: bold; display: block; } 
#team .name span, #team .specialist span, #team .email span { font-weight: normal; }
/*--- end of 'TEAM' ---*/


/*--- NEWS DETAILS (News/*.aspx) ---*/
#newsDtl h1 { color: #0069ba !important; font-size: 13px; } 
#newsDtl p { text-align: justify; } 
#newsDtl .date { display: block; width: 100%; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 5px 0 5px 0px; margin-top: 10px; }
#newsDtl .date span { float: right; color: Gray; }
/*--- end of 'NEWS DETAILS' ---*/

.left { float: left; }
.right { float: right; }
.about-us-png-icon { background: transparent url(../Images/Icons/users.png) no-repeat; display: block; padding: 5px 0px 15px 40px; }
.projects-png-icon { background: transparent url(../Images/Icons/works.png) no-repeat; display: block; padding: 5px 0px 15px 40px; }
/*.right img { float: left; padding-top: 10px; padding-right: 10px; }*/
.request-icon     { background: transparent url(../Images/Icons/contact-home.jpg) no-repeat;      display: block; padding: 5px 0px 15px 40px; }
.contact-icon     { background: transparent url(../Images/Icons/contact-home-2.jpg) no-repeat;    display: block; padding: 5px 0px 15px 40px; }
.our-clients-icon { background: transparent url(../Images/Icons/our-clients-index.jpg) no-repeat; display: block; padding: 5px 0px 15px 40px; }
.netro-logo-icon  { background: transparent url(../Images/Icons/NetroLogo.png) no-repeat;         display: block; padding: 5px 0px 15px 40px; }

.ullist li { padding-left: 15px; }

#latest-works td { width: 30%; padding: 15px; padding-right: 10px; padding-left: 30px; }
#latest-works p { padding-top: 10px; padding-bottom: 5px; float: left; width: 135px; font-size: 10px; }
#latest-works div { float: right; padding-top: 15px; }
#latest-works h1 { margin-bottom: 0px; }
#latest-works h2 { font-size: 11px; color: gray; font-weight: normal; margin-bottom: 4px; }
#latest-works .br { border-right: 1px dashed gray; }
#latest-works .bb { border-bottom: 1px dashed gray; }
#latest-works .case {  }
#latest-works img { border: 2px solid black; }
#latest-works a { text-decoration: none; display: block; }

.logos h1
{
	border-bottom: solid 1px #e5e5e5;	
	padding-bottom: 10px;
	font-size: 16px;
	margin-right: 40px;
}

.logos #latest-works img
{
	margin-top: 15px;	
	border: inset 2px #ddd;	
	padding: 25px;
	width: 500px;
	margin-left: 50px;
}

.logos #latest-works img.smallImage  { width: 215px; }
.logos #latest-works img.smallImage1 { margin-left: 50px; }
.logos #latest-works img.smallImage2 { margin-left: 12px; }


.logos #latest-works td.logoItem
{
	padding-bottom: 20px;	
}

.logos #latest-works p
{
	display: none;	
}


.netrobox { width: 439px; height: 321px; background: transparent url(../Images/netro-box.jpg) no-repeat; }
.box-bg { width: 385px; height: 322px; background: transparent url(../Images/netro-box2.jpg) no-repeat; }

.netrobox .e-commerce { display: block; padding: 105px 0px 0px 240px; }
    .netrobox a { display: block; }
.netrobox .webdesign { display: block; padding: 38px 0px 0px 240px; }
.netrobox .seo { display: block; padding: 39px 0px 0px 240px; }

.list-spacing li { padding-bottom: 10px; }

.seo-table { margin-top: 20px; width: 100%; }
.seo-table th { background: #ececec; padding: 5px; }
.seo-table td { padding: 5px; border-bottom: 1px solid #ececec; }

.seo h1 { padding: 20px; padding-top: 40px; padding-bottom: 10px; }
.seo p { padding-bottom: 10px; }