@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}


body {
	text-align:center;
	background:url(../images/nav_images/bg.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#595959;
}

ul,li{
	padding:0px;
	margin:0px;
	list style:none;
}

.clear {
	clear:both;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#FF6600;
}

a:hover {
	text-decoration:none;
	color:#006699;
}

.head {
	padding:0 0 5px 10px;	
}

/*-----form start----------*/

.cssform{
	float:left;
	padding-bottom:20px;
	padding-left:10px;
}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#right #address {
	padding-left:10px;
	float:left;
	width:690px;
}

/*-----form end----------*/


/*------wrapper--------*/
#wrapper {
	/*background-color:#FFFFFF;*/
	width:902px;
	text-align:left;
	margin:0 auto;
}

/*------header--------*/

#header {
	height:103px;
	background-color:#FFFFFF;
}

#logo {
	width:208px;
	height:46px;
	float:left;
/*	margin-top:25px;*/
/*	margin-left:5px;*/
	margin-top: 6px;
}

/*------nav--------*/

#nav {
	width:680px;
	float:right;
}

#nav ul {
	list-style:none;
	float:right;
	
}

#nav li {
	float:left;
	padding-left:5px;
}

#nav a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	padding-top:10px;
	font-weight:bold;
	float:left;
	height:42px;
	width:85px;
}

#nav a:hover {
	padding-top:10px;
	height:58px;
	font-size:12px;	
}

#nav a.active {
	padding-top:10px;
	height:58px;
	font-size:12px;	
}

#nav .home a{
	background:url(../images/nav_images/home_btn.gif) no-repeat scroll top center;
}

#nav .home a:hover {
	background:url(../images/nav_images/home_hover_btn.gif) no-repeat scroll top center;
}

#nav .home a.active{
	background:url(../images/nav_images/home_hover_btn.gif) no-repeat scroll top center;	
}

#nav .about a {
	background:url(../images/nav_images/about_btn.gif) no-repeat scroll top center;
}

#nav .about a:hover {
	background:url(../images/nav_images/about_hover_btn.gif) no-repeat scroll top center;
}

#nav .about a.active{
	background:url(../images/nav_images/about_hover_btn.gif) no-repeat scroll top center;
}

#nav .software a {
	background:url(../images/nav_images/software_btn.gif) no-repeat scroll top center;
}

#nav .software a:hover {
	background:url(../images/nav_images/software_hover_btn.gif) no-repeat scroll top center;
}

#nav .software a.active{
	background:url(../images/nav_images/software_hover_btn.gif) no-repeat scroll top center;
}

#nav .hardware a {
	background:url(../images/nav_images/hardware_btn.gif) no-repeat scroll top center;
}

#nav .hardware a:hover {
	background:url(../images/nav_images/hardware_hover_btn.gif) no-repeat scroll top center;
}

#nav .hardware a.active{
	background:url(../images/nav_images/hardware_hover_btn.gif) no-repeat scroll top center;
}

#nav .bpo a {
	background:url(../images/nav_images/bpo_btn.gif) no-repeat scroll top center;
}

#nav .bpo a:hover {
	background:url(../images/nav_images/bpo_hover_btn.gif) no-repeat scroll top center;
}

#nav .bpo a.active{
	background:url(../images/nav_images/bpo_hover_btn.gif) no-repeat scroll top center;
}


#nav .contacts a{
	background:url(../images/nav_images/contact_btn.gif) no-repeat scroll top center;
}

#nav .contacts a:hover {
	background:url(../images/nav_images/contacts_hover_btn.gif) no-repeat scroll top center;
}

#nav .contacts a.active{
	background:url(../images/nav_images/contacts_hover_btn.gif) no-repeat scroll top center;
}

/*------/nav--------*/

/*------menubar--------*/
#menubar {
	height:30px;
	padding-top:10px;
}

#menubar ul {
	list-style:none;
}

#menubar li  {
	display:inline;
}

#menubar a {
	color:#FFFFFF;
}

#menubar a.hover {

} 

/*------/menubar--------*/
/*------banner--------*/

#banner {
	height:200px;
	padding-top:5px;
	
}

/*--------------portfolio----------------*/

.portfolio_main {
	margin-bottom:30px;
	/*border:1px solid #D6D6D6;*/
	padding:10px 5px 5px 15px;

}


.portfolio_img  {
	float:left;
	width:194px;
	padding-left:10px;
	text-align:center;
	padding-bottom:20px;
	/*background:url(../images/portfolio_images/divider_1.gif) no-repeat right ;*/
	border:1px solid #D6D6D6;
	margin:0px 15px 17px 2px;
	
}

#right .portfolio_img h3 {
	color:#2b7aa9;
	padding-bottom:20px;
	font-size:12px;
	
}

.noborder {
	background:none;
}


/*--------------/portfolio----------------*/

#banner .hardware {
	background:url(../images/banner/hardware_banner_inner.gif) no-repeat scroll right;
	height:71px;
	padding-top:120px;
	font-size:36px;	
	font-weight:normal;
	padding-left:20px;	
	
}

#banner .software {
	background:url(../images/banner/4.gif) no-repeat scroll right;
	height:71px;
	padding-top:120px;
	font-size:36px;	
	font-weight:normal;
	padding-left:20px;	
	
}

#banner .portfolio {
	background:url(../images/banner/banner_portfolio.gif) no-repeat scroll right;
	height:71px;
	padding-top:120px;
	font-size:36px;	
	font-weight:normal;
	padding-left:20px;	
	
}

#banner .bpo {
	background:url(../images/banner/bpo_banner_inner.gif) no-repeat scroll right;
	height:71px;
	padding-top:120px;
	font-size:36px;	
	font-weight:normal;
	padding-left:20px;	
}

#banner .contacts {
	background:url(../images/banner/contact_banner_inner.gif) no-repeat scroll right;
	height:71px;
	padding-top:120px;
	font-size:36px;	
	font-weight:normal;
	padding-left:20px;	
	
}

#banner .about {
	background:url(../images/banner/about_banner.jpg) no-repeat scroll right;
	height:71px;
	padding-top:120px;
	font-size:36px;	
	font-weight:normal;
	padding-left:20px;	
	
}

#banner .associates {
	background:url(../images/banner/associates_1.jpg) no-repeat scroll right;
	height:71px;
	padding-top:120px;
	font-size:36px;	
	font-weight:normal;
	padding-left:20px;	
	
}

h3 {
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	
}


/*------/banner--------*/

/*------main_container--------*/
#main_container {
	background-color:#FFFFFF;
	margin-top:20px;
	
}

#left {
	float:left;
	width:195px;
}

#box{
	margin-bottom:20px;
}

#box .top{
	width:191px;
	height:14px;
	background:url(../images/top_testim.gif) no-repeat;
}

#box .mid {
	background:url(../images/mid_testim.gif) repeat-x top;
	width:189px;
	border-left:#aeaeae solid 1px;
	border-right:#aeaeae solid 1px;
}

#box .bottom {
	background:url(../images/bottom_testim.gif) scroll bottom repeat-x;
	padding:0px 16px 15px 16px;
}

#box .nobg {
	background:none;
}

.quote_start {
	text-align:left;
	padding-bottom:5px;
}

.quote_end {
	text-align:right;
	padding-top:5px;
}

#right {
	float:right;
	width:690px;
}

#about {
	border:solid 1px #aeaeae;
}

#contacts {
	border:solid 1px #aeaeae;
	padding:10px 0 10px 10px;
}

#about .about_img {
	float:left;
	padding:10px;
}

#contacts .about_img {
	float:right;
	padding:10px;
}

.inner_main {
	margin-bottom:30px;
	border:1px solid #D6D6D6;
	padding:10px 5px 5px;
}

#right .inner_main p{
	padding-bottom:8px;
}

#right .inner_head {
	height:20px;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	padding:5px 0 5px 25px;
	color:#245fca;
/*	border-right:5px #336633 solid;*/
/*	border-bottom:solid #D6D6D6 1px;*/
	background:url(../images/icon_arrow_1.gif) no-repeat scroll left top;
	
}


#right .services_right {
	float:left;
	width:200px;
}

#right .services_left {
	float:left;
	width:470px;
}

#right .inner_main .right {
	float:left;
	width:200px;
}

#right .inner_main .left {
	float:left;
	width:470px;
}

.read_more {
	text-align:right;
	color:#FF6600;
	
}

#right h3 {
	font-size:14px;
	/*color:#245FCA;*/
}

#right p {
	padding-bottom:8px;
	
}

.inner_box{
	border:none;
	/*padding-bottom:30px;*/
	padding:10px 0 30px 5px;
	border:1px solid #D6D6D6;
	margin-bottom:10px
}



/*------/main_container--------*/

/*------/wrapper--------*/

/*------footer--------*/
#footer {
	width:902px;
	background:#414141;
	text-align:center;
	margin:0 auto;
	text-align:center;
	padding-top:20px
}

#footer .seprator {
	background:url(../images/seprator_footer.gif) bottom no-repeat ;

}
#footer .bottom {
	float:left;
	height:250px;
	width:220px;

}

#footer ul {
	list-style:none;
	text-align:center;
}

#footer li {
	padding:10px;
}

#footer a {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#FF6600;
}


/*------/footer--------*/


/*------test--------*/

.tags {
	color:#8A8C7B;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0;
	padding:0;
	text-transform:uppercase;
}


.services_left .custom-development {
	
	background:url(icon_portfolio/icon_customdevelopment.png) no-repeat scroll left center;
}



.services_left .php {

	background:url(icon_portfolio/icon_php.png) no-repeat scroll left center;
}

.services_left .database {
	background:url(icon_portfolio/icon_database.png) no-repeat scroll left center;
}


.services_left .css {

	background:url(icon_portfolio/icon_css.png) no-repeat scroll left center;
}

.services_left .portfolio .content .html {

	background:url(icon_portfolio/icon_html.png) no-repeat scroll left center;
}


.services_left .javascript {
	background:url(icon_portfolio/icon_javascript.png) no-repeat scroll left center;
}

/*------/test--------*/

/*------services_box--------*/
.services_box {
	width:147px; 
	float:left; 
	margin:0 10px;
	text-align:center;

}

.services_box h3 {
	text-align:center;
}

.inner_main .prev {
	height:100px;
	float:left;
	padding-right:10px;
	background:url(../images/new_images/port_sep.gif) no-repeat right;
	padding-top:70px;
}

.inner_main .port_box {
	width:170px;
	height:160px;
	border:1px solid #cecece;
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
}

.inner_main .next {
	height:100px;
	float:left;
	padding-left:10px;
	background:url(../images/new_images/port_sep.gif) no-repeat left;
	padding-top:80px;
}

/*------services_box--------*/

/*-------bcol_1-----------------*/
#banner .bcol_1 {
	background:url(../images/new_images/sep_b.gif) no-repeat right;
	width:215px;
	margin-right:10px;
	padding-bottom:10px;
	float:left;
	padding-top:20px;
}

#banner .bcol_1 ul {
	padding-top:8px;
	list-style:none;
	margin-left:10px;
	
}

#banner .bcol_1 li {
	background:url(../images/new_images/arrow_b.gif) no-repeat scroll left top;
	padding-left:20px;
	padding-bottom:8px;
}

#banner .bcol_1 a  {
	color:#666666;
}

#banner .bcol_1 a:hover {
	color:#0099CC;
}

#banner .bcol_1 .b_more {
	text-align:right;
	padding-right:20px;
	padding-top:3px;
	
}	

#banner .bcol_1.no_bg  {
	background:none;	
}

/*-------bcol_1-----------------*/