﻿html, body, form
{
    margin: 0;
    height: 100%;
}
body
{
    font-family: Tahoma;
    font-weight: normal;
    font-size: 10pt;
    color: #000000;
    background-color: #fff;
    margin: 0px;
}

/* remove unnecessary border */

#pagewrapper
{
    width: 100%;
    background-color: #424244;
}

#tblKSDesignMain
{
    width: 1000px;
    height: 741px;
    background-color: #ffffff;
}

/*##############################################################################*/
/*MASTER PAGE HEADER ELEMENTS*/
.middleHeader
{
    vertical-align: top;
    text-align: left;
    background-color: #ffffff;
    background-image: url(images/middle-bg-top.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 956px;
    min-height: 73px;

}

.middle
{
    vertical-align: top;
    background-color: #ffffff;
    width: 956px;
    clear:both;
}

.middlePanelBar
{
    padding:3px;
    margin-left:21px;
}

.div_MasterMiddleContainer
{
    min-height: 274px;
    margin-left:2px;
    padding-top:2px;
}

.div_MasterMiddleContainerItem
{
    float: left;
    margin: 0 3px 3px 3px;
    width: 299px;
    vertical-align: top;
    border: solid 1px #bcbcbc;
    background-color: #fdfdfd;
}

.div_MasterServices{}
.div_MasterSolutions{}
.div_MasterContact{}

.div_MasterServicesHeader, .div_MasterSolutionsHeader, .div_MasterContactHeader
{
    background-repeat: no-repeat;
    overflow: hidden;
    width: 100%;
    height: 29px;
    border-bottom: solid 1px #818e45;
    margin-bottom: 2px;
}

.div_MasterServicesHeader{
    background-image: url(/Resources/Images/hdrservices.jpg); }
.div_MasterSolutionsHeader{
    background-image: url(/Resources/Images/hdrsolutions.jpg); }
.div_MasterContactHeader{
    background-image: url(/Resources/Images/hdrcontactus.jpg); }

/*END MASTER PAGE HEADER ELEMENTS*/
/*##############################################################################*/


/*##############################################################################*/
/* DIV CLASSES USED ACROSS RANDOM PAGES */
.div_HomeGreatIdea
{
    background-color:#FFF; width:100%; margin-bottom:2px; border-bottom:solid 1px #bcbcbc;border-top:solid 1px #bcbcbc; text-align:center;
}
.div_SiteBody
{
    width: 100%;
    vertical-align: top;
    clear: none;
}
.div_SiteBodyContent
{
    float: left;
    width: 100%;
    vertical-align: top;
    margin-bottom:35px;
}

.div_SiteBodyRight
{
    float: right;
    width: 274px;
    vertical-align: top;
    border: solid 1px #bcbcbc;
    background-color: #fdfdfd;
    padding: 3px;
}

.div_bodycontent
{
    background-color: #e9e9ef;
    border-right: solid 1px #b1b1b1;
    border-left: solid 1px #b1b1b1;
    margin: 0px;
    vertical-align: top;
    width: 890px;
    text-align: left;
    min-height: 900px;
}

.div_bodyrightnav
{
    width: 200px;
    min-height: 400px;
    vertical-align: top;
    background-color: #fff;
}

.div_bodyfooter
{
    width: 90%;
    margin: 15px 25px 15px 25px;
    text-align: center;
    clear: both;
}
/* END -- DIV CLASSES USED ACROSS RANDOM PAGES */
/*##############################################################################*/

/*##############################################################################*/
/* -- DIV ROWS AND COLUMNS -- */
.div_Row
{
    width: 100%;
    float: left;
}
.div_FormRow
{
    width: 100%;
    margin: 3px;
    float: left;
}

.div_FormRowLabel
{
    float: left;
    width: 100%;
    font-weight:bold;
    font-size:12pt;
}

.div_FormRowControl
{
    float: left;
}

.div_FormColumn
{
    float: left;
    min-width:50px;
    width:160px;
    max-width:240px;
    min-height: 50px;
    vertical-align: top;
}

.div_FormColumnHeader
{
    font-weight: bold;
    color: #197cb7;
    font-size: 12pt;
    text-transform: capitalize;
    font-family: Tahoma;
    letter-spacing: 3px;
    clear: both;
}
/* -- END DIV ROWS AND COLUMNS -- */
/*##############################################################################*/

/*##############################################################################*/
/* -- PAGE IDENTIFIER OBJECTS */
#page .aboutus
{
    background-image: url(/library/images/info_128.png);
    background-repeat: no-repeat;
    background-position: right top;
}

#page
{
    padding: 4px 13px 13px 17px; vertical-align:top;
}

#pageContent
{
    padding:8px; width:100%;
}

.strategy
{
    width: 100%;
    clear: left;
    margin-bottom: 5px;
    border-bottom: solid 2px #818e45;
}

.strategy .strategyHeader
{
    font-weight: bold;
    color: #e08900;
    font-size: 12pt;
    text-transform: capitalize;
    font-family: Tahoma;
    letter-spacing: 3px;
    clear: both;
}

.strategy .strategyContent
{
    margin: 5px;
    padding-left: 20px;
}
/* -- END PAGE IDENTIFIER OBJECTS */
/*##############################################################################*/


.border24
{
    width: 24px;
    height: 740px;
    background-color: #ececec;
    margin-left: 40px;
}

.border4
{
    width: 4px;
    height: 740px;
    background-color: #ffffff;
}



.login
{
    height: 44px;
    vertical-align: middle;
    background-image: url(/library/images/custlogin.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 38px;
    height: 34px;
    margin-left: 95px;
}

.navbar
{
    padding-top: 7px;
    padding-left: 800px;
}
/* 
if GOOGLE CHROME
.vertnavbar
{
	padding-top:78px;
	padding-left:47px;	
	margin:0px;
}

*/
.vertnavbar
{
    padding-top: 18px;
    padding-left: 47px;
    margin: 0px;
}

.service_listing
{
    padding: 3px 8px 3px 8px;
    width: 98%;
}

.service_listing .database, .service_listing .graphicdesign, .service_listing .logodesign, .service_listing .websitelayout, .service_listing .brochurelayout, .service_listing .marketingmaterial, .service_listing .hosting, .service_listing .multimedia, .service_listing .social_fb, .service_listing .social_ms, .service_listing .social_custom, .service_listing .qualitycontrol, .service_listing .softwaredevelopment, .service_listing .softwaretesting, .service_listing .technicaldocumentation
{
    background-repeat: no-repeat;
    padding-right: 50px;
}


.service_listing .hosting_app, .service_listing .hosting_web, .service_listing .hosting_db, .service_listing .hosting_file, .service_listing .agreement, .service_listing .supporthours
{
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 80px;
    min-height: 100px;
    width: 100%;
}


.service_listing .title
{
    font-size: 13pt;
    font-weight: bold;
    color: #818e45;
}

.navbutton
{
    width: 98%;
    text-align: right;
    margin-bottom: 8px;
    margin-top: 12px;
}


.requirement
{
    font-size: 10px;
    color: #ff0000;
    font-style: italic;
}

.pricing
{
    font-size: 14pt;
    font-weight: bold;
    color: #818e45;
    font-style: italic;
}


.logosample, .websample
{
    padding: 12pt;
    border: solid 1px #666666;
    background-color: #ffffff;
}

.leftbar, .rightbar
{
    background-repeat: repeat-y;
    width: 22px;
    height: 100%;
}

.leftbar
{
    background-position: right top;
    background-image: url(images/leftbar.jpg);
    background-repeat: repeat-y;
    width: 22px;
    float: left;
    min-height: 1000px;
}

.rightbar
{
    background-position: left top;
    background-image: url(images/rightbar.jpg);
    background-repeat: repeat-y;
    width: 22px;
    float: right;
    min-height: 1000px;
}

.mhome, .mhelp, .mcontacts
{
    font-size: 9px;
    color: #217db5;
    text-decoration: none;
    vertical-align: top;
}

.spacer5
{
    width: 5px;
}



.consulting-services-retainer-main
{
    background-image: url(images/consulting-service-retainer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    width: 260px;
    height: 100%;
    vertical-align: top;
}

.consulting-services-retainer-main div.backdrop
{
    background-image: url(images/consulting-service-retainer-backdrop.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    vertical-align: top;
}

.consulting-services-retainer-main div.top
{
    background-image: url(images/consulting-service-retainer-top.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    width: 260px;
    height: 40px;
}

.consulting-services-retainer-main div.middle
{
    background-image: url(images/consulting-service-retainer-bg.jpg);
    background-repeat: repeat-y;
    background-position: top center;
    width: 260px;
    height: 100%;
}

.consulting-services-retainer-main div.bottom
{
    background-image: url(images/consulting-service-retainer-bottom.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    width: 260px;
    height: 40px;
}

.consulting-services-retainer-main .agreement
{
    font-weight: bold;
    color: #e14d05;
}

.consulting-services-retainer-main .agreement_descr
{
    color: #666666;
    font-size: 11px;
}

.consulting-services-retainer-main .restrictions
{
    font-size: 10px;
    color: #6a8a11;
    text-align: right;
    font-style: italic;
}



a
{
    font-weight: bold;
    color: #1b7bb5;
    text-decoration: none;
}

a:hover
{
    font-weight: bold;
    color: #ff9000;
    text-decoration: none;
}


.bluelink
{
    color: #1b7bb5;
    font-weight: normal;
}

.orangelink
{
    color: #ff9000;
    font-weight: normal;
}

.greenlink
{
    color: #84c050;
    font-weight: normal;
}

#contact_content_grey div
{
    padding-left: 35px;
    color: #fff;
    text-align: left;
}

#top_link_area
{
    background-image: url(images/top_link_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    vertical-align: top;
    height: 40px;
}

#top_link_blank
{
    height: 20px;
    background-color: #fff;
}

#menu_area
{
    padding-top: 25px;
    height: 35px;
    background-color: #fff;
}

#ksd_logo_area
{
    height: 209px;
    width: 209px;
    background-image: url(images/ksd_logo_area.jpg);
}

#above_green_screen
{
    height: 26px;
    background-color: #fff;
}

#green_screen_default
{
    width: 565px;
    height: 183px;
    background-image: url(images/green_screen_default.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

#info_box_title_ourstrategies, #info_box_title_solutionsintime, #info_box_title_infrastructure, #info_box_bg_globe, #info_box_bg_clock, #info_box_bg_infrastructure
{
}

#info_box_bg_globe div, #info_box_bg_clock div, #info_box_bg_infrastructure div
{
    margin-top: 10px;
}


#info_box_title_ourstrategies
{
    background-repeat: no-repeat;
    background-position: left top;
    width: 209px;
    color: #fff;
    background-image: url(images/info_box_title_ourstrategies.jpg);
    height: 47px;
}

#info_box_title_solutionsintime
{
    background-repeat: no-repeat;
    background-position: left top;
    width: 209px;
    color: #fff;
    background-image: url(images/info_box_title_solutionsintime.jpg);
    height: 44px;
}

#info_box_title_infrastructure
{
    background-repeat: no-repeat;
    background-position: left top;
    width: 209px;
    color: #fff;
    background-image: url(images/info_box_title_infrastructure.jpg);
    height: 47px;
}

#info_box_bg_globe
{
    background-repeat: no-repeat;
    background-position: left top;
    width: 209px;
    color: #fff;
    background-image: url(images/info_box_bg_globe.jpg);
    height: 93px;
}

#info_box_bg_clock
{
    background-repeat: no-repeat;
    background-position: left top;
    width: 209px;
    color: #fff;
    background-image: url(images/info_box_bg_clock.jpg);
    height: 96px;
}

#info_box_bg_infrastructure
{
    background-repeat: no-repeat;
    background-position: left top;
    width: 209px;
    color: #fff;
    background-image: url(images/info_box_bg_infrastructure.jpg);
    height: 93px;
}


.content_area
{
    background-image: url(/library/images/contentarea_bg.gif);
    background-repeat: repeat-y;
    background-position: left top;
    width: 686px;
    height: 600px;
    padding: 0px 0px 0px 0px;
    color: #464942;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: normal;
}

.contenttextwhite, .contentlinkwhite
{
    color: #ffffff;
}

.contentlinkwhite
{
    text-decoration: underline;
}

.contentlinkwhite:hover
{
    color: #464942;
    text-decoration: underline;
}


#footer, .leftside
{
    background-color: #7a7f83;
    color: #fff;
    font-size: 12pt;
    font-family: Tahoma;
}

.leftside
{
    font-size: 8pt;
}

#footer
{
    height: 118px;
}


#footer .copyright
{
    font-size: 9pt;
    color: #c6c6c6;
    min-height: 40px;
    vertical-align: middle;
}

#footer_partners
{
    background-image: url(images/footer_area_bg.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
}





.info128, .webdesign128, .inventory128, .database128, .database_access128, .database_mssql128, .database_mysql128, .intranet128, .installation128, .snailmail128, .phone128, .email128, .contactform128, .software128, .aboutus128, .advertising128, .web_advertising128, .overwhelming_costs128
{
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 150px;
    border-bottom: dotted 2px #666666;
    padding-bottom: 7px;
}

.database_access128
{
    background-image: url(images/access_128.png);
}

.database_mssql128
{
    background-image: url(images/mssql_128.png);
}

.database_mysql128
{
    background-image: url(images/mysql_128.png);
}

#skypebutton
{
    float: right;
    margin-top: 4px;
}




/* font classes */
.fnt_Opening
{
    font-size: 12pt;
}
.warning{ color:#ff0000; font-size:9pt; font-weight:bold;}
.required{color:#ff0000;font-weight:bold;font-size:9pt}
.notice{color:#818e45;font-weight:bold;font-size:9pt}

