/* Theme Name: Jocker Studio */

body { background: black; font-family: "Myriad Pro", Arial; }
.clearfix { clear: both; }
#page { min-width: 1124px;  }

#header { height: 80px; background: #5C514C url(images/header.jpg) no-repeat top center; }
#headerinner { width: 1000px; margin: auto; position: relative; }
#centerbar { height: 352px; background: #000 url(images/centerbar.png) no-repeat top center; }
#centerbarinner { width: 1000px; margin: auto; position: relative; }
#contentbar { background: #B9B6B6 url(images/main.png) repeat-x; overflow: hidden; }
#main { width: 1000px; margin: auto; position: relative; }
#main_subpage { width: 1000px; margin: auto; position: relative; min-height: 300px; }
#footer { height: 60px; background: url(images/footer.png) repeat-x; overflow: hidden; }
#footerinner { width: 1000px; margin: 10px auto; position: relative;  }

#logo { position: absolute; left: 100px; top:10px; } 
#logo a { background: url(images/logo.png) no-repeat; display: block; width: 209px; height: 65px; }

#mainbox { position: absolute; left: 373px; top: 40px;  width: 615px; height: 284px; background: url(images/mainbox.png) no-repeat; }
#mainboxinner { width: 593px; height: 262px; margin: 11px auto; overflow: hidden; }

#tagline { position: absolute; left: 45px; top: 173px; }
#tagline h2 { text-indent: -9999px; background: url(images/ekstremalnareklama.png) no-repeat; width: 306px; height: 100px; }

#nav { position: absolute; left:570px; top:48px; }
#nav li { float: left; }
#nav li a { height: 21px; display: block; }
#nav li.nav_01 a { width: 64px; background: url(images/nav/navh_01.png) no-repeat; }
#nav li.nav_02 a { width: 76px; background: url(images/nav/navh_02.png) no-repeat; }
#nav li.nav_03 a { width: 107px; background: url(images/nav/navh_03.png) no-repeat; }
#nav li.nav_04 a { width: 88px; background: url(images/nav/navh_04.png) no-repeat; }
#nav li.nav_05 a { width: 90px; background: url(images/nav/navh_05.png) no-repeat; }
#nav li a:hover { background-position:0 -21px; }
#nav li.current a { background-position:0 -42px; }

#tabs { position: absolute; left:703px; top:0px; }
#tabs li { float: left; }
#tabs li a { height: 29px; display: block; }
#tabs li.tabs_01 a { width: 94px; background: url(images/tabs/tabsnew_01.png) no-repeat; }
#tabs li.tabs_02 a { width: 94px; background: url(images/tabs/tabsnew_02.png) no-repeat; }
#tabs li.tabs_03 a { width: 94px; background: url(images/tabs/tabsnew_03.png) no-repeat; }

#buttony { position: absolute; left:16px; top:285px; }
#buttony li { float: left; margin-right: 20px; }
#buttony li a { display: block; width: 156px; height: 40px; } 
#buttony li.button_01 a { background: url(images/button_01.png) no-repeat; } 
#buttony li.button_02 a { background: url(images/button_02.png) no-repeat; }

#footernav { position: absolute; left:6px; top:10px; }
#footernav li { font-size: .8em; float: left; color: white; border-right: 1px solid white; padding: 0 5px 0 5px; }
#footernav li.page-item-12 { border-right: none; }
#footernav li a { color: white; text-decoration: none; }

#footernav2 { position: absolute; right:12px; top:10px; }
#footernav2 li { font-size: .8em; float: left; color: white; padding: 0 3px 0 7px; }
#footernav2 li a { color: white; text-decoration: none; }

.newsbox1 { border-right: 1px solid #756660; width: 315px; height: 170px; margin: 25px 0; float: left; position: relative; }
.newsbox1 h3 { width: 200px; margin: 30px 0 0 14px; text-indent: -9999px; background: url(images/boxtitle_01.png) no-repeat; height: 24px; }
.newsbox1 h3 a { display: block; }
.newsbox1 p { margin: 20px 0 0 14px; line-height: 1.4em; font-size: .9em; }
.newsbox1 img { position: absolute; left: 132px; top: 6px; }

.newsbox2 { border-right: 1px solid #756660; width: 400px; height: 170px; margin: 25px 0; float: left; position: relative; }
.newsbox2 h3 { width: 200px; margin: 30px 0 0 34px; text-indent: -9999px; background: url(images/boxtitle_02.png) no-repeat; height: 24px; }
.newsbox2 h3 a { display: block; }
.newsbox2 p { margin: 20px 0 0 34px; line-height: 1.4em; font-size: .9em; }
.newsbox2 img { position: absolute; left: 175px; top: 0px; }

.newsbox3 { width: 274px; height: 170px; margin: 25px 0; float: left; position: relative; }
.newsbox3 h3 { width: 200px; margin: 30px 0 0 26px; text-indent: -9999px; background: url(images/boxtitle_03.png) no-repeat; height: 24px; }
.newsbox3 h3 a { display: block; }
.newsbox3 p { margin: 20px 0 0 24px; line-height: 1.4em; font-size: .9em; }
.newsbox3 img { position: absolute; left: 226px; top: 0px; }

#footerbox { width: 1084px; height: 250px; margin: -20px auto; background: url(images/footerbox.png) no-repeat; }
.footerbox1 { width: 485px; float: left; height: 200px; margin: 20px 0 0 50px; }
.footerbox1 h2 { text-indent: -9999px; background: url(images/footerboxtitle_01.png) no-repeat; height: 24px; margin: 25px 0 0 8px; }
.footerbox1 h2 a { display: block; }
.footerbox1 p { margin: 20px 0 0 8px; line-height: 1.4em; font-size: .9em; }
.footerbox1 img { float: right; margin: 19px 0; }

.footerbox2 { width: 485px; float: left; height: 200px; margin: 20px 0 0 18px; }
.footerbox2 h2 { text-indent: -9999px; background: url(images/footerboxtitle_02.png) no-repeat; height: 24px; margin: 25px 0 0 35px; }
.footerbox2 h2 a { display: block; }
.footerbox2 p { margin: 20px 0 0 35px; line-height: 1.4em; font-size: .9em; }
.footerbox2 img { float: right; margin: -33px 0px 0 0;}

#main_subpage .subpage_title { font-size: 1.2em; margin: 15px 0;}
#main_subpage p { margin:0 0 10px 0; line-height: 1.4em; font-size: .9em; }