html, body { height: 100%; width: 100%; margin: 0; padding: 0; font-family: "Arial"; font-size: 12px; color: #444748; background-color: #bec5c8; background-image: url(../images/bg.jpg); background-repeat: repeat; }

/* Stuff */
form, img { margin: 0; padding: 0; border: none; }
.clear { clear: both; }
#shelfPicParams { display: none; }

a { color: #1464a5; }
a:active { outline: none; }
a:hover { text-decoration: none; }

a.cont { color: #444748; background: url(../images/dotted.gif) repeat-x 0 bottom; text-decoration: none; }
a.cont:hover { background: none; } 

h1 { font-family: Arial; line-height: 25px; font-size: 20px; color: #5f5f5f; padding: 0; margin: 0 0 10px 0; background: url(../images/h1.gif) repeat-x bottom; }
/* h1:first-letter { color: #FFFFFF; } */
h1.first:first-letter { color: #FFFFFF; }

h2 { font-family: Arial; font-size: 16px; color: #475470; margin: 0 0 5px 0; padding: 0; }

#wrap { width: 100%; min-width: 980px; position: relative; padding-top: 1px;}

/* Header */
#header { width: 100%; position: absolute; top: -1px; left: 0; z-index: 1 }

#header #logo { position: absolute; top: 25px; left: 40px; z-index: 5; }
#header #slogan { display: block; width: 100px; text-align: right; position: absolute; top: 63px; left: 155px; font-size: 11px; color: #525860; z-index: 5; }

#header .notOfficial { visibility: hidden; }

#header .lang { width: 45px; height: 18px; position: absolute; top: 0; right: 0; z-index: 3; font-size: 11px; text-transform: lowercase; }
#header .lang a {  color: #525860; text-decoration: none; margin: 0 3px 0 0; } 
#header .lang a:hover { color: #818d9c; }
#header .lang span {color: #ffffff; text-decoration: none;margin: 0 5px 0 0; } 

#header ul.menu { margin: 0; padding: 0; width: 80%; text-align: right; position: absolute; top: 30px; right: 0; list-style: none; z-index: 6; }
#header ul.menu li { margin: 0; padding: 0 25px; display: inline; font-size: 17px; line-height: 27px; color: #525860; font-weight: bold; text-align: center; }
#header ul.menu li a { padding: 0 0 2px 0; color: #525860; text-decoration: none; background: url(../images/dotted.gif) repeat-x 0 19px; }
#header ul.menu li a span { color: #525860; }
#header ul.menu li a:hover span { color: #FFFFFF; }
#header ul.menu li  span { color: #FFFFFF; }

#header #loader { position: absolute; z-index: 3; }

#header #table { width: 959px; height: 456px; background: url(../images/table.jpg); position: absolute; top: 65px; right: 0; z-index: 3; }   

#header #display_old { width: 268px; height: 181px; background: url(../images/display.png); position: absolute; top: 80px; right: 90px; z-index: 7; }
#header #display { width: 268px; height: 208px; background: url(../images/display2.png); position: absolute; top: 55px; right: 75px; z-index: 7; }
#header #keyboard_old { width: 206px; height: 178px; background: url(../images/keyboard.gif); position: absolute; top: 185px; right: 222px; z-index: 5; }
#header #keyboard { width: 177px; height: 158px; background: url(../images/keyboard2.png); position: absolute; top: 205px; right: 220px; z-index: 5; }
#header #tablet { width: 166px; height: 199px; background: url(../images/tablet.gif); position: absolute; top: 220px; right: 0; z-index: 5; }
#header #flower { width: 148px; height: 158px; background: url(../images/flower.gif); position: absolute; top: 47px; right: 0; z-index: 5; }
#header #mouse_old { width: 62px; height: 68px; background: url(../images/mouse.gif); position: absolute; top: 305px; right: 175px; z-index: 5; }
#header #mouse { width: 45px; height: 62px; background: url(../images/mouse2.png); position: absolute; top: 305px; right: 175px; z-index: 6; }
#header #coffee { width: 96px; height: 102px; background: url(../images/coffee.gif); position: absolute; top: 87px; right: 330px; z-index: 6; }
#header #paper { width: 154px; height: 118px; background: url(../images/paper.gif); position: absolute; top: 113px; right: 510px; z-index: 5; }
#header #pear { width: 33px; height: 49px; background: url(../images/pear.gif); position: absolute; top: 140px; right: 733px; z-index: 5;  }
#header #magazines { width: 208px; height: 223px; background: url(../images/magazines.gif); position: absolute; top: 110px; right: 660px; z-index: 5; }

#header #flowers { width: 214px; height: 182px; background: url(../images/flowers.gif); position: absolute; top: 190px; right: 629px; z-index: 7; }
#header #camera { width: 118px; height: 92px; background: url(../images/camera.gif); position: absolute; top: 103px; right: 410px; z-index: 5; }
#header #flash { width: 44px; height: 52px; background: url(../images/flash.gif); position: absolute; top: 150px; right: 778px; z-index: 5; }
#header #cellphone_old { width: 42px; height: 46px; background: url(../images/cellphone.gif); position: absolute; top: 245px; right: 425px; z-index: 5; }
#header #cellphone { width: 52px; height: 75px; background: url(../images/iphone5.png); position: absolute; top: 235px; right: 425px; z-index: 5; }
#header #notepad { width: 171px; height: 142px; background: url(../images/notepad.gif); position: absolute; top: 208px; right: 500px; z-index: 5;}

#header #christmas-tree { width: 153px; height: 163px; background: url(../images/christmas_tree.gif); position: absolute; top: 75px; right: 0px; z-index: 5; }


#header #palm { width: 219px; height: 370px; background: url(../images/palm.png); position: absolute; top: 50px; left: 0; z-index: 7; }

#header #shelfToggle { display: block; width: 200px; height: 170px; position: absolute; top: 350px; right: 590px; z-index: 6;  }
#header #shelfTop { width: 381px; height: 206px; background: url(../images/shelf_top.gif); position: absolute; top: 169px; right: 536px; z-index: 5; }

#header #shelf { width: 354px; height: 211px; background: url(../images/shelf.png); position: absolute; top: 270px; right: 517px; z-index: 4; }
#header #shelf #shelfPic { width: 160px; height: 136px; position: absolute; top: 7px; left: 100px; overflow: hidden; }
#header #shelf #shelfInnerShadow { width: 169px; height: 143px; background: url(../images/shelf_inner_shadow.png); position: absolute; top: 2px; left: 97px; }
#header #shelfTopShadow { width: 183px; height: 41px; background: url(../images/shelf_top_shadow.png); position: absolute; top: 374px; right: 598px; z-index: 6;  }

#header #chair { width: 458px; height: 389px; background: url(../images/chair.png); position: absolute; top: 345px; right: 150px; z-index: 5; }
#header #chair2 { width: 451px; height: 388px; background: url(../images/chair2.png); position: absolute; top: 410px; right: 0; z-index: 5; }


#header #carpet {
	width:520px;
	height:455px;
	background: url(../images/carpet.png) no-repeat;
	z-index:3;
	position: absolute; top:325px; right:215px;
}


/* Not official */
#header #smile { width: 24px; height: 39px; background: url(../images/smile.gif); position: absolute; top: 24px; left: 270px; z-index: 5; }
#header #tabletWithChips { width: 202px; height: 203px; background: url(../images/tablet_with_chips.gif); position: absolute; top: 211px; right: 1px; z-index: 5; }
#header #cigarettes { width: 59px; height: 51px; background: url(../images/cigarettes.gif); position: absolute; top: 190px; right: 440px; z-index: 5; }
#header #ashTray { width: 85px; height: 92px; background: url(../images/ashtray.gif); position: absolute; top: 87px; right: 350px; z-index: 5; }
#header #beer { width: 59px; height: 47px; background: url(../images/beer.gif); position: absolute; top: 142px; right: 430px; z-index: 5; }
#header #magazinesPorno { width: 215px; height: 226px; background: url(../images/magazines_porno.gif); position: absolute; top: 108px; right: 657px; z-index: 5; }
#header #notepadPorno { width: 171px; height: 142px; background: url(../images/notepad_porno.gif); position: absolute; top: 208px; right: 500px; z-index: 5;}


/* Hint */
#header .hint { height: 33px; line-height: 27px; background: url(../images/hint_bg.gif) repeat-x; position: absolute; color: #FFFFFF; text-align: center; z-index: 20; display: none; }
#header .hint .l { width: 5px; height: 33px; position: absolute; top: 0; left: -5px; background: url(../images/hint_left.gif); }
#header .hint .r { width: 5px; height: 33px; position: absolute; top: 0; right: -5px; background: url(../images/hint_right.gif); }
#header .hint .a { width: 13px; height: 8px; position: absolute; top: 25px; left: 15px; background: url(../images/hint_arrow.gif) no-repeat; }

#header .path { color: #5f5f5f; font-size: 10px; position: absolute; top: 485px; left: 50px; z-index: 4; }
#header .path a { color: #5f5f5f; }

/* Content */
/*
.content { line-height: 19px; padding: 0px 50px 0 50px; position: relative; z-index: 100; margin-top: 515px; }
*/
.content { line-height: 19px; padding: 0px 50px 0px 50px; position: relative; z-index: 100; margin-top: 10px; }
.content .shortLeft { width: 49%; }

.content .projectScreen { width: 71%; float: left; }
.content .projectDetails { width: 250px; margin: 250px 0 0 0; float: right; }

.content .slideLink { margin: 0 0 5px 0; }
.content .slideLink a { vertical-align: top; margin: 0 0 0 5px; text-decoration: none; font-size: 15px; color: #475470; background: url(../images/dotted.gif) repeat-x 0 bottom; }
.content .slideLink a:hover { background-image: none; }
.content .slideText { padding: 0 0 0 23px; margin: 0 0 5px 0; display: none; }

.content .weCanColumn { width: 26%; padding: 0 1% 0 3%; margin: 0 0 0 2%; float: left; background: url(../images/vertical_divider.gif) no-repeat left center; }
.content .weCanColumn.first { background: none; }

.content .weCanColumn .head { width: 100%; height: 48px; padding: 0 0 7px 0; margin: 0 0 7px 0; border-bottom: #d5d8da 2px solid; font-weight: bold; background: url(../images/we_can_line.gif) no-repeat 0 46px; position: relative; }
.content .weCanColumn .head .num { position: absolute; top: 0; left: 0; font-size: 43px; line-height: 45px; padding: 0 5px 0 0; color: #ebebeb; }
.content .weCanColumn .head .title { position: absolute; top: 4px; left: 52px; }
.content .weCanColumn .head .title h2 { display: inline; font-size: 16px; color: #5f5f5f; margin: 0; padding: 0; line-height: 18px; }
.content .weCanColumn .head .title h2 a { color: #5f5f5f; text-decoration: none; }

#portfolioCategories { width: 100%; list-style: none; text-align: center; margin: 0; padding: 20px 0 40px 0; }
#portfolioCategories li { display: inline; font-size: 11px; color: #444748; padding: 0 20px; }
#portfolioCategories li a { font-size: 15px; color: #3b507e; }

#curCatBg { padding: 6px 0 14px 0; font-size: 15px; color: #fff; background: url(../images/portf_cat_bg.jpg) no-repeat center top; }
#curCatBg span { font-size: 11px; color: #c9d2da; }
#curCatLeft { padding: 6px 0 14px 10px; font-size: 15px; background: url(../images/portf_cat_left.jpg) no-repeat right top; }
#curCatRight { padding: 6px 10px 14px 0; font-size: 15px; background: url(../images/portf_cat_right.jpg) no-repeat left top; }


.content .portfolioBox { width: 21%; padding: 0 0 40px 0 !important; padding: 0 0 25px 0; float: left; z-index: 5; position: relative; text-align: center; } 
.content .portfolioBox .border { text-decoration: none; cursor: pointer; display: block; width: 184px; height: 167px; margin: 0 auto; position: relative; z-index: 3; }
.content .portfolioBox .border img { position: relative; z-index: 3; }
.content .portfolioBox .border .loading { position: absolute; top: 11px; left: 13px; z-index: 1; }
.content .portfolioBox .border .image { display: block; width: 184px; height: 163px; position: absolute; top: 0; left: 0; background-position: 13px 10px; background-repeat: no-repeat; z-index: 1; }
.content .portfolioBox .title { display: block; width: 184px;  color: #4f4f4f;  }
.previewPopup {position: absolute; top:0px; left:0px; z-index: 200; width: 450px; padding-left: 29px;}
.previewPopup .boxTop {position: relative; width: 422px; height: 11px; background: url(../images/prev_box_top.png) no-repeat; font-size: 0px;}
.previewPopup .center {position: relative; width: 382px; background: url(../images/prev_box_bg.png) repeat-y; padding: 5px 20px 5px 20px; min-height: 240px;}
.previewPopup .boxBottom {position: relative; width: 422px; height: 11px; background: url(../images/prev_box_bottom.png) no-repeat;}
.previewPopup .left {position: absolute; left:0px; top:110px; background: url(../images/prev_box_left_arrow.png) no-repeat; width: 34px; height: 54px; z-index: 100;}
.previewPopup .right {position: absolute; left: 446px; top:110px; background: url(../images/prev_box_right_arrow.png) no-repeat; width: 34px; height: 54px;}

.content .portfolioDivider { width: 5%; height: 163px; float: left; background: url(../images/portfolio_divider.gif) no-repeat center bottom; position: relative;}

/* .content .map { width: 439px; height: 357px; background: url(../images/map.png); margin: 0 auto; } */

/* Footer */
#footer { width: 100%; height: 300px; background: url(../images/wall.jpg) repeat-x 0 bottom; position: relative; z-index: 0; }
#footer #copy { width: 485px; position: absolute; bottom: 100px; left: 31%; text-align: center; z-index: 1; color:#999999; }
#footer #copy a { color: #444748; text-decoration: none; }
#footer #copy a:hover { text-decoration: underline; }
#footer #window { width: 519px; height: 105px; background: url(../images/window.png); position: absolute; bottom: 0; left: 31%; } 

#counters { width: 30%; position: absolute; bottom: 20px; right: 30px; text-align: right; z-index: 2; }
#bottomTable { width: 306px; height: 422px; background: url(../images/bottom_table.jpg); position: absolute; bottom: 0; left: 0; color: #6f8fb7; }
#bottomTable .facebook { width: 50px; height: 50px; position: absolute; left: 108px; bottom: 195px; }
#bottomTable .twitter { width: 50px; height: 50px; position: absolute; left: 160px; bottom: 155px; }
#crap { width: 409px; height: 417px; background: url(../images/crap.png); position: absolute; bottom: 38px; right: 0; }
#facebookBtnNoSend { width: 452px; height: 280px; overflow: hidden; position: absolute; bottom: 0px; left:40px; z-index: 101; }
#facebookBtn { width: 100px; height: 20px; overflow: hidden; position: absolute; bottom: 245px; left:101px; z-index: 102; }