body, form, table, ul, img { padding: 0; margin: 0; border: 0; }
body { font-family: Verdana, Tahoma, Georgia, Arial, Helvetica, sans-serif; color: #; font-size: 0.80em; background-color:#; }
.accessible { display: none; }
.clear_both { clear: both; }
a { outline: none; }
#container { width: 970px; margin: 10px auto 0 auto; height:100%;}
#container.index {background: url(http://www.arbedesign.net/foto/background/c0h10a0j.jpg) no-repeat 0 304px; height:998px;}
#container.contact, #container.services, #container.links, #container.works {background: url(http://www.arbedesign.net/foto/background/c0h10a0j.jpg) no-repeat 0 37px; height:731px;}
#head { width: 970px; }
#head.big {height: 310px; }
#head.small {height: 45px; }
#head h1 a { display: block; background: url(http://www.arbedesign.net/img/logo-arbe-design.png) no-repeat; width: 110px; height: 71px; text-indent: -999999px; padding: 0 0 0 0; position: absolute; margin: 0 0 0 870px; top:3px}
#head #smallBox { height:35px; width:960px; background-color:#850000; display:block; border: solid 1px #d1cece} 
#head #bigBox { height:255px; width:960px; background-color:#000000; display:block; border: solid 1px #d1cece; margin-bottom:0px; margin-top:10px}
#head #searchForm { text-align:right; width:305px; float: left; padding: 0px 15px 0 0; background: url(http://www.arbedesign.net/img/search-field.gif) no-repeat; height: 34px; letter-spacing: -0.05em; font-size: 1.2em; }
#searchForm #searchText { font-size:1em; border: 0; margin: 7px 15px 0 0; padding:0 ;color: #8d8d8d; height: 18px; width: 130px; }
#searchForm #searchSubmit { background: url(http://www.arbedesign.net/img/search-button.gif) left center no-repeat; width: 30px; height: 22px; text-indent: -99999; border: 0; cursor: pointer; margin:5px 10px 0 0}
#nav { list-style: none; text-align: left; padding:8px 0 0 10px; width:900px}
#nav li { float: left; background: url(http://www.arbedesign.net/img/separator.gif) no-repeat right center; height: 20px; padding: 0 40px 0 0px; }
#nav .b1 { background: url(http://www.arbedesign.net/img/btn-01.png) top left no-repeat; width: 127px; height: 20px; }
#nav .b1 a:hover { background: url(http://www.arbedesign.net/img/btn-01-on.png) top left no-repeat; width: 127px; height: 20px; }
#nav .b2 { background: url(http://www.arbedesign.net/img/btn-02.png) top left no-repeat; width: 104px; height: 20px; }
#nav .b2 a:hover { background: url(http://www.arbedesign.net/img/btn-02-on.png) top left no-repeat; width: 104px; height: 20px; }
#nav .b3 { background: url(http://www.arbedesign.net/img/btn-03.png) top left no-repeat; width: 133px; height: 20px; }
#nav .b3 a:hover { background: url(http://www.arbedesign.net/img/btn-03-on.png) top left no-repeat; width: 133px; height: 20px; }
#nav .b4 { background: url(http://www.arbedesign.net/img/btn-04.png) top left no-repeat; width: 108px; height: 20px; }
#nav .b4 a:hover { background: url(http://www.arbedesign.net/img/btn-04-on.png) top left no-repeat; width: 108px; height: 20px; }
#nav strong { display: block; text-indent: -9999px; }
#nav .b1 strong { background: url(http://www.arbedesign.net/img/btn-01-on.png) top left no-repeat; width: 127px; height: 20px; }
#nav .b2 strong { background: url(http://www.arbedesign.net/img/btn-02-on.png) top left no-repeat; width: 104px; height: 20px; }
#nav .b3 strong { background: url(http://www.arbedesign.net/img/btn-03-on.png) top left no-repeat; width: 133px; height: 20px; }
#nav .b4 strong { background: url(http://www.arbedesign.net/img/btn-04-on.png) top left no-repeat; width: 146px; height: 20px; }
#nav li a { text-indent: -9999px; display: block; padding: 5px 0 5px 0; height: 20px; }
#main {width: 940px; padding:10px;}
#main #workLeft { width:200px; float:left}
#main #index { width:520px; float:left; padding-left:15px}
#main #index h3{padding-top:20px}
.news { color: #d1cece; font-weight:bold}
#main #contactForm input, #main #contactForm textarea{ width:400px; height:18px; border: solid 1px #d1cece; font-family: Georgia; padding: 5px; margin-bottom:5px;}
#main #contactForm textarea {height:100px}
#scrapBook { width:400px; float:right; background: url(http://www.arbedesign.net/img/flash.png) no-repeat 0 50px; width: 400px; }
#main #scrapBook h3{ font-size: 1.5em; color:#850000; letter-spacing: -0.1em; padding:10px 0 0 20px; margin:0; font-weight:bold}
#main #scrapBook h3 a{text-decoration:none; color:#850000}
#main #scrapBook h3 a:hover{text-decoration:underline; color:#d1cece}
#scrapBook .scrap { background: url(http://www.arbedesign.net/img/scrapbook-background.png) left top no-repeat; width:293px; height: 146px; margin-top:40px; margin-left:50px}
#scrapBook .scrap p {padding: 0 20px 0 20px; line-height: 1.5em}



#scrapBook .scrap-link{ padding-left:50px}
#scrapBook .scrap-link a {color:#000000; text-decoration: underline; font-weight:bold}
#scrapBook .smallNews {}
#scrapBook .smallNews .date { font-size:0.85em}
#scrapBook .smallNews .newsHead a{text-decoration:none; color:#850000; font-weight:bold}
#scrapBook .smallNews .newsHead a:hover{text-decoration:underline; color:#d1cece}
#scrapBook .smallNewsComment {padding-left:50px;  line-height: 1.9em; font-size:0.85em}

#main p { padding: 0; margin: 0; line-height: 1.9em; font-size:0.85em}
#main a {text-decoration:none; color:#850000}
#main a:hover{text-decoration:underline; color:#d1cece}

#main .title-prace  { background: url(http://www.arbedesign.net/img/title-prace.png) left top no-repeat; width:370px; height: 44px; text-indent: -9999px;margin:10px 0 10px 0}
#main .title-kontakt  { background: url(http://www.arbedesign.net/img/title-kontakt.png ) left top no-repeat; width:370px; height: 37px; text-indent: -9999px; margin:10px 0 10px 0}
#main .title-odkazy  { background: url(http://www.arbedesign.net/img/title-odkazy.png) left top no-repeat;width:370px; height: 39px; text-indent: -9999px; margin:10px 0 10px 0}
#main .title-kontaktni-formular { background: url(http://www.arbedesign.net/img/title-kontaktni-formular.png) left top no-repeat;  width:334px; height: 37px; text-indent: -9999px; margin:10px 0 10px 0}
#main .title-sluzby { background: url(http://www.arbedesign.net/img/title-sluzby.png) left top no-repeat; width:370px; height: 42px; text-indent: -9999px; margin:10px 0 10px 0;}
#scrapBook .title-news { background: url(http://www.arbedesign.net/img/title-news.png) left top no-repeat; width:243px; height: 38px; text-indent: -9999px; margin:10px 0 10px 0;}

#main #galleryMenu { width:200px; float:left; padding-bottom:15px; padding-top:10px; padding-left:15px;}
#main #galleryMenu li { color:#d1cece; padding-bottom:5px; font-size:1.2em; font-weight:bold}
#main h2 { font-size: 3em; color: #850000; letter-spacing: -0.1em; padding:0; margin:0; font-weight:bold}
#main h3 { font-size: 2em; color: #850000; letter-spacing: -0.1em; padding:0; margin:0; font-weight:bold}
#main #micro{font-size: 0.75em; color: #850000; border-bottom: dotted 1px #d1cece; text-align:left; padding-bottom:5px}
#main #micro a {color: #850000; }

#schemaHolder { margin:10px 10px 0 0; float:right; display:block;} 
#schemaHolder #schema { list-style: none; padding:5px 0 0 5px;}
#schemaHolder #schema li{ width:15px; height:15px; float: left; margin:0px 10px 0 0;  cursor:pointer; border: 1px #808080 solid; display:block;}
.colorBtn {padding:0; margin:0; border:0; width:15px; height:15px; cursor:pointer; }

#footer {width:970px; margin: 30px auto 20px auto; height:50px}
#footer .copy { font-size: 0.85em; color: #d1cece; text-align:center; }
#footer .copy a{ color: #d1cece; text-decoration: none}
#footer .copy a:hover{ color: #850000; text-decoration: underline}

.button-send-contact { background: url(http://www.arbedesign.net/img/btn-send-on.png) top left no-repeat; height:60px; width:106px}
.button-send-contact a{ background: url(http://www.arbedesign.net/img/btn-send-on.png) top left no-repeat; height:60px; width:106px}
.button-send-contact a:hover{ background: url(http://www.arbedesign.net/img/btn-send-off.png) top left no-repeat; height:60px; width:106px}

.big_holder { position: relative; float:right; width:720px; padding-top:50px; height:283px; margin-bottom:25px;}
.big_picture {width:166px; float:left; display:block; background-color:black; height:283px; margin:4.5px}
.big_picture_title {font-size:1.15em; font-weight: bold; width: 166px; text-align: center; display:block; color:#ffffff; padding-top:5px}
.big_picture img { padding: 8px 0 0 7px; border:0}

.static_gallery{ position: relative; float:right; width:720px; padding-top:5px;}

.static_thumbs { list-style: none; width: 720px; display:block; margin-left:10px; padding-top:10px;}
.static_thumbs li {float: left; padding: 0 5px 5px 0}
.static_thumbs li a {  cursor: pointer;}

.thumbPic {width:42px; height:42px}
.static_thumbs .thumbNonActive {background: #dcdcdc; height:42px; width:42px; border: 1px solid #000000}
.static_thumbs .thumbActive {background: #ffffff; height:42px; width:42px; border: 1px solid #dcdcdc}


.arrowsMenu { list-style: none; width: 720px; height: 41px; margin-top:20px;}
.arrowsMenu li {float: left; margin: 0 0 10px 0; height: 41px;}
.arrowsMenu .arrowPrevLi { width:350px; }
.arrowsMenu .arrowNextLi {}
.arrowsMenu .arrowPrev { background: url(http://www.arbedesign.net/img/arrow-left-02.png) top left no-repeat; height:41px; text-indent: -9999px; display:block; pointer:hand; margin-left:5px;}
.arrowsMenu .arrowNext { background: url(http://www.arbedesign.net/img/arrow-right-02.png) top left no-repeat; height:40px; text-indent: -9999px; display:block; pointer:hand; margin-left:290px; width:60px}

.comment { margin: 20px auto 0 auto;  text-align:center}
.comment p{ color:#850000; font-size:1.12em}
.comment p.small { font-size:0.85em}
#main_image { margin: 5px 0 20px 9px; height: auto; width: 680px; text-align:center; background: url(http://www.arteus.cz/misc/loading.gif) center 150px no-repeat;}
#main_image img { margin: 15px 0 15px 0; border:solid 1px #382111}