/* CSS 2009 */

* {font-size:100%;}
html, body {height:100%; background:url(i/back.jpg) repeat-x top;}
body, form, h1, h2, h3, h4, h5 {margin:0px;padding:0px;}
body {font-size:100%;font-family:Geneva,Arial,Helvetica,sans-serif;line-height:1.7; margin:0px auto;}

a {color:#2F55A4;}
a:hover, a:focus {color:#CC0033;}

img {border-width:0px;}

h1, h2, h3, h4 {font-weight:normal;line-height:1.2;margin-bottom:15px;}
h1 {font-size:130%;}
h2 {font-size:123%}
h3 {font-size:113%}

#page {min-height:100%;text-align:left;/*min-width:900px;max-width:1620px;;*/margin:0px auto;width:1000px;}
.bx, #lft, #rgt, #ctr {position:relative;}
.bx {clear:both;width:100%;z-index:1;overflow:hidden;}
.bx #lft {float:left;width:400px;left:0px;}
.bx #rgt {float:right;width:300px;right:0px;}
.bx #ctr {margin-left:300px;margin-right:300px;}

.no-rgt #ctr {margin-right:0px;}
.no-lft #ctr {margin-left:0px;}
.no-side #ctr {margin:0px 300px;}
/* over-menu */
.over-menu {height:82px;}
.over-menu a.ord {color:#ff3355;font-size:150%;margin-left:310px}
.over-menu a {font-size:140%;display:block;float:left;padding:20px 30px;height:40px;text-decoration:none;border:0px solid #eee;}
.over-menu a:hover {}

/* menu */
.menu {background:#3c3c3c;}
.menu a {color:#f5f5f5;font-size:122%;padding:0px 30px;text-decoration:none;background:url(i/bg-menu.png) no-repeat right top;}
.menu a.n {background:none;}
.menu a:hover, #o {color:#00BFFF;}
.menu b.rtop,.menu b.rbottom{display:block;background:#FFF}
.menu b.rtop b, .menu b.rbottom b{display:block;height:1px;overflow:hidden;background:#3c3c3c}
.menu b.r1{margin:0px 5px}
.menu b.r2{margin:0px 3px}
.menu b.r3{margin:0px 2px}
b.rtop b.r4, b.rbottom b.r4{margin:0px 1px;height:2px}


/* pod-menu */
.pod-menu {height:50px;margin:0px 10px;}
.pod-menu a {color:#3c3c3c;font-size:70%;display:block;float:left;padding:10px 15px;height:20px;text-decoration:none;}
.pod-menu a:hover {color:#35f;}
.pod-menu a sup,.pod-menu a sub {font-size:100%;}
.pod-menu .faq {background:url(i/mn-faq-bg.jpg) no-repeat;width:50px;}
.foo {}
.foo  #lft {width:400px;}
.foo  #ctr {margin-left:400px;}
.foo .Best-Web-Studio {font-size:90%;}
.foo .Best-Web-Studio sup {font-size:87%;}
.foo .address {color:#555;font-size:78%;}
.foo .search  input{width:90%;color:#999;font-size:11px;}

.logo {width:100%; background:url(i/back.jpg) no-repeat left top;}
.logo h1 a {width:400px;height:150px;overflow:hidden;display:block;position:relative;color:#39F;text-align:center;font-size:20px;text-decoration:none;}
.logo h1 a span {position:absolute;width:400px;height:150px;top:0;left:0;background: url(i/logo.png) no-repeat 0 0;}

.phone {background: url(i/phone.gif) no-repeat left center;text-align:center;font-size:170%;color:#5565BA;font-family: Georgia, Palatino, Times New Roman;padding:40px 0px;}

.i-auto {padding-left:24px;background:url(i/auto.gif) no-repeat left;}
.i-people {padding-left:11px;background:url(i/foot.gif) no-repeat left;}
.i-bus {padding-left:32px;background:url(i/bus.gif) no-repeat left;}
.i-all-contact {padding-left:16px;background: url(i/contacts.gif) no-repeat left;}
#p {padding:10px;}

.nav {padding:10px;}
.nav a{display:block;margin-bottom:8px;}

.service,.portfolio {padding-bottom:20px;}
.service .it {width:31%;padding:8px;float:left;}
.service .it {text-align:center;font-size:102%}
.service .it img{width:80%;}

.portfolio {overflow:hidden}
.portfolio .o{width:22%;text-decoration:none;padding:8px;float:left;}
.portfolio .i {width:99%;height:200px;overflow:hidden;}
.portfolio .i img{width:90%;text-decoration:none}
.portfolio a,.portfolio span,.portfolio sup,.portfolio .o{margin-right:10px;text-decoration:none;}

.ord {margin:20px 0px;}
.ord #lft {width:185px;}
.ord #ctr {margin-left:185px;}
.ord .txt {float:left;width:90px;font-size:90%;line-height:1.1;padding:25px 0px;text-align:right;}
.ord .count {float:right;text-align:center;width:85px;font-size:180%;padding:15px 0 0 10px;}
.ord .btn {background:#CE3B85 url(i/button.png) no-repeat top;display:block;float:left;margin-right:15px;width:160px;font-size:128%;height:40px;padding:26px 20px;color:#f5f5f5;}
.ord .btn:hover {background:#218000 url(i/button.png) no-repeat bottom;}
.ord .call-back {padding:10px;line-height:1.4em;text-align:center;}
.ord .call-back b{font-size:200%;font-family:Georgia,Palatino,Times New Roman;font-weight:normal;}
.ord .cont {line-height:1.2;padding:10px 0px;font-size:100%;}

.ordp #ctr {margin-left:0px;}
#f label{display:block;}
#f{margin:0px auto;padding:0px;}#f input,#f select,#f textarea{width:95%;padding:1px 2px;font-size:120%;}#f textarea{height:160px;}