@charset "utf-8";
/*
page setup
*/
body{font:12px/17px Arial, Helvetica, sans-serif; margin:0; padding:0; color:#2d2d2d; text-align:center;}
#container{width:980px; height:615px; margin-left:auto; margin-right:auto; position:relative; text-align:left;}
#bc{width:276px; height:200px; position:absolute; top:0px; right:0px; background:transparent url(/images/page/bc/bc-bg.jpg);}
#bc-logo-cont{position:absolute; width:106px; height:42px; left:27px; top:68px;}
#bc-info-cont{position:absolute; width:78px; height:29px; left:154px; top:152px;}
#bc-text-size{width:39px; height:15px; position:absolute; right:34px; top:68px;}
#page{width:704px; height:615px; position:relative;}
#page-home{width:980px; height:615px; position:relative;}
/*
general elements
*/
p{margin-top:0px; margin-bottom:6px;}
td{font-size:12px;}
hr{display:none;}
.smalltext{font-size:10px; line-height:14px;}
img{border:0;}
/*a img{text-decoration:none;}
a:hover img{text-decoration:none;}*/
.imgframe{border:1px solid #2d2d2d; padding:1px; background-color:transparent;}
.imgframe a:hover{border:1px solid #334938; padding:1px; background-color:white;}
table{border-collapse:collapse;}
form{margin:0;}
.text{font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #cacfaf; color:#7c6d64; background-color:transparent !important;}
.green{color:#6a775f;}
.button{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; height:20px; width:63px; background:transparent url(/images/btn-bg.jpg) no-repeat top center; border:0; color:white;}
a{color:#c60909; text-decoration:none;}
a:hover{color:#47654b; text-decoration:none;}
.floatleft{float:left; margin:0px 12px 12px 0px;}
.floatright{float:right; margin:0px 0px 12px 12px;}
h1{font-size:14px; margin-top:0px; margin-bottom:12px;}
h2{/*font-size:15px;*/font-size:13px; margin-top:12px; margin-bottom:6px;}
ul{margin:0px 20px 0px 0px; padding-right:0;}
ul li{margin:0px 0px 4px 0px;}
object {outline:none;}	/* firefox 3 bug, see: http://code.google.com/p/swfobject/wiki/faq, item 15 */
/*
navigation
*/
#nav-cont{width:188px; height:415px; position:absolute; top:200px; right:0px; background-image:url(/images/page/nav.jpg);}
#nav{font-size:12px; color:#c60909; line-height:16px; direction:rtl; text-align:right; padding-top:41px; padding-right:50px;}
#nav span{font-weight:bold;}
#nav span.red a{color:#c60909;}
#nav a{color:#2d2d2d; text-decoration:none;}
#nav a:hover{color:#c60909; text-decoration:none;}
#validators{position:absolute; top:390px; left:6px;}
#addthis{position:absolute; top:348px; left:15px;}
/*
main pages
*/
#woodbody{background:#dcdedc url(/images/page/wood-bg.jpg) no-repeat center top;}
#laptopbody{background:#dcdedc url(/images/page/wood-bg-laptop.jpg) no-repeat center top;}
#calcbody{background:#dcdedc url(/images/page/wood-bg-calc.jpg) no-repeat center top;}
#awards-body{background:#f3eeee url(/images/page/awards/body.jpg) fixed no-repeat; padding:6px; margin:0;}
#news-body{background:#f2f1db url(/images/page/news/cont-bg.jpg) fixed no-repeat; padding:6px; margin:0; color:#0000f8;}
/*
home
*/
#flying-card{position:absolute; top:0px; left:365px; width:600px; height:400px;}
#cards{position:absolute; left:0; top:157px; width:460px; height:458px; background:url(/images/page/home/main-cards.jpg); overflow:hidden; color:#708064;}
#cards a{color:#9d2a2a;}
#cards a:hover{text-decoration:underline;}
#side-img{position:absolute; left:460px; top:375px; width:244px; height:240px; background:url(/images/page/home/cards-right.jpg);}
#heb-text{position:absolute; top:230px; left:109px; width:260px; height:75px; direction:rtl; text-align:right;}
#eng-text{position:absolute; top:160px; left:104px; width:260px; height:75px;}
.h1home{margin-bottom:2px; font-size:13px;}
/*
about
*/
#about{padding:60px 60px 30px 30px; text-align:justify; direction:rtl;}
#about a{color:#2d2d2d;}
#textmask{position:absolute; left:257px; top:140px; width:320px; height:346px; overflow:hidden; z-index:2; background:transparent url(/images/page/about/text-mask.gif) no-repeat;}
#about_cont{position:absolute; left:257px; top:140px; width:375px; height:346px; overflow:hidden; z-index:1;}
#laptop-door{position:absolute; top:0px; left:0px; width:604px; height:615px; z-index:3; background:transparent;}
/*
contact
*/
.contact .message{font-weight:bold; border:1px dashed black; padding:4px; color:black; background-color:#eb6966; text-align:center;}
.contact-table{color:#554e55;}
.contact-table .text{color:#554e55; border:1px solid #b0a8b0;}
/*
awards
*/
#awards{color:#2d2d2d;}
#awards #sc_cont{position:absolute; top:172px; left:168px; background:#f6f0f0 url(/images/page/awards/body.jpg) no-repeat; width:452px; height:296px;}
#awards #cont{padding:12px; direction:rtl;}
#awards a{color:#ad1718;}
#awards a:hover{color:#345674;}
#awards .imglink{padding:2px;}
#awards a .imglink{background-color:white; border:1px solid #1e3855;}
#awards a:hover .imglink{background-color:#f4efef; border:1px solid #ad1718;}
#awards .hr{background-color:transparent; border-bottom:1px solid #d5c8c8; height:1px; margin-bottom:4px; margin-top:4px;}
#awards .date{font-size:11px; color:#8f8585;}
.ai-outer{float:right; width:150px; height:120px; border:1px solid red; margin:auto; display: table; margin-left:12px;}
.ai-middle{position:absolute; top:50%; display:table-cell; vertical-align:middle;}
.ai-inner{position:relative; top:-50%;}
/*
news
*/
#news{position:absolute; left:200px; top:130px; width:504px; height:485px; background:transparent url(/images/page/news/calendar-bg.jpg);}
#news-nav{position:absolute; left:200px; top:536px; direction:rtl; font-size:11px; width:200px; z-index:2;}

#news-top-img{position:absolute; left:0; top:0; width:704px; height:130px; background:url(/images/page/news/top.jpg);}
#news-older{position:absolute; left:651px; top:95px; width:21px; height:23px;}
#news-newer{position:absolute; left:651px; top:534px; width:20px; height:24px;}
#news-clock-cont{position:absolute; left:0px; top:130px; width:200px; height:485px; background:url(/images/page/news/clock-bg.jpg);}
#news-clock{position:absolute; top:17px; left:15px; width:130px; height:124px;}

.news-window{width:462px; height:434px; position:relative;}
.news-window a:hover{color:#1f36c4;}
.news-window .day-cont{float:right; width:144px; height:169px; padding-top:2px; color:#3f414e; margin-right:10px; margin-bottom:45px; direction:rtl; text-align:right;}
.news-window .day-num{float:right; margin-left:4px; margin-right:2px;}
.news-window .day-date{padding-top:2px;}
.news-window .news-text{margin:13px 3px 5px 10px; line-height:15px;}
.news-window .news-icon{float:right; margin:4px 0px 0 4px;}
.news-window .news-footer{}
/*
testimonials
*/
#testimon{color:#334938; direction:rtl; text-align:right;}
#testimon #h1cont{position:absolute; top:226px; left:84px; width:542px; height:46px; background:#eaebea url(/images/page/testimonials/title.jpg); text-align:center;padding-top:14px; font-size:11px;}
#testimon h1{text-align:center; font-size:16px; font-weight:bold; letter-spacing:1px; color:#415646; display:inline;}
#testimon #body-all{position:absolute; top:272px; left:84px; width:542px; height:203px; background:#eaebea url(/images/page/testimonials/body-all.jpg);}
#testimon #body-letter{position:absolute; top:272px; left:84px; width:542px; height:135px; background:#eaebea url(/images/page/testimonials/body.jpg);}
#testimon #letter-cont{margin:0px 20px 0px 20px; color:#415646; }
#testimon #client-links{position:absolute; left:18px; top:20px; width:240px; text-align:left; white-space:nowrap;}
#testimon #next-sig{position:absolute; left:84px; top:407px; width:212px; height:68px;}
#testimon #sig-pad{position:absolute; left:296px; top:407px; width:114px; height:68px; background:url(/images/page/testimonials/pad.jpg);}
#testimon #prev-sig{position:absolute; left:410px; top:407px; width:216px; height:68px;}
#testimon #bot{position:absolute; top:475px; left:84px; width:542px; height:23px; background:#eaebea url(/images/page/testimonials/b.jpg);}
#testimon a:hover{color:#658bdf; text-decoration:underline;}
#testimon #bot #next-letter{position:absolute; left:18px; top:0px; width:192px; text-align:left; white-space:nowrap;}
#testimon #bot #all-letters{position:absolute; left:212px; top:0px; width:114px; text-align:center;}
#testimon #bot #prev-letter{position:absolute; left:326px; top:0px; width:197px; text-align:right; white-space:nowrap;}
#testimon-all{margin:0px 20px 0px 20px; color:#415646;}
#testimon-all h2{margin:0px 0px 4px 0px; letter-spacing:1px; font-size:14px; font-weight:bold;}
#testimon-all h2 a{color:#294d97;}
#testimon-all .thumb{float:right;}
#testimon-all .text-body{margin-right:36px;}
#testimon-all a{color:#365cac;}
#testimon-all a:hover{color:#0e2212; text-decoration:underline;}
#testimon-all .hr{background-color:transparent; border-bottom:1px solid #b8bec0; height:1px; margin:4px 0px 4px 70px;}

#testimon #bg-emblem{position:absolute; top:147px; left:84px; width:542px; height:79px; background:transparent url(/images/page/testimonials/emblem.jpg);}
#testimon #bg-tl{position:absolute; top:0px; left:0px; width:84px; height:147px; background:transparent url(/images/page/testimonials/tl.jpg);}
#testimon #bg-tm{position:absolute; top:0px; left:84px; width:542px; height:147px; background:transparent url(/images/page/testimonials/tm.jpg);}
#testimon #bg-tr{position:absolute; top:0px; left:626px; width:78px; height:147px; background:transparent url(/images/page/testimonials/tr.jpg);}
#testimon #bg-l{position:absolute; top:147px; left:0px; width:84px; height:351px; background:transparent url(/images/page/testimonials/l.jpg);}
#testimon #bg-r{position:absolute; top:147px; left:626px; width:78px; height:351px; background:transparent url(/images/page/testimonials/r.jpg);}
#testimon #bg-bl{position:absolute; top:498px; left:0px; width:84px; height:117px; background:transparent url(/images/page/testimonials/bl.jpg);}
#testimon #bg-bm{position:absolute; top:498px; left:84px; width:542px; height:117px; background:transparent url(/images/page/testimonials/bm.jpg);}
#testimon #bg-br{position:absolute; top:498px; left:626px; width:78px; height:117px; background:transparent url(/images/page/testimonials/br.jpg);}

/*
portfolio
*/
#portfolio a{color:#19416f;}
#portfolio .cont a{color:#97610c;}	
#portfolio .cont a:hover{color:#2a6990; text-decoration:underline;}
#portfolio .cont a:hover img{text-decoration:none}
#portfolio .cont a img{ display:block;}
#portfolio #text-cont{padding:22px 4px 0px 10px;}
#portfolio #tag{margin:46px 18px 0px 0px;}
#portfolio #tag a{color:#523516; font-weight:bold;}
#portfolio #tag a:hover{color:#c91234;}
.trans-border{border:1px solid transparent;}
.trans-border-hi{border:1px solid #214d7f;}

#portfolio{font-size:12px;}
#portfolio #h1cont{height:46px; text-align:right; direction:rtl;}
#portfolio h1{color:#4f4b37; font-size:17px; font-weight:bold; letter-spacing:1px; padding-top:18px; margin:0;}
#portfolio h1 span{font-size:14px; /*letter-spacing:normal;*/}
#portfolio h2{margin:10px 0px 4px 0px; font-size:15px; letter-spacing:1px;}
#portfolio .title{font:14px Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0; line-height:16px; letter-spacing:1px;}
#portfolio #gallery a{color:#19416f;}
#portfolio #gallery a:hover{color:#2a6990;}
.stamp-cont{padding:5px; direction:rtl; text-align:right;}
.stamp-cell{position:absolute; width:150px; height:145px; text-align:center; line-height:13px;}	/* exact location is set dynamically */

#portfolio #bgimg1{position:absolute; top:163px; left:81px; width:525px; height:393px; background:transparent url(/images/page/portfolio/body-all.jpg);}
#portfolio #bgimg2{position:absolute; top:0px; left:0px; width:490px; height:163px; background:transparent url(/images/page/portfolio/tl.jpg) no-repeat;}
#portfolio #bgimg3{position:absolute; top:0px; left:490px; width:214px; height:163px; background:transparent url(/images/page/portfolio/coffee-1.jpg);}
#portfolio #bgimg4{position:absolute; top:163px; left:0px; width:81px; height:270px; background:transparent url(/images/page/portfolio/ml1.jpg);}
#portfolio #bgimg5{position:absolute; top:163px; left:606px; width:98px; height:270px; background:transparent url(/images/page/portfolio/mr1-all.jpg);}
#portfolio #bgimg6{position:absolute; top:433px; left:0px; width:81px; height:123px; background:transparent url(/images/page/portfolio/ml2.jpg);}
#portfolio #bgimg7{position:absolute; top:433px; left:606px; width:98px; height:123px; background:transparent url(/images/page/portfolio/mr2-all.jpg);}
#portfolio #bottom{position:absolute; top:556px; left:0px; width:704px; height:59px; background:transparent url(/images/page/portfolio/b.jpg);}
#portfolio #bottom-nav{text-align:center; margin-left:88px; margin-right:100px;direction:rtl;font-weight:bold;}
#portfolio #bottom-nav #prev-project{position:absolute; left:86px; top:0px; width:200px; text-align:left; white-space:nowrap;}
#portfolio #bottom-nav #all-projects{position:absolute; left:290px; top:0px; width:114px; text-align:center;}
#portfolio #bottom-nav #next-project{position:absolute; left:410px; top:0px; width:200px; text-align:right; white-space:nowrap;}

#portfolio #proj-images{position:absolute; top:163px; left:0px; width:606px; height:270px; background:transparent url(/images/page/portfolio/photos-bg.jpg); text-align:right;}
#portfolio #proj-info{position:absolute; top:433px; left:150px; width:456px; height:123px; background:transparent url(/images/page/portfolio/body.jpg);}
#portfolio #proj-links{position:absolute; top:433px; left:0px; width:150px; height:123px; background:transparent url(/images/page/portfolio/links.jpg);}
#portfolio #bgimg7a{position:absolute; top:433px; left:606px; width:98px; height:123px; background:transparent url(/images/page/portfolio/mr2.jpg);}
#portfolio #bgimg5a{position:absolute; top:163px; left:606px; width:98px; height:270px; background:transparent url(/images/page/portfolio/mr1.jpg);}
/*
services
*/
#services{color:#1e1001;}
#services a{color:#003668; font-weight:bold; text-decoration:underline;}
#services a:hover{color:#0069cb;}
#services h1{color:#653505; font-size:15px; margin-top:0px; margin-bottom:13px;}
#services h2{color:#653505; font-size:14px; letter-spacing:1px; margin-top:23px;}
#services h2 a{color:#653505; text-decoration:none;}
#services h2 a:hover{color:#906833; text-decoration:none;}
#services .indent{margin-right:10px;}
#services #compass{background:transparent url(/images/page/services/compass.jpg); width:704px; height:238px;}
#services #content{background:#eed59f url(/images/page/services/body.jpg); width:588px; height:255px; margin-left:72px;}
#services #sc-content{direction:rtl; text-align:right;}
/*
articles
*/
#articles{position:relative;}
#articles a:hover{color:#c60909; text-decoration:underline;}
#articles #content{background:transparent url(/images/page/articles/notepad_body.jpg) no-repeat; width:477px; height:530px; position:absolute; left:227px; top:85px;}
#articles #cont{width:400px; height:495px; text-align:right;}
#articles #pg-title{height:54px; text-align:center}
#articles h1{padding-top:20px; padding-right:20px; font-size:14px; line-height:13px; direction:rtl; margin-bottom:2px; color:#4848e8;}
#articles h2{font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-top:0px; line-height:19px; direction:rtl;}
#articles h3{font-size:13px; direction:rtl; margin-bottom:4px;}
#articles h4{margin:0px;}
#articles #textbody{height:418px; overflow:hidden; direction:rtl; text-align:right;}
#articles #micrometer{background:transparent url(/images/page/articles/micrometer.jpg) no-repeat; width:227px; height:615px; position:absolute; top:0; left:0;}
#articles #topimg{background:transparent url(/images/page/articles/notepad_top.jpg) no-repeat; width:477px; height:85px; position:absolute; top:0; right:0;}
#articles ul{padding:0px 20px 0px 0px; margin:0;}
#articles ul li{line-height:19px; list-style-image:url(/images/page/articles/li.gif); margin:0; padding:0px 6px 0px 0px;}
#articles ul li .quote{font-weight:bold;}
#articles ul li .footnote{line-height:19px; font-size:11px; }
#articles ol{padding:0px 20px 0px 0px; margin:0px 4px 0px 0px;}
#articles ol li{margin-bottom:6px;}
#articles .hr-top{background:transparent url(/images/page/articles/hr-top.gif) top center no-repeat; height:10px;}
#articles .hr{background:transparent url(/images/page/articles/hr2.gif) top right no-repeat; height:16px;}
#articles #goback{position:absolute; left:0px; bottom:0px;}
#articles #quote{float:left; width:180px; border:2px solid #3b1f02; margin:0px 10px 10px 0px; padding:8px;}
/*
sol
*/
#sol-body{position:absolute; top:150px; left:454px; width:195px; height:194px; background:transparent url(/images/page/sol/body.jpg) no-repeat;}
#sol-cont{padding:6px 0px 12px 12px; direction:rtl; text-align:center;}
#sol-tl{position:absolute; left:0; top:0; width:454px; height:150px; background:transparent url(/images/page/sol/tl.jpg);}
#sol-tm{position:absolute; left:454px; top:0; width:195px; height:150px; background:transparent url(/images/page/sol/tm.jpg);}
#sol-tr{position:absolute; left:649px; top:0; width:55px; height:150px; background:transparent url(/images/page/sol/tr.jpg);}
#sol-ml{position:absolute; top:150px; left:0px; width:454px; height:194px; background:transparent url(/images/page/sol/ml.jpg);}
#sol-mr{position:absolute; top:150px; left:649px; width:55px; height:194px; background:transparent url(/images/page/sol/mr.jpg);}
#sol-bl{position:absolute; left:0px; top:344px; width:454px; height:271px; background:transparent url(/images/page/sol/bl.jpg);}
#sol-bm{position:absolute; left:454px; top:344px; width:195px; height:271px; background:transparent url(/images/page/sol/bm.jpg);}
#sol-br{position:absolute; left:649px; top:344px; width:55px; height:271px; background:transparent url(/images/page/sol/br.jpg);}
/*
quote
*/
#quote{position:relative; direction:rtl; text-align:right; color:#6a775f;}
#quote-title{position:absolute; top:163px; left:318px; width:146px; height:19px; background:url(/images/page/quote/request_quote-heb.gif) no-repeat;}
#quote-calc{position:absolute; top:0; left:0; width:227px; height:615px;}
#quote-info{position:absolute; top:200px; left:250px; width:130px;}
#quote-form{width:406px; position:absolute; top:200px; right:46px;}
#quote .button{margin-top:4px; margin-bottom:4px; width:68px; height:22px; border:0; cursor:pointer; background:url(/images/page/quote/quote-btn-bg-heb.gif);}
#quote #errmsg{font-weight:bold; border:2px dotted red; color:red; text-align:center; padding:4px;}
#quote #quote-status-err{position:absolute; top:240px; right:120px; width:300px; border:2px dotted red; color:red; text-align:center; padding:4px;}
#quote #quote-status-ok{position:absolute; top:240px; right:120px; width:300px; border:2px dotted green; color:green; text-align:center; padding:4px;}