* {outline:none; margin:0; padding:0; border:0;}
html {overflow-y:scroll;}
body {background:url('img/top_bg.gif') center 0px repeat-x #fff; font-family:arial; font-size:12px; color:#3b3b3b; line-height:18px;}

a, a:hover, a:visited, a:link, a:active {text-decoration:underline; color:#ff7800;}
a:hover {text-decoration:none;}

h1 {font-weight:normal; font-size:30px; color:#000; margin:8px 0 12px; line-height:32px;}
h2 {font-weight:normal; font-size:15px; color:#000; margin:8px 0 12px; line-height:20px;}
h3.h2 {font-weight:normal; font-size:15px; color:#000; margin:8px 0 12px; line-height:20px;}
h2.h1 {font-weight:normal; font-size:30px; color:#000; margin:8px 0 12px; line-height:32px;}


table {border-collapse:collapse; width:100%; margin:0 -10px;}
td {padding:10px; font-weight:bold;}
table td.br {border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
td.tick {background:url(img/check.png) center center no-repeat; width:70px; min-height:50px; border-bottom:1px solid #ddd;}

.clear {clear:both; line-height:0px;}
.right {float:right;}
.left {float:left;}

.orange {color:#ff7800;}
.nb {background-color:#FFEAEA; border-top:1px dashed orange; border-bottom:1px dashed orange; padding:5px 10px;}

#nav_first {width:990px; margin:0 auto; height:41px;}
#nav_first ul {list-style:none;}
#nav_first ul li.first {margin-right:40px; width:126px;}
#nav_first ul li {margin-left:40px; width:67px; float:left; height:41px; display:block;}
#nav_first ul li.active {filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}
#nav_first ul li.active.first {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
#nav_first ul li a {display:block; height:40px; width:67px;}
#nav_first ul li.first a {width:126px;}
#nav_first ul li a span {display:none;}
#nav_first ul li.item-1 {background:url('img/logo.gif') no-repeat center;}
#nav_first ul li.item-6 {background:url('img/menu_services.gif') no-repeat center;}
#nav_first ul li.item-45 {background:url('img/menu_about.gif') no-repeat center;}
#nav_first ul li.item-3 {background:url('img/menu_portfolio.gif') no-repeat center;}
#nav_first ul li.item-34 {background:url('img/menu_blog.gif') no-repeat center;}
#nav_first ul li.item-5 {background:url('img/menu_contacts.gif') no-repeat center;}


#interactive {overflow:hidden; width:990px; margin:0 auto; height:217px; position:relative; background:url(img/loading.gif) center center no-repeat #000;}
#bg-t {width:990px; height:217px; position:absolute; top:0; left:0; background:url(img/bg2-t.png); visibility:hidden; z-index:1;}
#bg-r {width:990px; height:217px; position:absolute; top:0; left:0; background:url(img/bg2-r.png); visibility:hidden; z-index:1;}
#bg-b {width:990px; height:217px; position:absolute; top:0; left:0; background:url(img/bg2-b.png); visibility:hidden; z-index:1;}
#bg-l {width:990px; height:217px; position:absolute; top:0; left:0; background:url(img/bg2-l.png); visibility:hidden; z-index:1;}
#i-logo {width:214px; height:69px; position:absolute; top:-80px; left:367px; background:url(img/magento.png) center center no-repeat; z-index:4;}
#i-content {color:#fff; width:560px; height:240px; position:absolute; top:-240px; left:370px; z-index:4;}
#i-content .big {font-family:tahoma; font-size:30px; color:#fff; text-transform:uppercase; letter-spacing:0px; line-height:40px;}
#i-content p {font-size:12px; line-height:20px;}
#i-content .list {width:100%;}
#i-content .list a {float:left; display:block; margin:10px 10px 0 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#i-content .list a img {border:2px solid #F05C4F;}
#i-content .list a:hover {margin:8px 8px -2px -2px; -moz-box-shadow:0 0 5px #000;}
#i-content .list a:hover img {border:4px solid #F05C4F;}
a#i-btn {width:159px; height:31px; background:url(img/btn.png) no-repeat; text-shadow:0 -1px 1px #225; display:block; position:absolute; padding:7px 0 0 28px; line-height:14px; top:-300px; left:107px; font-style:normal; text-decoration:none; cursor:pointer; z-index:4; color:#fff; font-size:10px;}
a#i-btn:hover {background-position:left -38px;}
a#i-btn em {font-size:16px; text-transform:uppercase; font-weight:bold; letter-spacing:0; font-style:normal; line-height:25px;}

.btn-small, a.btn-small {width:134px; text-transform:uppercase; font-weight:bold; height:24px; background:url(img/btn-small.png) no-repeat; text-shadow:0 -1px 1px #225; display:block; padding:6px 0 0 18px; line-height:19px; font-style:normal; text-decoration:none; cursor:pointer; z-index:4; color:#fff; font-size:15px;}
.btn-small:hover, a.btn-small:hover {background-position:left -30px;}


#nav_portfolio {width:990px; overflow:hidden; position:relative; background-color:#000; height:217px;}
#nav_portfolio div.container {position:absolute; top:15px; left:0px;}
#nav_portfolio div.portfolio_item {float:left; width:128px; margin:0 10px 0 20px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}
#nav_portfolio div.title {clear:both; font-size:14px; color:#fff;}
#nav_portfolio div.portfolio_img {margin:5px 0 1px; width:128px;}
#nav_portfolio div.item_blick {background:url('img/portfolio_blick.jpg') no-repeat; width:128px; height:40px;}
#nav_portfolio div.shade_left {background:url('img/portfolio_shade_l.png') top left no-repeat; width:40px; height:215px; position:absolute; top:1px; left:0px;}
#nav_portfolio div.shade_right {background:url('img/portfolio_shade_r.png') top right no-repeat; width:40px; height:215px; position:absolute; top:1px; right:0px;}


#nav_meta {position:absolute; top:90px; left:0px; border-top:2px solid #ff7800; width:50px;}
#nav_meta ul {list-style-type:none;}
#nav_meta ul li {height:53px;}

#blocks {width:990px; margin:0 auto;}
#blocks div.sep {float:left; width:34px; height:180px; margin-top:11px; background:url('img/block_sep.gif') 16px 0px no-repeat;}
#blocks div.content {margin:51px 10px 10px 31px;}
#blocks div.content ul {list-style:none;}
#blocks div.content ul li {margin:2px 0px 8px;}
#block_profile {float:left; width:296px; background:url('img/title_profile.gif') 10px 21px no-repeat;}
#block_services {float:left; width:230px; background:url('img/title_services.gif') 10px 21px no-repeat;}
#block_portfolio {float:left; width:395px; background:url('img/title_portfolio.gif') 10px 21px no-repeat;}
#block_portfolio div.p_item {float:left; width:76px; border-bottom:2px solid #ff7800; margin-right:28px;}
#block_portfolio div.link {margin:21px 0 0 120px;}
#block_portfolio div.content {margin-top:30px;}

#blog {width:926px; height:117px; margin:30px auto 0; background:url('img/blog_bg.gif') no-repeat;}
#blog div.content {padding:30px 0 0 120px; width:800px;}
#blog div.content div {float:left; width:350px; margin-right:30px;}

#contacts {width:884px; margin:30px auto 0;}
#contacts a {color:black;}

#footer {height:8px; background:url('img/footer_bg.gif') repeat-y #000; clear:both; width:100%; position:fixed; bottom:0px;}


#desc {display:none; }

#flash_content {background:url('img/flash_bg.jpg') no-repeat;}

#idealtarieven table {border: 2px solid #cccccc; margin: 10px 0 10px 0;}
#idealtarieven td {width:250px; vertical-align:top;border: 1px solid #cccccc; padding: 3px;}

.copyright a {text-decoration: none; color:#3B3B3B!important;}



a.bordered {border:1px solid #eee; display:block;}
a.bordered:hover {border:1px solid #888; -moz-box-shadow:0 0 3px #aaa;}

.date {font-size:9px; color:#fff; line-height:13px; display:inline-block; padding:0 4px; background:#777; -moz-border-radius:2px;}
.news {font-size:12px; color:#333; line-height:19px; margin:5px 0 12px;}

#works {width:106%; padding-left:4%; background:url(img/ln.gif) repeat-x #c2c2c2; margin-left:-5%;}
.works-block {width:30%; margin:20px 3px; float:left;}
.works-block p {font-style:italic; font-size:11px; font-family:Georgia; padding:0 2px 0 8px; height:60px;}