/*
  Copyright (c) 2010 Art4Web.cz [http://www.art4web.cz]
*/
*, A { color:#595a5c; font-family:Tahoma, sans-serif; font-size:12px; }
BODY { margin:0px; padding:0px; }
H1, H2, H3, H4, H5 { margin:0px; }
H1 { font-size:25px ! important; margin:0px 0px 12px 0px; }
H1, H1 A { font-size:13px; font-weight:normal; }
H1 A { border:none ! important; }
H2 { font-size:17px ! important; margin:0px 0px 12px 0px; }
H2, H2 A { font-size:11px; font-weight:normal; }
H3 {  }
P { margin:0px 0px 12px 0px; text-align:justify; }
A { color:#595a5c; text-decoration:none; }
A:hover, A.active { color:#99999b ! important; }
FORM { display:inline; }
HR { height:1px; color:#000; }
IMG { border:0px; }
UL { margin:0px; }
TD { padding:5px; text-align:left ! important; vertical-align:top ! important; }

/* -------------------------------------------------------------------------- */
/* obecne tridy                                                               */
/* -------------------------------------------------------------------------- */
.middle { vertical-align:middle ! important; }
.no-border { border: none ! important; }
.no-background { background: none ! important; }
.bold { font-weight:bold ! important; }
.italic { font-weight:italic ! important; }
.block { display:block; float:left; }
.clear { clear: both ! important; }

.center { text-align: center ! important; }
.normal { font-size:100%; font-weight:normal ! important; }
.font10 { font-size:10px ! important; }
.floatBox { float:left; }
.padding5 { padding:5px; }
.mTop5 { margin-top:5px; }
.mLeft5 { margin-left:5px; }
.mLeft20 { margin-left:20px; }
.mLeft40 { margin-left:40px; }
.mLeft80 { margin-left:80px; }
.mTop12 { margin-top:12px ! important; }
.mTop15 { margin-top:15px; }
.mTop24 { margin-top:24px ! important; }
.mBot15 { margin-bottom:15px; }
.mRight10 { margin-right:10px; }
.mRight20 { margin-right:20px; }
.mBot5 { margin-bottom:5px; }
.pTop5 { padding-top:5px; }
.pTop10 { padding-top:10px; }
.w100per { width:100%; }
.w100 { width:100px; }
.w300 { width:300px; }
.left { text-align:left ! important; }
.right { text-align:right ! important; }
.fleft { float:left ! important; }
.fright { float:right ! important; }
.msg { margin:20px 0px 10px 0px; }
.err { color:red; margin:20px 0px 10px 0px; }
.message { margin-top:25px; }
.messageStackWarning { color:orange; font-weight:bold; }
.messageStackSuccess { color:blue; font-weight:bold; }
.messageStackError { color:red; font-weight:bold; }
.print { display:none; }
A.underlined { border-bottom:1px solid #000; }
A.underlined:hover { text-decoration:none; }
.no-underline { text-decoration:none ! important; }
.no-background { background:none ! important; }
.nowrap { white-space:nowrap; }
/* -------------------------------------------------------------------------- */
/* layout                                                                     */
/* -------------------------------------------------------------------------- */
HTML { height:100%; margin:0px; padding:0px; }
BODY { width:100%; height:100%; margin:0px; padding:0px; text-align:center; }
TABLE#outer { width:100%; height:100%; margin:0px; padding:0px; border:0px; }
TABLE#outer TD { vertical-align:middle; text-align:center; background:#fff; }
DIV.container { position:relative; width:901px; height:600px; margin:0 auto; text-align:left; background:#fff; }
DIV.inner { position:relative; width:100%; height:100%; }
DIV#content { position:absolute; left:22px; top:20px; width:704px; height:529px; }
DIV#content DIV, DIV#content A { color:#595a5c; }

/* -------------------------------------------------------------------------- */
/* tlacitko home                                                              */
/* -------------------------------------------------------------------------- */
A#button-home { display:block; position:absolute; top:11px; left:869px; width:10px; height:7px; background:url('../img/button-home.gif') no-repeat; }
A#button-up { display:block; position:absolute; top:252px; left:716px; width:10px; height:12px; background:url('../img/button-up.gif') no-repeat; }
A#button-down { display:block; position:absolute; top:422px; left:716px; width:10px; height:12px; background:url('../img/button-down.gif') no-repeat; }

/* -------------------------------------------------------------------------- */
/* menu                                                                       */
/* -------------------------------------------------------------------------- */
DIV#menu { position:absolute; top:503px; width:100%; height:97px; Xbackground:blue; }
DIV#menu A { font-size:13px; }
DIV#menu A#news { position:absolute; top:47px; left:21px; }
DIV#menu A#news:hover { }
DIV#menu A#body-of-work { position:absolute; top:47px; left:266px; }
DIV#menu A#body-of-work:hover { }
DIV#menu A#about { display:block; position:absolute; top:47px; left:575px; }
DIV#menu A#about:hover { }
DIV#menu A#contact { display:block; position:absolute; top:47px; left:834px; }
DIV#menu A#contact:hover { }

/* -------------------------------------------------------------------------- */
/* home                                                                       */
/* -------------------------------------------------------------------------- */
DIV#home-container { position:relative; }
DIV#home-container H1 { position:absolute; top:265px; left:363px; font-size:24px ! important; font-weight:normal ! important; }

/* -------------------------------------------------------------------------- */
/* news-1                                                                     */
/* -------------------------------------------------------------------------- */
DIV#news-1-container A#news-1 { display:none; position:absolute; top:101px; left:794px; font-size:13px; }
DIV#news-1-container A#news-2 { display:none; position:absolute; top:134px; left:825px; font-size:13px; }
DIV#news-1-container DIV#content { width:636px; top:21px; background:url('../img/red-balloon-86.jpg') no-repeat; }
DIV#news-1-container DIV#scrollable { position:absolute; top:40px; right:22px; Xbackground:red; padding:0px; width:177px; height:489px; overflow:hidden;}
DIV#news-1-container DIV#scrollable IMG { margin:0px 0px 15px 0px; }
DIV#news-1-container .swScrollUp { position:absolute; top:232px ! important; right:218px ! important; width:12px; height:12px; background:url('../img/button-up.gif') center center no-repeat; }
DIV#news-1-container .swScrollDown { position:absolute; top:324px ! important; right:218px ! important; width:12px; height:12px; background:url('../img/button-down.gif') center center no-repeat; }

/* -------------------------------------------------------------------------- */
/* news-2                                                                     */
/* -------------------------------------------------------------------------- */
DIV#news-2-container H1 { font-size:20px ! important; font-weight:normal ! important; }
DIV#news-2-container H2 { font-size:14px ! important; font-weight:normal ! important; }
DIV#news-2-container A#news-1 { display:block; position:absolute; top:101px; left:794px; font-size:13px; }
DIV#news-2-container A#news-2 { display:block; position:absolute; top:134px; left:825px; font-size:13px; }
DIV#news-2-container TABLE { margin:0px 0px 12px 0px ! important; }
DIV#news-2-container TABLE TD { padding:0px 12px 12px 0px ! important; }

/* -------------------------------------------------------------------------- */
/* body-of-work                                                               */
/* -------------------------------------------------------------------------- */
DIV#body-of-work-container DIV#content DIV#under-construction { position:absolute; top:240px; left:360px; font-size:13px; }

DIV#menu A#red-balloon-86 { position:absolute; top:22px; left:47px; }
DIV#menu A#ridinghood-from-east-end { position:absolute; top:22px; left:233px; }
DIV#menu A#family-album { position:absolute; top:22px; left:485px; }
DIV#menu A#deerhunter { position:absolute; top:22px; left:671px; }
DIV#menu A#portraits { position:absolute; top:22px; left:856px; }

/* -------------------------------------------------------------------------- */
/* about                                                                    */
/* -------------------------------------------------------------------------- */
DIV#about-container H1 { font-size:20px ! important; font-weight:normal ! important; }
DIV#about-container H2 { font-size:14px ! important; font-weight:normal ! important; }
DIV#about-container TABLE { margin:0px 0px 12px 0px ! important; }
DIV#about-container TABLE TD { padding:0px 12px 12px 0px ! important; }
DIV#about-container DIV#scrollable { position:absolute; z-index:100; top:17px; left:21px; width:640px; height:509px; padding-right:0px; overflow:hidden; }
DIV#about-container DIV#scrollable IMG { position:relative; top:4px; right:3px; }
DIV#about-container .swScrollUp { position:absolute; z-index:100; top:232px ! important; right:218px ! important; width:12px; height:12px; background:url('../img/button-up.gif') center center no-repeat; }
DIV#about-container .swScrollDown { position:absolute; z-index:100; top:324px ! important; right:218px ! important; width:12px; height:12px; background:url('../img/button-down.gif') center center no-repeat; }

/* -------------------------------------------------------------------------- */
/* contact                                                                    */
/* -------------------------------------------------------------------------- */
DIV#contact-container DIV#content A#hana-email { display:block; position:absolute; top:253px; left:342px; font-size:15px; color:#595a5c; }
DIV#contact-container DIV#content DIV#web-development { position:absolute; top:379px; left:387px; font-size:10px; color:#595a5c; }
DIV#contact-container DIV#content A#pavel-kubicek { display:block; position:absolute; top:391px; left:397px; font-size:10px; color:#595a5c; }