* { margin: 0; padding: 0; }
.accessible { display: none; }
.center { text-align: center; }
.right { text-align: right; }
.clear_both { clear: both; height: 0; padding: 0; margin: 0; }
.clear_left { clear: left; height: 0; padding: 0; margin: 0; }
.clear_right { clear: right; height: 0; padding: 0; margin: 0; }
a { outline: none; }
a.externLink { background-image: url(http://www.arteus.cz/misc/extern_link.gif); background-position: right center; background-repeat: no-repeat; display: inline; padding-right: 11px; }
body { font-family: Verdana, Arial, sans-serif; line-height: 150%; font-size: 0.8em; text-align: center; background: #018f83; }

#container { width: 100%; }
#headercontainer { width: 100%; height: 527px; text-align: left; background: url(http://www.studiopyramida.cz/img/home-bg-left-top.jpg) top left repeat-x; }
#header { height: 527px; text-align: left; width: 968px; margin: auto; }

#nav { list-style: none; position: absolute; top: 0px; margin: 0; text-align: left; height: 527px; width:970px }
#nav li { float: left; margin: 0; height: 527px; }
#nav .b1 { background: url(http://www.studiopyramida.cz/img/btn-01-off.jpg) top left no-repeat; width: 485px; height: 527px; }
#nav .b1 a:hover { background: url(http://www.studiopyramida.cz/img/btn-01-on.jpg) top left no-repeat; width: 483px; height: 527px; }
#nav .b2 { background: url(http://www.studiopyramida.cz/img/btn-02-off.jpg) top left no-repeat; width: 485px; height: 527px; }
#nav .b2 a:hover { background: url(http://www.studiopyramida.cz/img/btn-02-on.jpg) top left no-repeat; width: 485px; height: 527px; }

#nav strong { display: block; text-indent: -9999px; height: 527px; }
#nav .b1 strong { background: url(http://www.studiopyramida.cz/img/btn-01-on.jpg); }
#nav .b2 strong { background: url(http://www.studiopyramida.cz/img/btn-02-on.jpg); }
#nav li a { text-indent: -9999px; display: block; padding: 0; height: 527px; }

#contentcontainer { width: 100%; margin: auto; overflow: hidden; text-align: center; padding: 0; background: url(http://www.studiopyramida.cz/img/home-bg-left-middle.jpg) top left repeat-x; }
#content { width: 968px; margin: auto; display: block; height: auto; background: url(http://www.studiopyramida.cz/img/home-header-top.gif) #ffffff no-repeat center top; padding-bottom:25px}
#content p { font-size: 0.9em;  color: #2b3637;}
#contentLeft { width: 440px; text-align: left; padding: 50px 0 0 22px; float: left; }
#contentRight { width: 440px; text-align: left; float: right; padding: 50px 22px 0 0; }
#contentLeft .title-vitejte { background: url(http://www.studiopyramida.cz/img/title-vitejte-v-nasem-studiu.gif) no-repeat left top; text-indent: -99999px; width: 299px; height: 25px; }
#contentLeft .title-nazory { background: url(http://www.studiopyramida.cz/img/title-nazory-zakazniku.gif) no-repeat left top; text-indent: -99999px; width: 299px; height: 25px; }

#contentRight .title-fitness-pripravene-pro-vas { background: url(http://www.studiopyramida.cz/img/title-fitness-pripravene-pro-vas.gif) no-repeat left top; text-indent: -99999px; width: 299px; height: 25px; }
#contentRight .title-dulezite-kontakty { background: url(http://www.studiopyramida.cz/img/title-dulezite-kontakty.gif) no-repeat left top; text-indent: -99999px; width: 299px; height: 25px; }
#title-vitame-vas { background: url(http://www.studiopyramida.cz/img/title-vitame-vas.gif) no-repeat left top; text-indent: -99999px; width: 452px; height: 24px; padding-bottom:15px; margin-top:15px}
#title-kde-nas-najdete { background: url(http://www.studiopyramida.cz/img/title-kde-nas-najdete.gif) no-repeat left top; text-indent: -99999px; width: 452px; height: 24px; padding-bottom:0; margin-top:15px}

#contentLeft h2, #contentRight h2 { margin: 10px 0 10px 0; }
#contentRight h3 { color: #22a59c; padding: 15px 0 5px 0; }
#contentLeft h3 { color: #c46413; padding: 15px 0 5px 0; }

#contentRight a { color: #22a59c; }
#contentLeft a { color: #c46413; }

#contentLeft img { float: left; border: 0; padding: 5px 10px 0 0; }
#contentRight img { float: right; border: 0; padding: 5px 0 0 10px; }


/*footer*/
#footercontainer { height: 190px; width: 100%; margin: auto; overflow: hidden; text-align: center; padding: 0; background: url(http://www.studiopyramida.cz/img/home-bg-left-bottom.jpg) top left repeat-x; }
#footer { width: 968px; margin: auto; display: block; height: 190px; }
#navfooter { list-style: none; margin: 0; text-align: left; height: 190px; }
#navfooter li { float: left; margin: 0; height: 190px;}
#navfooter .f1 { background: url(http://www.studiopyramida.cz/img/btn-03.jpg) top left no-repeat; width: 485px; height: 190px; }
#navfooter .f1 .copy { display:inline ; text-indent:0; color:#ffffff; height:auto; width:auto}
#navfooter .f2 { background: url(http://www.studiopyramida.cz/img/btn-04.jpg) top left no-repeat; width: 483px; height: 190px; }
#navfooter li a{ display: block; text-indent:-9999px; height:120px}
#navfooter li span { display: block; padding:0px 0 0 25px; color:#ffffff; font-size:0.8em; line-height:normal}