/*      This is the CSS style sheet for CB-infosystems */

html,body{
text-align:center;
background-image:url(../images/back.jpg);
background-repeat: repeat-x; 
background-position: 0px 0px;
background-color: #DFE2E4;
height:100%;
margin: 0px auto;
}

/*Paragraphs */

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight:normal;
color:#666666;
text-align:left;
line-height:14px;
}

p.homenewsnew{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight:normal;
color:#666666;
text-align:left;
margin-top:0px;
padding-top:0px;
}

p.services{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight:normal;
color:#666666;
text-align:left;
line-height:14px;
margin-top:0px;
}

p.body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight:normal;
color:#666666;
text-align:left;
line-height:16px;
margin-left:56px;
}

p.product{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight:normal;
color:#666666;
text-align:left;
line-height:18px;
}

h1.product{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:bold;
color:#2090BF;
text-align:left;
margin:0;
}

p.news{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight:normal;
color:#666666;
text-align:left;
line-height:16px;
margin-left:15px;
margin-right:15px;
margin-top:20px;
}

li.skills{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight:normal;
color:#666666;
text-align:left;
line-height:16px;
margin-left:56px;
}

p.leftArea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight:normal;
color:#666666;
text-align:left;
line-height:14px;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
margin-top:20px;
}

h2.leftArea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#2090BF;
text-align:left;
margin-top:15px;
margin-left:15px;
margin-bottom:10px;
}

h2.body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#2090BF;
text-align:left;
margin-top:15px;
margin-left:56px;
}

p.prodWhiteC{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color:#FFF;
text-align:center;
margin-left:20px;
margin-right:20px;
margin-top:12px;
margin-bottom:12px;
line-height:14px;
}

p.prodWhiteL{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color:#FFF;
text-align:left;
margin:10px;
line-height:14px;
}

p.nav{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
margin-top:-1px;
margin-bottom:0px;
margin-left:8px;
margin-right:8px;
}

p.subnav{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color:#486783;
text-align:left;
margin-top:0px;
margin-bottom:0px;
letter-spacing:1px;
margin-left:13px;
margin-right:13px;
}



/*Set a LINKS for pages*/


a.subnav{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.subnav:link{
color:#486783;
}
a.subnav:visited{
color:#486783;
}
a.subnav:hover{
color:#FFF;
}



table.subnav{
	height:24px;
	background-color:#C6DAE1;
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
	font-size:100%;
}

p.navlogin{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
margin-top:1px;
margin-bottom:-1px;
letter-spacing:1px;
margin-left:10px;
margin-right:10px;
}

p.HomeProject{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color:#666666;
text-align:left;
line-height:14px;
margin-top:0px;
margin-bottom:6px;
}

p.Login{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color:#2090BF;
text-align:left;
}

p.CopyrightL{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
margin-top:10px;
color:#2090BF;
text-align:left;
}

p.CopyrightR{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
margin-top:10px;
color:#2090BF;
text-align:right;
}

h3.HomeNews{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#2090BF;
text-align:left;
/*line-height:14px;*/
margin-top:2px;
margin-bottom:6px;
}

h3.homenewsnew{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#2090BF;
text-align:left;
margin-bottom:0px;
padding-bottom:2px;
}

h3.HomeProject{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#2090BF;
text-align:left;
line-height:14px;
margin-top:0px;
margin-bottom:6px;
}

h3.LatestNews{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#2090BF;
text-align:left;
line-height:13px;
margin-top:5px;
margin-bottom:3px;
}

p.LatestNews{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color:#666666;
text-align:left;
line-height:13px;
margin-top:0px;
margin-bottom:2px;
}

h2.Login{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#2090BF;
text-align:left;
line-height:12px;
margin:12px;
}

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#2090BF;
text-align:left;
}

h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:bold;
color:#2090BF;
text-align:left;
margin-top:28px;
margin-bottom:8px;
margin-left:56px;
}

h2.bottom{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#666;
text-align:left;
margin-left:40px;
margin-right:20px;
margin-top:0px;
margin-bottom:0px;
}

h2.essentials{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#666;
text-align:left;
margin-top:0px;
margin-bottom:10px;
}

h2.corporate1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:normal;
color:#2090BF;
text-align:left;
margin-top:4px;
margin-bottom:6px;
}

h2.corporate2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#666;
text-align:left;
margin-top:4px;
margin-bottom:6px;
}

textarea, input {
border: 1px solid #E4E4E4;
}

/*Set a LINKS for pages*/

a{
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a:link{
color:#2090BF;
}
a:visited{
color:#2090BF;
}
a:hover{
color:#2090BF;
}

a.bold{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
a.bold:link{
color:#2090BF;
}
a.bold:visited{
color:#2090BF;
}
a.bold:hover{
color:#206C90;
}

a.blue{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.blue:link{
color:#2090BF;
}
a.blue:visited{
color:#2090BF;
}
a.blue:hover{
color:#206C90;
}

a.white{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.white:link{
color:#FFF;
}
a.white:visited{
color:#FFF;
}
a.white:hover{
color:#FFF;
}

table.nav{
	height:27px;
	background-image:url(../images/btnbar-back.jpg);
	margin-left:5px;
	margin-right:5px;
	font-size:100%;
	border-style:solid;
	border-color:#397BAB;
	border-width:1px;
}


/*Layout Divs*/

#Container{
position:relative; 
width:985px; 
top:15px;  
/*height:760px; */
height:auto; 
border-color:#47545F;
border-bottom-style:solid;
border-bottom-width:0px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
border-top-style:solid;
border-top-width:1px;
margin: 0px auto;
background-color:#FFF;
margin-bottom:15px;
text-align:left;
}

#ContainerUL{
position:relative; 
width:985px; 
top:15px;  
height:auto; 
border-color:#47545F;
border-bottom-style:solid;
border-bottom-width:0px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
border-top-style:solid;
border-top-width:1px;
margin: 0px auto;
background-color:#FFF;
margin-bottom:15px;
text-align:left;
}


#HomeLogin{
position:absolute;
background-image:url(../images/login-back.jpg);
width:285px;
height:128px;
top:275px;  
left:680px;
overflow:hidden;
z-index:15;
}

#HomeUpdates{
position:absolute;
width:300px; 
top:290px;  
left:670px;
height:auto;
z-index:10;
}

#HomeAdvert{
position:absolute;
width:300px; 
top:615px;  
left:670px;
height:auto;
z-index:10;
}

#HomeIntro{
position:absolute; 
width:435px; 
top:130px;  
height:auto;
left:540px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color:#FFF;
text-align:right;
line-height:14px;
letter-spacing:0em;
}

#HomeProjects{
position:relative; 
width:auto; 
top:5px; 
padding-bottom:10px;
left:15px;
height:auto; 
text-align:left;
display:block;
z-index:10;
}

#LeftArea{
position:relative;
background-image:url(../images/form-back.jpg);
background-color:#EBEBEB;
width:620px; 
top:15px;
left:36px;
display:block;
height:auto;
border-color:#E4E4E4;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
border-top-style:solid;
border-top-width:1px;
overflow:hidden;
}

#LeftArea2{
position:relative;
background-image:url(../images/form-back.jpg);
background-color:#EBEBEB;
width:620px; 
top:15px;
left:36px;
display:block;
height:auto;
margin-bottom:10px;
border-color:#E4E4E4;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
border-top-style:solid;
border-top-width:1px;
}

#RightArea{
position:absolute;
width:300px; 
top:296px;  
left:670px;
height:auto;
z-index:10;
}

#ProductForm{
position:relative;
background-image:url(../images/form-back.jpg);
background-color:#EBEBEB;
width:450px; 
top:15px;  
left:56px;
height:auto;
border-color:#E4E4E4;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
border-top-style:solid;
border-top-width:1px;
opacity:0.95;
filter:alpha(opacity=95);
}

#ProductFormSml{
position:relative;
background-image:url(../images/form-back.jpg);
background-color:#EBEBEB;
float:left;
width:278px; 
margin-right:20px;
margin-bottom:0px;
margin-top:0px;
height:355px;
border-color:#E4E4E4;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
border-top-style:solid;
border-top-width:1px;
}


#ProductFormSml2{
position:relative;
background-image:url(../images/form-back.jpg);
background-color:#EBEBEB;
float:left;
width:425px; 
margin-right:20px;
margin-bottom:0px;
margin-top:0px;
height:250px;
border-color:#E4E4E4;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
border-top-style:solid;
border-top-width:1px;
}

#ProductFormLrg{
position:relative;
background-image:url(../images/form-back.jpg);
background-color:#EBEBEB;
width:872px; 
top:15px;  
left:56px;
margin-bottom:20px;
height:auto;
border-color:#E4E4E4;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
border-top-style:solid;
border-top-width:1px;
}

td.MobileTop{
background-image:url(../images/mobile1.jpg);
width:165px;   
height:98px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
padding-left:8px;
padding-right:14px;
padding-top:14px;
color:#2090BF;
text-align:center;
line-height:13px;
letter-spacing:0.1em;
}

td.WebTop{
background-image:url(../images/web1.jpg);
width:160px;   
height:98px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
padding-left:0px;
padding-right:12px;
padding-top:14px;
color:#2090BF;
text-align:center;
line-height:13px;
letter-spacing:0.1em;
}

td.AppsTop{
background-image:url(../images/apps1.jpg);
width:160px;   
height:98px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
padding-left:0px;
padding-right:12px;
padding-top:14px;
color:#2090BF;
text-align:center;
line-height:13px;
letter-spacing:0.1em;
}

td.SystemsTop{
background-image:url(../images/system1.jpg);
width:160px;   
height:98px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
padding-left:0px;
padding-right:12px;
padding-top:14px;
color:#2090BF;
text-align:center;
line-height:13px;
letter-spacing:0.1em;
}

td.MobileBottom{
background-image:url(../images/mobile3.jpg);
width:165px;   
height:173px;
padding-left:15px;
padding-right:10px;
vertical-align:top;
}

td.WebBottom{
background-image:url(../images/web3.jpg);
width:160px;   
height:173px;
padding-left:12px;
padding-right:10px;
vertical-align:top;
}

td.AppsBottom{
background-image:url(../images/apps3.jpg);
width:160px;   
height:173px;
padding-left:12px;
padding-right:10px;
vertical-align:top;
}

td.SystemsBottom{
background-image:url(../images/system3.jpg);
width:160px;   
height:173px;
padding-left:12px;
padding-right:10px;
vertical-align:top;
}



#Bottom{
position:relative; 
background-image:url(../images/bttm-area3b.gif);
width:985px; 
height:auto; 
margin: 7px auto;
}
#Bottom2{
position:relative; 
background-image:url(../images/bttm-area3b.gif);
width:985px;  
height:auto; 
margin: 7px auto;
}

#MobileBttn{
position:relative; 
background-image:url(../images/mobile-bttn.jpg);
background-repeat:none;
width:128px;   
height:157px; 
margin: 0px auto;
padding-top:118px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:12px;
font-weight:bold;
color:#2090BF;
text-align:center;
}

#WebBttn{
position:relative; 
background-image:url(../images/web-bttn.jpg);
background-repeat:none;
width:128px;   
height:157px; 
margin: 0px auto;
padding-top:118px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:12px;
font-weight:bold;
color:#2090BF;
text-align:center;
}

#SystemsBttn{
position:relative; 
background-image:url(../images/systems-bttn.jpg);
background-repeat:none;
width:128px;   
height:157px; 
margin: 0px auto;
padding-top:118px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:12px;
font-weight:bold;
color:#2090BF;
text-align:center;
}

#ApplicationsBttn{
position:relative; 
background-image:url(../images/apps-bttn.jpg);
background-repeat:none;
width:128px;   
height:157px; 
margin: 0px auto;
padding-top:118px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:12px;
font-weight:bold;
color:#2090BF;
text-align:center;
}

#MainForm
{
position:relative;
background-image:url(../images/form-back.jpg);
background-color:#EBEBEB;
width:450px; 
top:15px;  
left:56px;
height:auto;
border-color:#E4E4E4;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
border-top-style:solid;
border-top-width:1px;
opacity:0.95;
filter:alpha(opacity=95);
}

.NewsImg{
	margin-bottom:5px;
	margin-top:0px;
	margin-left:0px;
	margin-right:10px;
}

.RightImgs{
	margin-top:15px;
	margin-bottom:0px;
}


/*Service Buttons */


#ServiceButtons{
position:absolute;
width:228px; 
top:300px;  
left:746px;
z-index:10;
clear:both;
}

p.corporateservicesbtn{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#2090BF;
text-align:left;
line-height:14px;
margin:0;
}


p.servicebtn1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color:#2090BF;
text-align:center;
margin-top:88px;
margin-bottom:0px;
line-height:11px;
}

p.servicebtn2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color:#2090BF;
text-align:center;
margin-top:88px;
margin-bottom:0px;
line-height:11px;
}

p.servicebtn3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color:#2090BF;
text-align:center;
margin-top:80px;
margin-bottom:0px;
line-height:11px;
}


#MobileBtn{
width:106px; 
height:118px;
background-image:url(../images/mobileapps-btn.jpg);
float:left;
margin:3px;
}

#CScontent{
position: absolute; 
top: 10px; 
left: 10px;
}

#ConsultingBtn{
position:relative;
width:218px; 
height:118px;
background-image:url(../images/consulting-btn2.jpg);
float:left;
margin:3px;
}

#TrainingBtn{
position:relative;
width:218px; 
height:118px;
background-image:url(../images/training-btn2.jpg);
float:left;
margin:3px;
}

#WebsiteBtn{
width:106px; 
height:118px;
background-image:url(../images/website-btn.jpg);
float:left;
margin:3px;
}

#IntranetBtn{
width:106px; 
height:118px;
background-image:url(../images/intranet-btn.jpg);
float:left;
margin:3px;
}

#ResearchBtn{
	position:relative;
width:218px; 
height:118px;
background-image:url(../images/research-btn2.jpg);
float:left;
margin:3px;
}

#DatabaseBtn{
width:106px; 
height:118px;
background-image:url(../images/database-btn.jpg);
float:left;
margin:3px;
}

#DesignBtn{
	position:relative;
width:218px; 
height:118px;
background-image:url(../images/design-btn3.jpg);
float:left;
margin:3px;
}

#SoftwareBtn{
width:106px; 
height:118px;
background-image:url(../images/software-btn.jpg);
float:left;
margin:3px;
}



#ProductBackground{
	position:absolute;
	border:thin #9C9E9F solid;
	background-color:#ECEDED;
	left:56px;
	top:450px;
	width:450px;
	height:280px;
	z-index:10;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
    -khtml-opacity: 0.85;
	z-index:10;
}

#ProductCopy{
position:relative;
width:405px;
	top:55px;
	left:80px;
	z-index:100;
}

#ProductImage{
	position:relative;
	left:0px;
	top:-90px;
	height:440px;
	z-index:1;
}