/****************** INFO ***
	draganpetric.com CSS file;
	browsers: all;
	author: matija turcin;
*/

/****************** 01/ RESET ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; }
body { color: #444; font: 62.5% Arial, Tahoma, "Trebuchet MS", Geneva, sans-serif; line-height: 1; text-align: center; background: #aecee6 url(../images/background_texture.jpg) 50% 0 no-repeat; }
html, body { width: 100%; height: 100%; }
strong { font-weight: bold; }
:focus { outline: 0; }
a img, fieldset { border: 0; }
ol, ul { list-style: none; }
table, tr, th, td { border-collapse: collapse; border-spacing: 0; }
table, table table, ul ul, ul ol, ol ul { font-size: 1em; }
form, input, textarea { font-family: Arial, Tahoma, "Trebuchet MS", Geneva, sans-serif; }
legend, caption { display: none; }


/****************** 02/ STRUCTURE ***/
form { height: 100%; }
#Sizer { width: 986px; min-height: 100%; text-align: center; text-align: left; margin: 0 auto; background: url(../images/content/background.png) 3px 0 repeat-y; position: relative; }
    #Header { width: 986px; height: 170px; position: relative; background: url(../images/header/background.png) no-repeat; }
        #Body_english #Header { background: url(../images/header/EN_background.png) no-repeat; }
        #Contact_informations { position: absolute; top: 30px; right: 33px; text-align: right; }
    #Content { width: 986px; min-height: 655px; _height: 655px; background: url(../images/content/content_back.png) no-repeat; }
    .sizer_homepage #Content { background: url(../images/content/home_content_back.png) no-repeat; }
        #Main { width: 940px; padding: 20px 23px 0; position: relative; }
            /* homepage */
            #Intro_biography { width: 460px; float: left; position: relative; }
            #Intro_journalism { width: 380px; float: right; position: relative; }
        #Intro_download { width: 940px; padding: 30px 23px 0; background: url(../images/content/home_download_back.png) no-repeat; position: relative; }
            /* other pages */
        #Biography { width: 460px; float: left; margin-left: 20px; display: inline; }    
        #Journalism { width: 460px; float: left; margin-left: 20px; display: inline; }
        #Download { width: 460px; float: left; margin-left: 20px; display: inline; }
        #Books { width: 460px; float: left; margin-left: 20px; display: inline; }
        #Rewards { width: 460px; float: left; margin-left: 20px; display: inline; }
    #Footer { width: 940px; padding: 20px 23px 0; height: 55px; background: url(../images/footer/background.png) 3px 0 no-repeat; position: relative;  }
.hide { position: absolute; top: -9999px; left: -9999px; }       

.petric_picture_small, .petric_picture_big_top, .petric_picture_big_bottom { position: absolute; z-index: 10; }
.petric_picture_small { bottom: -10px; right: 3px; width: 240px; height: 336px; background: url(../images/petric_small.png) 0 -284px no-repeat; }
.petric_picture_big_top { bottom: 307px; right: 3px; width: 150px; height: 438px; background: url(../images/petric_big_T.gif) 0 0 no-repeat; }
.petric_picture_big_bottom { bottom: 75px; right: 3px; width: 245px; height: 232px; background: url(../images/petric_big_B.gif) 0 0 no-repeat; }
    .sizer_homepage #Footer .petric_picture_big_top, .sizer_homepage #Footer .petric_picture_big_bottom { display: none; }

.return_to_top { clear: both; text-indent: -9999px; position: relative; }

/****************** 03/ LINKS ***/
a:link, a:visited { color: #008ccd; text-decoration: none; }
a:hover, a:active { color: #91bb30; text-decoration: none; }


/****************** 04/ NAVIGATION ***/
#Navigation { position: absolute; top: 11px; left: 573px; width: 160px; font-size: 1.4em; font-family: "Arial Narrow", Arial, Tahoma, "Trebuchet MS", Geneva, sans-serif; line-height: 1.28em; }
    #Navigation li { width: 160px; margin-bottom: 1px; }
        #Navigation li a { text-transform: uppercase; display: block; width: 140px; padding: 3px 10px; }
        #Navigation li a:hover, #Navigation li a:active,
        .sizer_homepage #Navigation li#Nav_homepage a,
        .sizer_biography #Navigation li#Nav_biography a,
        .sizer_rewards #Navigation li#Nav_rewards a,
        .sizer_books #Navigation li#Nav_books a,
        .sizer_journalism #Navigation li#Nav_journalism a,
        .sizer_download #Navigation li#Nav_download a
        { color: #fff; background: #008ccd url(../images/header/navigation_li_back.gif) repeat-y; }

#English_language { width: 33px; height: 22px; position: absolute; top: 12px; left: 521px; text-indent: -9999px; }
    #English_language a { display: block; width: 33px; height: 22px; background: url(../images/header/flag_english.gif) 0 0 no-repeat; }
        #English_language a:hover, #English_language a:active  { background-position: 0 -22px; }
        #Sizer #English_language a.selected { background-position: 0 -44px; }


/****************** 05/ HEADINGS ***/
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif; color: #008ccd; font-weight: normal; font-style: italic; letter-spacing: -1px; }
h1 { font-size: 2em; height: 41px; line-height: 41px; width: 220px; float: left; color: #fff; }
h2 { font-size: 1.8em; width: 220px; }
    h2.title_desc { font-weight: bold; }
h3 { font-size: 1.4em; }

    h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited  { color: #fff; }
    h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active { color: #c5d997; }
    
    h1.title_desc a:link, h1.title_desc a:visited, h2.title_desc a:link, h2.title_desc a:visited, h3.title_desc a:link, h3.title_desc a:visited  { color: #008ccd; }
    h1.title_desc a:hover, h1.title_desc a:active, h2.title_desc a:hover, h2.title_desc a:active, h3.title_desc a:hover, h3.title_desc a:active { color: #91bb30; }



/****************** 06/ DOCUMENT ***/
/*** Header ***/
#Logo { position: absolute; top: 40px; left: 23px; }
    #Body_english #Logo { position: absolute; top: 40px; left: 18px; }

    /** Contact_informations **/
    #Contact_informations dl { font-size: 2.2em; line-height: 1.2em; font-family: "Arial Narrow", Arial, Tahoma, "Trebuchet MS", Geneva, sans-serif; }
        #Contact_informations dt { position: absolute; top: -9999px; left: -9999px; }
        #Contact_informations dd { color: #008ccd; }
            #Contact_informations dd.contact_phone { font-size: .8em; }
            #Contact_informations dd span { color: #8fc8e3; }
            #Contact_informations dd img { padding: 5px 0 0 5px; }
    

/*** Content ***/
#Content p, #Content ul, #Content ol, #Content dl { font-size: 1.2em; line-height: 1.5em; margin: 1em 0; }
#Content p.more_link { line-height: 1; font-size: 1.1em; margin: 0; width: 220px; text-transform: uppercase; position: absolute; text-align: right; font-weight: bold; z-index: 1000; padding: 5px 0; }

    .download_icon { display: block; width: 20px; height: 19px; text-indent: -9999px; z-index: 10; position: absolute; top: 116px; right: 5px; }
        .icon_document { background: url(../images/content/icon_document.gif) no-repeat; }
        .icon_link { background: url(../images/content/icon_link.gif) no-repeat; }
            #Intro_download .icon_document { top: 0; }
            #Intro_download .icon_link { top: 0; }

    /*** HOME PAGE - Main ***/
        /*** HOME PAGE - Intro_biography ***/ 
        #Intro_biography h2 { font-size: 2em; float: left; height: 41px; line-height: 41px; }
        #Intro_biography #Biography_content { float: left; width: 220px; margin-left: 20px; display: inline; }
        #Content #Intro_biography p.more_link { top: 46px; right: 240px; display: inline; }
        
        /*** HOME PAGE - Intro_journalism ***/ 
        #Intro_journalism h2 { font-size: 2em; height: 41px; line-height: 41px; }
        #Intro_journalism img { border: 5px solid #cfe4ee; margin: 10px 240px 0 0; }
        #Content #Intro_journalism p.more_link { top: 46px; right: 160px; width: 80px; }
    
    /*** HOME PAGE - Intro_download ***/ 
    #Intro_download h2 { font-size: 2em; float: left; height: 41px; line-height: 41px; }
    #Content #Intro_download p.more_link { top: 76px; right: 743px; }
    
    #Intro_download .downloads { float: right; width: 700px; padding-bottom: 20px; }
        #Intro_download .download_box { width: 220px; height: 130px; float: left; margin-right: 20px; position: relative; }
            #Intro_download .download_box_3 { margin-right: 0; }
            #Intro_download .download_box img { border: 5px solid #cfe4ee; }
            
                #Intro_download .download_box_info { width: 200px; position: absolute; bottom: 0; left: 0; z-index: 10; padding: 10px; overflow: hidden; background: url(../images/content/download_box_info_back.png) repeat; }
                #Intro_download .download_box_info h3 { padding-bottom: 2px; font-weight: bold; }
                    #Intro_download .download_box_info h3 a { display: block; width: 200px; }
                #Intro_download .download_box_info p { font-size: 1.1em; margin: 0; color: #ececec; display: none; }
                    #Intro_download .download_box_info p span { padding-bottom: 5px; font-size: .9em; display: block; color: #fff7bf; width: 200px; }
    
    /*** BIOGRAPHY ***/ 
    
    /*** JOURNALISM ***/ 
    .journalism_box_holder { width: 460px; height: 600px; float: left; }
        .journalism_box { width: 460px; height: 130px; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; background: url(../images/content/box_back.gif) 0 100% no-repeat; float: left; position: relative; }
            .journalism_box_info { float: right; width: 220px; }
            .journalism_box img { border: 5px solid #cfe4ee; }
    
    /*** DOWNLOAD AND LINKS ***/ 
    .download_box_holder { width: 460px; height: 600px; float: left; }
        .sizer_download .download_box { width: 460px; height: 130px; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; background: url(../images/content/box_back.gif) 0 100% no-repeat; float: left; position: relative; }
            .sizer_download .download_box_info { float: right; width: 220px; }
            .sizer_download .download_box_info h2 { padding-bottom: 3px; }
            #Content .download_box_info p { margin-top: 0; }
            .sizer_download .download_box_info p span { display: block; padding-bottom: 2px; width: 220px; font-size: .9em; color: #96b69c; font-weight: bold; }
            .sizer_download .download_box img { border: 5px solid #cfe4ee; } 
    
    /*** BOOKS ***/ 
    .books_box_holder { width: 460px; height: 600px; float: left; }
        .books_box { width: 460px; height: 130px; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; background: url(../images/content/box_back.gif) 0 100% no-repeat; float: left; position: relative; }
            .books_box_info { float: right; width: 220px; }
            .books_box img { border: 5px solid #cfe4ee; } 
    
    /*** REWARDS ***/ 
    .rewards_box_holder { width: 460px; height: 600px; float: left; }
        .rewards_box { width: 460px; height: 130px; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; background: url(../images/content/box_back.gif) 0 100% no-repeat; float: left; }
            .rewards_box_info { float: right; width: 300px; }
            .rewards_box img { border: 5px solid #cfe4ee; }

/*** Footer ***/
#Footer p, #Footer dl { font-size: 1.1em; line-height: 1.5em; }
    #Footer p.copyright { width: 220px; float: left; }
    #Footer p.footer_links { float: left; width: 460px; margin: 0 0 0 20px; display: inline; text-align: center; text-transform: uppercase; }
    #Footer dl { width: 220px; float: right; text-align: right; }
        #Footer dl dt { position: absolute; top: -9999px; left: -9999px; }
        
        
/****************** 07/ SLIDER ***/
div.scrollable { position: relative; width: 460px; height: 600px; overflow: hidden; margin-top: 18px; }
div.scrollable div.items { position: absolute; clear: both; width: 10000px; height: 450px; }
a.prev, a.next, a.prevPage, a.nextPage { position: absolute; top: 275px; display: block; width: 60px; height: 79px; z-index: 100; cursor: pointer; text-indent: -9999px; }
    a.prev, a.prevPage { left: 183px; background: url(../images/content/arrow_left.gif) no-repeat; }    
    a.next, a.nextPage { right: 183px; background: url(../images/content/arrow_right.gif) no-repeat; }    
    a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position: 0 -79px; }
a.disabled { display: none; }