@charset "utf-8";
/* CSS Document */

body{
background:url(../images/full-page-bg.jpg);
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-size:12px;
line-height:22px;
margin:0px;
padding:0px;
}

td,th{
vertical-align:top;
}
img{
border:none;
}
/* default area */

#headerwrap{
margin-left:auto;
margin-right:auto;
background:url(../images/header-urlname-bg.jpg);
background-repeat:repeat-x;
height:110px;
}
#header{
margin-left:auto;
margin-right:auto;
width:960px;
}
#headerright{
float:right;
width:100px;
text-align:right;
padding-right:10px;
padding-top:20px;
color:#000;
}


#logo{
float:left;
width:560px;
}
#banner{
margin-left:auto;
margin-right:auto;
width:960px;
height:225px;
}
.navbar{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:auto;
margin-right:auto;
width:960px;
background:url(../images/navbar-bg.jpg);
background-repeat:repeat-x;
background-position:top;
color:#fff;
font-weight:bold;
height:30px;
vertical-align:middle;
}
.navbar ul{
display:inline;
list-style:none;
margin:0px;
padding:0px;
}
/* .navbar ul li{
display:inline;
list-style:none;
padding-left:9px;
padding-right:9px;
border-right:1px solid #666;
} */
.navbar ul li a{
color:#fff;
text-decoration:none;
}
.navbar ul li a:hover{
color:#000;
text-decoration:underline;
}
#contentwrap{
margin-left:auto;
margin-right:auto;
background:#fff;
width:960px;
}
#contentwrap1 {
float : left;
width : 100%;
background:#fff;
}
#leftbar{
float:left;
padding:10px;
background:white;
width:670px;
}
#leftbar-innerpage{
float:left;
padding:10px;
background:white;
width:940px;
}

#leftbar h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#666;
margin-top:0px;
margin-bottom:5px;
font-weight:normal;
}
#rightbar{
float:right;
width:250px;
background:#ccc;
padding:10px;
}
#title{
background:url(../images/other-title-bar-bg.jpg);
background-repeat:repeat-x;
padding-left:10px;
color:#fff;
line-height:30px;
font-size:16px;
padding-bottom:5px;
font-weight:bold;
}
#rightbar #title a:link, a:visited, a:active, a:hover{
	text-decoration:none;
	color:#fff;
}

#rightbox{
background:white;
padding:5px;
border:1px solid #999;
}
#footer{
clear:both;
margin-left:auto;
margin-right:auto;
width:100%;
background:url(../images/footer-bg.jpg);
background-repeat:repeat-x;
height:60px;
border-top:10px solid #431B63;
color:#666666;
}
#footer a:link, a:visited, a:active{
	color:#666;
	text-decoration:none;
}
#footer a:hover{
	color:#333;
	text-decoration:underline;
}
.seperator{
height:5px;
}
#footerinner{
padding-top:10px;
margin-left:auto;
margin-right:auto;
width:960px;
}
#footerleft{
float:left;
width:600px;
list-style:25px;
font-size:12px;
}
#footermenu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}
#footerleft #footermenu ul{
margin:0;
padding:0;
}
#footerleft #footermenu ul li{
display:inline;
padding-right:10px;
}
#footerright{
padding-top:20px;
float:right;
font-size:12px;
width:300px;
text-align:right;
line-height:25px;
}
#leftbox{
padding:5px;
background:#fff;
border:1px solid #e5e5e5;
}
#title2{
background:#CCCCCC;
height:1px;
}
#title1{
background:url(../images/grey-titlebar-bg.jpg);
line-height:30px;
padding-left:10px;
color:#333;
font-size:16px;
font-weight:bold;
}
#clients{
clear:both;
padding-top:10px;
margin-left:auto;
margin-right:auto;
width:960px;
}
.ourproductbox{
padding-top:10px;
padding-bottom:10px;
}
.productboxinner{
border:1px solid #fff;
padding:10px;
background:#fff;
}
.clientlogotext{
text-align:center;
font-weight:bold;
}
.clientlogo{
text-align:center;
}
.readmore{
font-weight:bold;
text-decoration:underline;
font-size:11px;
}
#downloads{
float:left;
width:325px;
}
#jobs{
float:right;
width:325px;
}
.leftcolumnbox{
padding:0px 5px 0px 5px;
border:1px solid #f5f5f5;
}
/* styles for joomla components */

.contentheading{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#333333;
padding-bottom:10px;
padding-top:10px;
}
.componentheading{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#333333;
padding-bottom:10px;
padding-top:10px;
}
/* styles for jobs pages */
.devstages td,th{
padding:5px;
}
.tabpadding{
border:1px solid #ccc;
}

.appform{
background:#fff;
}
.appform td, th{
border:none;
}
.appform inputbox{
border:1px solid #ccc;
}
.group{

}
.group img{
text-align:right;
padding:0px 0px 0px 5px;
}
.grouptitle{
clear:both;
padding-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
.grouptext{
padding:5px 0px 5px 0px;
border-bottom:1px solid #ccc;
min-height:90px;

}
.productrow{
min-height:130px;
}

#contactleft{
width:350px;
text-align:left;
float:left;
}
#contactright{
float:right;
text-align:right;
width:330px;
}
/* styles for jobs pages */
.contentpaneopen{
	width:100%;
}

.contentpaneopen ul li{
list-style:circle;

}
.componentheading{
padding-bottom:10px;
}
.sectiontableentry{
padding-left:20px;
}
.contentpane td{
padding:5px;
}
#directory a:active, a:link, a:visited, a:hover{
	color:#666;
}
.itemlink a:visited{
	color:#fff;
}
#our-clients td, th{
	vertical-align:middle;
	text-align:center;
}
#project-page-info-text{
	position:absolute;
	padding-top:40px;
}