@import url(browsers.css);
@import url(menu.php);

body { direction: rtl; background: url(../images/bg.png) top center repeat; }
::-moz-selection { color: #fff;  background: #000;}
::selection{ color: #fff;  background: #000;}
::-webkit-selection { color: #fff;  background: #000;}

#marqueecontainer { position: relative; width: 100%; height: 239px; overflow: hidden; padding: 2px; padding-left: 4px; text-align: right; }
#vmarquee { position: absolute; width: 98%; text-align: right; }
.newsTitle a { color: #000; font-weight: bold; text-decoration: none; font-size: 12px; }
.newsSpace { width: 100%; height: 25px; }

#contactTb { width: 400px; }
#contactTb tr td { font-weight: bold; color: #000; width: 80px; }
#contactTb tr td input[type=text]{ width: 250px; height: 20px; font-weight: normal; border: 1px solid #5ebb46; }
#contactTb tr td textarea { width: 250px; height: 120px; font-weight: normal; border: 1px solid #5ebb46; }
#contactTb tr td select { height: 20px; font-weight: normal; }
.contSub { width: 80px; height: 30px; background: url(../../images/ordBtn.png) top center no-repeat; border: none; cursor: pointer; }
.contRes { width: 80px; height: 30px; background: url(../../images/resetBtn.png) top center no-repeat; border: none; cursor: pointer; }

#container { width: 100%; min-height: 500px; text-align: center; background: url(../images/topBarBG.png) top center repeat-x; }
#sCont { width: 100%; min-height: 360px; background: url(../images/topBar.png) top center no-repeat; text-align: center; margin: auto; }
.warp { width: 960px; margin: auto; }
.header { width: 100%; height: 93px; }
#logo { float: left; width: 179px; height: 43px; margin-top: 28px; }
#logo img { max-width: 100%; }
#menuWarp { float: right; width: 650px; margin-top: 10px; text-align: right; }
#menuWarp .title { width: 100%; height: 20px; text-align: right; color: #fff; font-size: 16px; }
#menuWarp .title h1 { display: inline; padding: 0px; margin: 0px; color: #fff; font-weight: normal; font-size: 16px; }
#menuWarp .menu { width: 100%; margin-top: 17px; text-align: right; }

.clear { clear: both; }

#contentSlider { width: 100%; height: 307px; margin-top: 18px; background: url(../images/sliderBG.png) top center no-repeat; direction: ltr; }
#homeSlide li div.cover { width: 100%; height: 307px; }
#homeSlide li div.cont { float: right; width: 514px; height: 240px; margin: 33px 58px 0px auto; text-align: right; color: #071e2b; font-size: 14px; }
#homeSlide li div.cont h2 { font-size: 22px; color: #050506; }
#homeSlide li div.cWarp { width: 100%; height: 110px; margin-top: 12px; direction: rtl; }
#homeSlide li div.moreInfo { width: 100%; height: 50px; margin-top: 35px; text-align: right; }
#clientsSlider { width: 100%; height: 124px; padding-top: 20px; background: url(../images/homeClientsWarp.png) top center no-repeat; margin-top: 20px; direction: ltr; text-align: center; position: relative; }
#clientsSlider #clientsNext { position: absolute; right: 14px; top: 47px; width: 12px; height: 20px; cursor: hand; cursor: pointer; background: url(../images/clientsRightArrow.png) top center no-repeat; }
#clientsSlider #clientsBack { position: absolute; left: 6px; top: 19px; width: 40px; height: 100px; cursor: hand; cursor: pointer; background: #fff url(../images/clientsLeftArrow.png) 35% 35% no-repeat; z-index: 3; }
#clients { margin: 0px 50px 0px auto; padding: 0; }
#clients ul { padding: 0; margin: 0; }
#clients ul li { direction: rtl; width: 120px; height: 95px; text-align: center; margin-left: 28px; }
#clients ul li a { text-align: center; color: #001828; font-size: 11px; text-decoration: none; }

#homeBottom { width: 100%; height: 231px; margin-top: 20px; position: relative; }
#homeContactBox { position: absolute; top: 0px; right: -9px; width: 499px; height: 231px; background: url(../images/homeContactBox.png) top center no-repeat; text-align: right; }
#homeContactBox .warp { width: 416px; height: 174px; margin: 17px 40px 0px auto; text-align: right; background: url(../images/homeContactImage.png) bottom left no-repeat; }
#homeContactBox .title { width: 100%; height: 21px; text-align: right; }
#homeContactBox .formWarp { width: 312px; height: 130px; margin-top: 16px; }
#homeContactBox .formWarp table { width: 100%; }
#homeContactBox .formWarp table tr td { width: 100%; height: 20px; border: 1px solid #898c92; background: #fff; text-align: center; }
#homeContactBox .formWarp table tr td.spacer { width: 100%; height: 13px; border: none; background: transparent; }
#homeContactBox .formWarp table tr td input[type=text] { width: 97%; color: #898c92; border: none; background: transparent; }
#homeContactBox .formWarp table tr td.submit { width: 100%; height: 23px; text-align: left; border: none; }
#homeContactBox .formWarp table tr td.submit input[type=submit] { width: 110px; height: 23px; background: url(../images/homeContactSubmit.png) top center no-repeat; border: none; cursor: hand; cursor: pointer; }

#homeAboutUs { position: absolute; top: 0px; left: -11px; width: 501px; height: 231px; background: url(../images/homeAboutUsBox.png) top center no-repeat; text-align: right; }
#homeAboutUs .warp { width: 430px; height: 173px; margin: 17px 40px 0px auto; text-align: right; background: url(../images/aboutUsImage.png) bottom left no-repeat; }
#homeAboutUs .title { width: 100%; height: 21px; text-align: right; }
#homeAboutUs .cont { width: 291px; margin-top: 12px; text-align: right; font-size: 13px; color: #353535; }

#pageWarp { width: 100%; min-height: 350px; margin-top: 39px; }
#rightBox { float: right; width: 210px; }
#rightBox .moreArtTitle { width: 100%; height: 50px; }
#rightBox .rpt { width: 100%; min-height: 280px; background: url(../images/rightBoxRPT.png) top center repeat-y; }
#rightBox .rpt .cont { width: 100%; min-height: 63px; backgorund: url(../images/rightBoxInBG.png) top center no-repeat; text-align: center; }
#rightBox .rpt .cont ul { padding: 0; margin: 0; list-style-type: none; width: 170px; margin: auto; }
#rightBox .rpt .cont ul li { width: 170px; height: 22px; padding-top: 8px; background: url(../images/artSep.png) top center no-repeat; text-align: right; }
#rightBox .rpt .cont ul li a { color: #001828; font-weight: bold; text-decoration: none; }
#rightBox .rpt .cont ul li a:hover { color: #0083d8; }
#rightBox .rpt .cont ul li a.selected { color: #0083d8; }
#rightBox .rpt .cont ul .first { background: transparent; }
#rightBox .bot { width: 100%; height: 9px; background: url(../images/rightBoxBot.png) top center no-repeat; }
#rightBox .space { width: 100%; height: 19px; }
#rightBox .bannerWarp { width: 100%; }
#rightBox .bannerWarp div { width: 100%; height: 10px; }

#path { width: 100%; padding-bottom: 10px; text-align: right; color: #1f2a34; }
#path a { color: #1f2a34; text-decoration: none; }
#mainCenter { float: right; margin-right: 10px; width: 450px; }
#mainCenter .warp { width: 100%; min-height: 745px; background: url(../images/centerBG.png) top center repeat-y; }
#mainCenter .warp .cont { width: 100%; min-height: 214px; background: url(../images/centerTop.png) top center no-repeat; text-align: center; }
#mainCenter .warp .cont .text { width: 400px; margin: auto; padding-top: 16px; text-align: right; }
#mainCenter .warp .cont .text h3 { color: #003253; font-size: 16px; }
#mainCenter .warp .cont .text p { padding: 5px 0px 5px 0px; }
#mainCenter .warp .cont .text .title { width: 100%; text-align: right; }
#mainCenter .warp .cont .text .title h2 { font-size: 20px; color: #0083d8; }
#mainCenter .warp .cont .text .short { width: 100%; padding-top: 21px; text-align: right; font-weight: bold; font-size: 12px; color: #001828; padding-bottom: 10px; }
#mainCenter .warp .cont .text a { color: #008dda; }
#mainCenter .bot { width: 100%; height: 11px; background: url(../images/centerBottomBG.png) top center no-repeat; }
#leftBox { float: left; width: 280px; }
#leftBox .rec { width: 100%; height: 260px; background: url(../images/leftBoxFull.png) top center no-repeat; text-align: center; }
#leftBox .rec .warp { width: 240px; margin: auto; padding-top: 17px; text-align: right; }
#contactUs { width: 100%; height: 233px; padding-top: 18px; margin-top: 19px; background: url(../images/leftContactBox.png) top center no-repeat; text-align: center; }
#contactUs .warp { width: 240px; margin: auto; text-align: right; }
#contactForm { width: 100%; padding-top: 25px; }
#contactForm table { width: 100%; }
#contactForm table tr .title { width: 70px; text-align: right; }
#contactForm table tr .input { width: 170px; height: 30px; background: url(../images/contactUsInput.png) top center no-repeat; text-align: center; }
#contactForm table tr td input[type=text] { width: 150px; border: none; background: transparent; }
#contactForm table tr .spacer { width: 100%; height: 10px; }
#contactForm table tr .spacerBig { width: 100%; height: 19px; }
#contactForm table tr .submit { width: 100%; height: 41px; text-align: left; }
#contactForm table tr .submit button { width: 110px; height: 41px; background: url(../images/contactSubmit.png) top center no-repeat; border: none; cursor: hand; cursor: pointer; }

#recClients { width: 100%; padding-top: 9px; }
#recClients blockquote { width: 100%; margin: 0px auto; }
#recClients blockquote span { font-weight: bold; text-align: right; padding-bottom: 10px; display: block; width: 100%; font-size: 10px; }
#recClients blockquote p { font-style: italic; margin: 0; padding: 0; text-align: right; }
#recClients blockquote p img { float: left; margin-right: 10px; }
#recClients blockquote cite { display: block; text-align: left; text-transform: uppercase; font-size: 10px; padding-top: 10px; }

#clientsCenter { float: left; width: 740px; }
#clientsCenter .top { width: 100%; height: 10px; background: url(../images/clientsTop.png) top center no-repeat; }
#clientsCenter .rpt { width: 100%; min-height: 728px; background: url(../images/clientsRPT.png) top center repeat-y; text-align: center; }
#clientsCenter .rpt .warp { width: 695px; margin: auto; padding-top: 6px; text-align: right; }
#clientsCenter .rpt .warp h2 { font-size: 22px; color: #0083d8; padding-right: 10px; }
#clientsPage { width: 100%; padding-top: 22px; }

#clientsPage .sponsorWarp { float: right; width: 210px; margin: 10px; height: 160px; background: url(../images/flipShadow.png) bottom center no-repeat; cursor:pointer; }
#clientsPage .sponsor { float: right; width: 210px; height: 145px; text-align: center; position: relative; cursor: pointer; }
#clientsPage .sponsorFlip { position: absolute; left:0; top:0; width: 100%; height: 100%; background: url(../images/ieClientFront.png) top center no-repeat; border: 1px solid #d5d5d5; }
#clientsPage .sponsorFlip:hover { border:1px solid #bfbfbf; }
#clientsPage .sponsorFlip img { position:absolute; top: 0px; left: 0px; }
#clientsPage .sponsorData { display: none; }
#clientsPage .sponsorDataWarp { width: 100%; height: 100%; background: url(../images/ieClientBack.png) top center no-repeat; text-align: center; }
#clientsPage .clientName { width: 90%; text-align: center; font-size: 12px; margin: auto; padding-top: 22px; }
#clientsPage .clientName a { color: #0083d8; }
#clientsPage .clientDesc { width: 90%; padding-top: 5px; text-align: right; color: #000; font-weight: bold; height: 60px; text-align: right; margin: auto; }
#clientsPage .left { text-align: left; padding-top: 5px; }

#clientsCenter .bot { width: 100%; height: 10px; background: url(../images/clientsBot.png) top center no-repeat; }

.artRow { width: 100%; padding-bottom: 15px; }
.artRow a { font-size: 14px; text-decoration: none; font-weight: bold; }
.artShort { font-size: 12px; color: #000; }

.sitemap { width: 100%; }
.sitemap ul { padding: 0; margin: 0; list-style-type: none; }
.sitemap ul, .sitemap ul li { padding: 3px 8px 3px 0px; }
.sitemap ul li img { vertical-align: middle; }

#footer { width: 100%; min-height: 240px; margin-top: 29px; background: #000 url(../images/footerTop.png) top center no-repeat; text-align: right }
#footer a { color: #fff; text-decoration: none; }
#footer img { vertical-align: middle; }
#footer .warp { width: 905px; margin: auto; color: #fff; }
#footer .social { width: 100%; height: 60px; overflow: hidden;  }
#footer .social .fb { float: right; width: 20%; text-align: right; }
#footer .social .at { float: right; width: 35%; text-align: center; }
#footer .social .po { float: left; width: 15%; text-align: left; }
#footer .services { width: 100%; min-height: 50px; padding-bottom: 10px; }
#footer .services .right { float: right; width: 33%; text-align: right; margin-right: 30px; }
#footer .services .mid { float: right; width: 30%; text-align: right; }
#footer .services .left { float: left; width: 25%; text-align: right; }
#footer .closer { width: 100%; padding-top: 10px; border-top: 1px solid #1f1f1f; }
#footer .closer .right { float: right; width: 50%; text-align: right; }
#footer .closer .left { float: left; width: 40%; text-align: left; }
#footer .closer .left a { font-weight: bold; color: #fff; text-decoration: none; }
#footer .sTitle { color: #7fcdff; font-weight: bold; }