* { padding : 0; margin : 0; }
body { background : #000000; font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; font-size : 13px; color : #cccccc; }
#page-warp { width : 890px; margin : 0 auto; }
#header { background : url(images/header.jpg) no-repeat; width : 890px; height : 343px; position : relative; }
#header h1, #header h2 { text-indent : -9999px; }
ul#nav { list-style : none; position : absolute; left : 404px; top : 40px; }
ul#nav li { display : inline; float : left; }
ul#nav li a { text-indent : -9999px; outline : none; display : block; margin-left : 48px; }
ul#nav li.about a { background : url(images/A_propos.gif) no-repeat; width : 69px; height : 17px; }
ul#nav li.services a { background : url(images/Services.gif) no-repeat; width : 65px; height : 14px; }
ul#nav li.portfolio a { background : url(images/Portfolio.gif) no-repeat; width : 68px; height : 15px; }
ul#nav li.contact a { background : url(images/contact.gif) no-repeat; width : 63px; height : 14px; }
ul#lang_select { list-style : none; position : absolute; right : 4px; top : 13px; }
ul#lang_select li { display : inline; float : left; }
ul#lang_select li a { display : block; width : 23px; height : 15px; text-indent : -9999px; outline : none; margin-left : 13px; }
body#uk ul#lang_select li.uk_a a { background : url(images/flag_uk.gif) no-repeat; }
body#uk ul#lang_select li.fr_na a { background : url(images/trans_flag_fr.gif) no-repeat; }
body#uk ul#lang_select li.lt_na a { background : url(images/trans_flag_lt.gif) no-repeat; }
body#uk ul#lang_select li.cn_na a { background : url(images/trans_flag_cn.gif) no-repeat; }
.topBtn { float : right; background-image : url(images/topBtn.jpg); width : 86px; height : 19px; }
#about_us { width : 890px; }
h2.about_us { background : url(images/h2-a_propos.gif) no-repeat; height : 24px; width : 86px; display : block; text-indent : -9999px; margin-bottom : 28px; }
#about_us p { width : 874px; }
.line { background : url(images/line.gif) no-repeat; width : 880px; height : 5px; margin-top : 33px; margin-bottom : 33px; }
#services-latest_work { float : left; width : 890px; }
#services { float : left; width : 445px; }
h2.services { background : url(images/h2-services.gif) no-repeat; width : 74px; height : 17px; text-indent : -9999px; display : block; margin-bottom : 28px; }
#services ul { list-style : none; }
#services ul li { line-height : 160%; }
#services ul li a { color : #7dc53b; text-decoration : underline; background : url(images/li-img.gif) no-repeat left center; padding-left : 18px; }
.left { float : left; width : 190px; }
.right { float : right; width : 160px; }
#our_services { float : left; width : 410px; margin-left : 10px; margin-top : 12px; display : inline; }
#services-latest_work { float : left; margin-left : 0; }
#latest_work { float : right; width : 350px; }
h2.latest_work { background : url(images/h2-dernieres_creations.gif) no-repeat; height : 21px; width : 181px; display : block; text-indent : -9999px; margin-bottom : 28px; }
#box { background : url(images/latest_box.jpg) no-repeat; width : 338px; height : 143px; margin-left : 110px; }
#box .img { margin : 0 auto; padding-top : 15px; display : block; }
.green_sh { background : url(images/latest_green_shadow.jpg) no-repeat left bottom; height : 200px; margin-left : -110px; float : none; }
#latest_work h3 { font-size : 15px; color : #ffffff; margin : 10px 0; margin-top : -40px; }
#latest_work p { width : 346px; }
#latest_work p a { color:#7dc53b; font-weight:bold; }
#portfolio { background-image : url(images/Portfolio.jpg); background-repeat : no-repeat; background-position : 0 34px; width : 890px; height : 290px; margin-bottom : 33px; }
h2.portfolio { background : url(images/h2-portfolio.gif) no-repeat; height : 21px; width : 81px; display : block; text-indent : -9999px; margin-bottom : 10px; }
h3.portfolio { color : #0090bf; font-family : "trebuchet MS"; font-size : 13px; font-weight : normal; }
#contacts { float : left; width : 890px; margin-bottom : 33px; }
#contacts a, a:hover { color : white; text-decoration : underline; font-weight : normal; }
h2.contacts { background : url(images/h2-contacts.gif) no-repeat; width : 100px; height : 17px; text-indent : -9999px; display : block; margin-bottom : 28px; }
#contacts_uk { background : url(images/contacts_uk_crn.jpg) no-repeat left top; width : 217px; float : left; height : 100px; }
#contacts p { margin-left : 40px; line-height : 130%; }
#contacts p.details { background : url(images/sep.gif) no-repeat left top; margin : 10px 10px; padding-top : 18px; }
#contacts_uk p span, #contacts_lt p span { color : #ffffff; font-weight : bold; }
#contacts_uk p span.s2, #contacts_lt p span.s2 { color : #ffffff; font-weight : normal; }
#contacts_fr { background : url(images/contacts_fr_crn.jpg) no-repeat left top; width : 217px; float : left; height : 100px; }
#contacts_lt { background : url(images/contacts_lt_crn.jpg) no-repeat left top; width : 217px; float : left; height : 100px; }
#contacts_cn { background : url(images/contacts_cn_crn.jpg) no-repeat left top; width : 217px; float : left; height : 100px; }
#leave_msg { float : left; width : 890px; }
h2.leave_msg { background : url(images/h2-leave_msg.gif) no-repeat; width : 155px; height : 20px; text-indent : -9999px; display : block; margin-bottom : 28px; }
.form_left { float : left; width : 440px; }
.form_right { float : left; width : 426px; }
input { margin-top : 5px; margin-left : 12px; background-color : black; border : none; color : #666666; }
.top_field { background : url(images/field-bg.gif) no-repeat right center; float : left; font-size : 13px; color : #666666; border : none; width : 303px; height : 30px; }
label { display : inline; width : 120px; float : left; padding-top : 5px; text-align : right; color : white; font : bold 15px 'trebuchet ms'; }
.field { background : url(images/field-bg.gif) no-repeat center center; float : left; font-size : 13px; color : #666666; border : none; width : 303px; height : 30px; margin-top : 7px; }
.label_field { display : inline; width : 120px; float : left; padding : 7px 5px 0 0; text-align : right; color : white; font : bold 15px 'trebuchet ms'; }
textarea { background-color : black; color : #666666; border : none; width : 410px; }
.txtarea { background : url(images/teaxarea-bg.gif) no-repeat; width : 436px; height : 145px; padding : 5px; overflow : hidden; }
.sub { float : right; background : url(images/sumbit-bg.jpg) no-repeat; width : 91px; height : 30px; border : none; margin-right : 8px; }
#footer { float : left; background : url(images/footer-bg.jpg) no-repeat; width : 885px; height : 132px; margin-top : 20px; position : relative; }
ul#fnav { list-style : none; position : absolute; left : 350px; top : 58px; }
ul#fnav li { display : inline; float : left; }
ul#fnav li a { text-indent : -9999px; outline : none; display : block; margin-left : 48px; }
ul#fnav li.about a { background : url(images/A_propos.gif) no-repeat; width : 86px; height : 24px; }
ul#fnav li.services a { background : url(images/Services.gif) no-repeat; width : 65px; height : 14px; }
ul#fnav li.portfolio a { background : url(images/Portfolio.gif) no-repeat; width : 68px; height : 15px; }
ul#fnav li.contact a { background : url(images/contact.gif) no-repeat; width : 63px; height : 14px; }
.by { position : absolute; top : 50px; left : 100px; }
p.byp { font-size : 13px; color : #b5b5b5; font-weight : bold; }
p.byp2 { font-size : 11px; color : #666666; }
#leftControl { float : left; width : 40px; text-align : center; line-height : 178px; display : block; height : 178px; padding-top : 100px; cursor : pointer; }
#rightControl { float : left; width : 40px; text-align : center; line-height : 233px; display : block; height : 178px; padding-top : 100px; padding-right : 10px; cursor : pointer; }
#outerScroller { float : left; width : 800px; overflow : hidden; height : 233px; display : block; position : relative; }
#innerScroller { width : 2400px; height : 233px; position : relative; text-align : center; }
#innerScroller a { text-decoration : none; }
#innerScroller img { float : left; border : 0; margin-right : 80px; }