/*<![CDATA[*/

/* layout definition */

body     { margin:0; padding:0; font: 11px Tahoma, Verdana; background: #fff 8px 0px;  text-align: center /* IE 5.x */; }

#header      { width: 904px; height: 25px; margin: auto; text-align: left; padding-left: 21px; padding-right: 21px; margin-top: 11px; }       
#page        { width: 946px; margin: auto; background: url(../i/bg_top.gif) top no-repeat; padding-top: 8px; padding-bottom: 20px}
#outer       { float: left; width: 100%; background: url(../i/bg_bottom.gif) bottom no-repeat; padding-bottom: 8px}
#inner       { float: left; width: 100%; background: url(../i/bg_left.gif) repeat-y; }
#conteiner   { float: left; width: 902px; background: url(../i/bg_right.gif) right repeat-y; text-align: left;
              padding-top: 13px; padding-left: 21px; padding-right: 21px; padding-bottom: 23px}
#top         { float: left; width: 100% }

#login         { float: right; padding-top: 11px; width: 48px /* width - for Opera 8.5 bug*/}
#login a.login { float: left; margin-right: 3px; color: #4c4c4c }
#login img     { padding-top: 3px }

#content { float: left; width: 904px; margin-top: 15px; }
#cleft   { float: left; width: 597px; }
#cright  { float: right; width: 293px; }

#content.internal { width: 860px; padding-left: 22px; padding-right: 22px; 
                    background: url(../i/bg_header.gif) top repeat-x; }


/* left div of content */

div#services    { background: url(../i/bg_header.gif) top repeat-x; }
div#services ul { margin:0; margin-top: 17px} /* 8 */
div#services li { padding-left: 81px; padding-bottom: 18px; margin-bottom: 17px; padding-right: 58px; border-bottom: 1px solid #e4ebf7 }
div#services li { background-image: none; background-position: 23px 0; background-repeat: no-repeat}
div#services li.webdev      { background-image: url(../i/bg_services_webdev.gif) } 
div#services li.dbd         { background-image: url(../i/bg_services_dbd.gif) }
div#services li.custom      { background-image: url(../i/bg_services_custom.gif) }
div#services li.outsourcing { background-image: url(../i/bg_services_outsourcing.gif) }
div#services li p { margin: 0; margin-top: 4px}


/* right div of content */

div#contactus { width: 293px; height: 125px; padding-top: 45px; margin-bottom: 13px; background: url(../i/bg_contactusnow.gif) no-repeat; height/* */: 70px }
div#recentprojects { float: left; width: 273px; background: url(../i/bg_recentprojects.gif) no-repeat; padding-left: 20px; padding-top: 45px; margin-bottom: 25px;}
div#recentprojects h1  { font: bold 12px Tahoma, Verdana ; padding:0; margin:0; margin-bottom: 7px}
div#recentprojects img { float: left; width: 101px; height: 93px }
div#recentprojects div { float: left; width: 172px; padding-left: 11px; width/* */: 161px }
div#recentprojects p   { margin:0; margin-bottom: 5px }
div#indexpertise    { background: url(../i/bg_indexpertise.gif) no-repeat; padding-top: 45px}
div#indexpertise li { background-image: url(../i/bg_li2.gif) }

div#footer   { font: 10px Tahoma, Verdana; color: #7f7f7f ; padding-left: 23px; padding-top: 33px; }
div#footer a { color: #7f7f7f}
div#footer p { margin: 0 }
div#footer p.copyright { margin-bottom: 2px }

div#footer a.sitemap { font-size: 11px; /*font-decoration: underline /* under - opera bug */ }

#menu img, #top img { float: left}

a         { color: #000 }
a.details { color: #355c96; font-weight: bold}
br.clear  { clear: both }
img       { border: 0}
img.technologys { margin-left: 78px; margin-top: 20px}

p.location { margin:0; padding:0; float: left; padding-top: 4px }
p.location a { color: #7f7f7f; }
p.contacts { float: left; width: 50% }
p.sitemap  { float: left; width: 50%; text-align: right; margin-top: -1px }
p.sitemap img { margin-left: 4px; margin-right: 12px; vertical-align: -1px }

ul { margin:0; padding:0; padding-top: 5px; margin-left: 23px; list-style: none;}
li { background: url(../i/bg_li.gif) 0 1px no-repeat; padding-bottom: 7px; padding-left: 19px}

form  { margin:0; padding:0; float: right; }
input.field { width: 99px; font: 11px Tahoma; color: #4c4c4c; border: 1px solid #d0d0d0; background: #fff; margin-bottom: 5px; }
input.img   { margin-left: 3px }

table.services   { margin-top: 10px}
table.services td.noborder { padding-left: 0; border:0}
table.services td { width: 25%; vertical-align: top; padding-left: 12px; padding-right: 12px; padding-bottom: 20px;
                    border-left: 1px solid #e9eef8 }


/*]]>*/