/* RESET.CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{margin:0;padding:0;border:0;outline:0;font-size: 100%;vertical-align:baseline;background:transparent;}
body {line-height: 1;}
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;vertical-align:top;}
ol,ul{padding:0 0 20px 20px;}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/***end reset.css***/
body{
width:100%;
font: 14px Arial, sans-serif, Helvetica;
color:#565a5c;
background:#fff;
}
a{color:#03a7fc;}
h1{padding:5px 0 10px;font-size:30px;font-weight:400;}
h2{padding:5px 0 8px;font-size:22px;font-weight:400;}
h3{padding:5px 0;font-size:14px;color:#4493b0;}
div.wrap{
width: 900px;
overflow:hidden;
margin:0 auto;
}
#header,#main,#footer{
width:100%;
float:left;
padding:35px 0 0;
}
.b-logo,.b-logo a{
float:left;
display:block;
width:189px;
height:70px;
background:#fff url(../images/bg-logo.png) no-repeat scroll 0 0;
}
.b-logo a{
text-indent:-9999px;
}
.b-mainMenu{
float:left;
padding:46px 0 0 10px;
list-style:none;
}
.b-mainMenu li{
float:left;
padding:0 0 0 40px;
}
.b-mainMenu li a{
display:block;
height:21px;
float:left;
line-height:21px;
text-decoration:none;
color:#636a7a;
font-family:'Myriad Pro';
border-bottom:solid 3px #fde399;
}
.ie6 .b-mainMenu li a{font-size:13px;}
.b-mainMenu li a:hover{
color:#faba00;
}
.b-mainMenu li.active a{color:#fff;background:#faba00;padding:0 4px;}
.b-info{
float:right;
width:170px;
height:70px;
padding:4px 0 0;
}
#index .b-info{
width:170px;
background:#fff;
}
.b-info-telephone{
width:150px;
height:50px;
text-indent:-9999px;
background:#fff url(../images/bg-tel.png) no-repeat scroll 0 0;
font-family:'myriad pro';
}
.b-info-telephone strong{
font-size:18px;
color:#65c2e6;
}
.b-info-telephone span{
font-size:12px;
padding:0 2px;
}
.b-info-forClients{height:14px;}
.b-info-forClients a{
padding:0 20px 0 0;
display:inline-block;
position:relative;
font-size:11px;
background:#fff url(../images/bg-fc.png) no-repeat scroll 100% 100%;
}
#container{float:left;width:100%;}
#content{padding:0 10px 0 235px;}
#index #content{padding:0 220px;}
#content img{float:left;display:inli-block;}
#content p,#content ul{
overflow:hidden;
padding:0 0 10px;
list-style:none;
line-height:18px;
}
.ie6 #content p{
display:inline-block;
}
#content ul li{
padding:0 0 0 30px;
background:#fff url(../images/bg-ul2.png) no-repeat scroll 5px 7px;
}
#index #content ul li{background:#fff url(../images/bg-ul.png) no-repeat scroll 0 5px;margin-bottom: 8px;}
#content ol li{margin-bottom: 5px;}
#content table{width:100%;margin:0 0 20px;}
#content table th{background:#dff4e0;padding:5px;}
#content table td{background:#fff;padding:5px;text-align:center;}
#content table .grayRow td{background:#f2f2f2;}
#leftCol{
float:left;
width:175px;
margin-left:-100%;
padding:0 0 0 15px;
/*font-family:'myriad pro';*/
}
#leftCol .b-rightCol,#leftCol .b-leftCol{
padding:0 0 40px;
width:175px;
}
.services .title,.portfolio .title{
display:block;
padding:2px 0 0 26px;
height:26px;
font-size:18px;
}
.services .title{
color:#348eb1;
background:#fff url(../images/bg-serv-title.png) no-repeat scroll 0 0;
}
.portfolio .title{
color:#faba00;
background:#fff url(../images/bg-port-title.png) no-repeat scroll 0 0;
}
.services .cats,.services .subCats{
list-style:none;
overflow:hidden;
padding:0 0 0 20px;
}
.services .cats li{
padding:10px 0 4px;
float:left;
width:100%;
border-bottom:solid 1px #fde399;
}
.services .cats li a{
display:block;
position:relative;
margin-left:-20px;
padding:0 0 0 26px;
color:#9299aa;
font-size:16px;
text-decoration:none;
background:#fff url(../images/bg-serv-cats.png) no-repeat scroll 0 center;
}
.ie6 .services .cats li a{display:inline-block;}
.services .cats li.active a{
background:#fff url(../images/bg-serv-acats.png) no-repeat scroll 0 center;
}
.services .cats li.catsOrder{
font-style:italic;
border:0 none;
}
.services .subCats li{
border:0 none;
padding:10px 0 0;
}
.services li.active .subCats li a{
font-size:12px;
background:#fff url(../images/bg-serv-subcats.png) no-repeat scroll 0 center;
}
.portfolio .folio{
list-style:none;
padding:10px 0;
}
.portfolio .folio li{
padding:6px 6px 5px;
text-align:center;
border:solid 1px #d9e1f4;
border-width:1px 1px 2px;
margin:0 0 5px;
font-size:12px;
background:#f8ffff url(../images/bg-folio.png) no-repeat scroll 100% 100%;
}
.portfolio .folio li a{
color:#9299aa;
text-decoration:none;
}
.portfolio .more{
border-bottom:solid 1px #03a7fc;
position:relative;
padding:3px 0;
background:#fff;
}
.portfolio .more .arrow-more{
position:relative;
width:3px;
height:5px;
float:right;
bottom:-1px;
background:#fff url(../images/arrow-more.png) no-repeat scroll 0 0;
}
.portfolio .more a{
text-decoration:none;
font-size:12px;
display:block;
}
.cloud{font-family:'myriad pro';}
.cloud a{text-decoration:none;}
.cloud strong{font-weight:400;white-space:nowrap;}
.cloud .site{font-size:24px;color:#18a3d9;}
.cloud .portal{font-size:30px;color:#67c0e3;}
.cloud .ecart{font-size:18px;color:#356c90;}
.cloud .webdesign{font-size:24px;color:#619167;}
.cloud .spec{font-size:18px;color:#18a3d9;}
.cloud .web{font-size:30px;color:#67c0e3;}
#rightCol{
float:left;
margin-left:-170px;
width:170px;
/*font-family:'myriad pro';*/
}
#rightCol .b-leftCol{
padding:0 0 40px;
width:175px;
}
.b-footer{
padding:5px;
margin:0 0 20px 210px;
overflow:hidden;
font-size:9px;
border-top:solid 14px #fde399;
}
#index .b-footer{margin:0 210px 20px;}
.b-footer .b-copyright-left{float:left;}
.b-footer .b-copyright-right{float:right;}
.navigation{
padding:16px 16px 2px;
margin:-5px -10px 20px;
font-size:10px;
line-height:14px;
position:relative;
background:#fde399 url(../images/bg-navigation.jpg) no-repeat scroll -6px 0;
}
.b-ads{
overflow:hidden;
padding:20px 0;
}
.b-ads .b-ads-img{
float:left;
padding:7px 20px 20px 0;
}
#content form.form p{padding:0;}