/* CSS Document */

body{
text-align: center;
background: #9CDA73;
margin-top: 0px;
margin-bottom: 0px;
}

#OuterLayer{
margin-left: auto;
margin-right: auto;
width: 960px;
background: url("images/shadow.gif");
}

#MainContainer{
width: 950px;
margin-left: auto;
margin-right: auto;
text-align: left;
font-size: 7.5pt;
color: white;
font-family: "verdana"
}

#top{
width: 950px;
background: white;
height: 64px;
padding: 0px;
border:1px solid red;
}


#logo {
margin-top: 0;
margin-left: 25px;
} 


#motto {
position: absolute;
margin-top: 10px;
margin-left: 525px;
} 


/*Header section */

#Header{
border-collapse: collapse;
background: white;
width: 950px;
}

#Header td{
padding:0px;

}

/*Banner Section*/

#Banner{

}

#Content{
background: #056CC7;
}

#Content_left{
background: url("images/content_bg.jpg") no-repeat;
}

#Content_left_table{
border-collapse: collapse;
vertical-align: top;

}

#Content_left_table td{

}

#Footer{
background: white;
color: #0264BB;
text-align: center;
padding: 10px;
}

.text{
font-size: 7.5pt;
color: white;
font-family: "verdana"
}

/*SOFTWARE PAGE*/

#ProjectContent{

}

#software_table{
width:800px;
margin-left: 20px;
}

#software_table td{
padding: 20px;

vertical-align: top;
}

#software_table a{
color: white;
}

#Pager a{
color: #D2EBAA;
}

#Pager a:hover{
color: yellow;
}

#Pager a:active{
color: yellow;
}

.biggeryellowtextbold {
font-size: 12px;
font-weight: bold;
color: yellow;
}

/*SOLUTIONS PAGE*/
#SolutionsContent{
border-collapse: collapse;

}

#SolutionsContent td{
vertical-align: top;

}

#profile_table{

width: 700px;
margin-left: 30px;
}

#profile_table td{

padding: 5px;
}


.smallyellowtext{
color: #FDFF36;
}

.greentextitalic
{
  font-size: 7.5pt;
  color: #d2ebaa;
  font-family: "verdana";
	font-style: italic;
	font-weight: bold
}

/*WEB PACKAGE PAGE*/

#package_table{
border-collapse: collapse;
margin-left: 30px;
width: 750px;
}

#package_table td{
text-align: center;
padding-right: 20px;
}


.webfeatures li{
margin-left: -20px;
font-family: verdana;
font-size: 7.5pt;
text-align: justify;
list-style-image: url(images/webpack_arrow.gif) ;

}

.webterms li{
font-family: verdana;
font-size: 7.5pt;
text-align: left;
list-style-image: url(images/webpack_arrow.gif) ;
}

.features_list{
color: white;
}

.terms_list{
color: #9CDA73;
}

.asterisk{
font-family: verdana;
font-size: 7.5pt;
color: white;
text-align: left;
}

.webpack_border{
background: url(images/webpack_border.gif) repeat-y;
padding: 0px;
}

.webpack_hborder{
background: url(images/webpack_hborder.gif) repeat-x;
padding: 0px;
}

#addon_list_table{
border-collapse: collapse;
width: 700px;
}

#addon_list_table td{
text-align: left;
font-family: verdana;
font-size: 7.5pt;
font-weight: bold;
color: white;
}

.webpack_greentext{
font-family: verdana;
font-size: 7.5pt;
color: #9CDA73;
}

.webpack_yellowtext{
font-family: verdana;
font-size: 9pt;
color: yellow;
}

.webpack_whitetext{
font-family: verdana;
font-size: 7.5pt;
color: white;
}

#webmaintenance{
border-collapse: collapse;
}

#webmaintenance td{
font-family: verdana;
font-size: 7.5pt;
color: white;
}

.webpack_link{
text-decoration: underline;
font-weight: bold;
color: #D2EBAA;
}

.webpack_link:hover{
color: yellow;
}

.kkipclink{
font-weight: bold;
color: #F6E20A;
text-decoration: none;
}

.staff_container{
float: left;
width: 370px;
height: 130px;
}

.staff_img{
float: left;
}

.staff_desc{
float: left; 
width: 262px; 
margin-top: 10px;
}

.position{
font-size: 7.5pt; color: white;
}

.qualification{
font-size: 7.5pt; color: white;
}

.dotv{
float: left; 
background: url(images/dotv.gif) no-repeat; 
width: 25px; 
height: 117px;
}

.doth{
float: left; 
background: url(images/doth.gif) no-repeat; 
width: 760px; 
height: 18px;
}

.clear{
clear: both;           
}

#tabs{
    margin-left: 145px;
}

#tabs a{
    display: block;
}

#tabs a span{
    visibility: hidden;    
}

.tab_projects, .tab_solutions, .tab_contactus, .tab_home{
    float: left;
}      

.tab_projects{
    background: url(images/tab_projects.gif) no-repeat;
    width: 109px;
    height: 20px;    
    position: relative;
    z-index: 10;
} 

.tab_solutions{
    background: url(images/tab_solutions.gif) no-repeat;
    width: 110px;
    height: 20px;
    position: relative;
    left: -10px;
    z-index: 20;
}

.tab_contactus{
    background: url(images/tab_contact.gif) no-repeat;
    width: 115px;
    height: 20px;
    position: relative;
    left: -20px;
    z-index: 30;
}

.tab_home{
    background: url(images/tab_home.gif) no-repeat;
    width: 110px;
    height: 20px;
    position: relative;
    left: -30px;
    z-index: 40;
}

#tabs span{
    visibility: hidden;
}

#tabs a:hover{
    z-index: 50;    
}


/*
body {
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
background-color: #9CDA73;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
} 

#top {
width: 950px;
height: 64px;
background: #FFFFFF;
margin-left: auto;
margin-right: auto;
} 

#logo {
margin: 0;
margin-top: 0;
margin-left: 25px;
} 


#motto {
position: absolute;
margin: 0;
margin-top: 10px;
margin-left: 525px;
} 

#shadowleft {
position: absolute;
width: 4px;
height: 100%;
}

#shadowright {
position: absolute;
width: 4px;
height: 100%;
margin-left: 795px;
}

*/