* { margin: 0; padding: 0; border: 0; } * body { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #666666; background: #86ABEC url(../images/content_bg.jpg) repeat-x; font-size: 13px; text-align: center; } strong, em { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } ul, ol { list-style: none; } /****************** / STRUCTURE ***/ #divContent { width: 906px; margin: 0 auto; text-align: left; } #divSubContent { width: 906px; margin: 0 auto; text-align: left; background:url(../images/sub_bg.gif) repeat-y; height: auto; margin-bottom: 8px; } #bodyMain #divContent { } #divHead { height: 280px; position: relative; } #bodyMain #divMid, #bodySub #divMid { padding: 8px 0 0 0; } #divTitle { background:url(../images/sub_top.gif) no-repeat top left; padding: 20px 19px 0 19px; } #divBottom { background:url(../images/sub_bottom.gif) no-repeat bottom left; padding: 14px 0 0 0; } #bodyMain p {color: #fff; } #divTop { padding: 0 0 8px 0;} #divTopLeft { background:url(../images/topLeft.gif) no-repeat top left; padding: 5px 10px 5px 10px; width:581px; height: 170px; float: left; } #divTopRight { background:url(../images/topRight.gif) no-repeat top left; padding: 5px 10px 5px 10px; width:276px; height: 170px; float: right; } #divMidBoxes { width: 906px; float: left; padding: 8px 0 0 0; } #divMidBox {background: url(../images/mid_top.gif) no-repeat top left; padding: 8px 10px 10px 10px; } #divMidBox2 {background: url(../images/mid_box.jpg) no-repeat top left; padding: 8px 10px 10px 10px; width: 276px; height: 70px; margin-left: 10px; float: left;} #divMidBox3 { background: url(../images/mid_box.jpg) no-repeat top left; padding: 8px 10px 10px 10px; width: 276px; height: 70px; float: left; margin-left: 8px; } #divMidBox #more_info, #divMidBox2 #more_info, #divMidBox3 #more_info { position: relative; bottom: -5px; right: -5px; text-align:right; } .leftPadding { margin-right: 55px; text-align:left; } #divMidBox #more_info a, #divMidBox2 #more_info a, #divMidBox3 #more_info a { background: url(../images/box_link.gif) right no-repeat; padding-right: 20px; color:#FFCC00; font-weight:bold; } .divMidBox #more_info .left a { background: url(../images/box_link.gif) right no-repeat; padding-right: 20px; color:#FFCC00; font-weight:bold; text-align:left; } #divMid { padding: 0 19px; } #bodyService .divMidDevelopment { background: url(../images/subDevelopment.jpg) no-repeat; } #bodyService .divMidProgram { background: url(../images/subProgramming.jpg) no-repeat; } #bodyService .divMidGraphics { background: url(../images/subGraphic.jpg) no-repeat; } #divMidMain { background: url(../images/btmTop.gif) no-repeat top left; width: 906px; margin-bottom: 8px; } #divMidSub { background: url(../images/subContent.gif) no-repeat top left; width: 906px; margin-bottom: 8px; } #divMidL { float: left; width: 580px; margin-bottom: 10px; } #divMidR { float: right; width: 310px; } #bodyService #divMidR { background-color: #fff; padding-top: 10px; } #divBottomMenu { background:url(../images/nav_btm.gif) top left no-repeat; height: 35px; text-align:center; padding-top: 8px; color: #efefef; margin-top: 10px; } #divBottomMenu a {color: #fff; padding: 0 20px;} #divFoot { background: url(../images/copy.gif) repeat-x; position: relative; clear: both; margin-bottom: 20px; color: #efefef; } /****************** / LINKS - GENERAL ***/ a:link, a:visited { color: #ADEC88; text-decoration: none; } a:hover, a:active { color: #ECC888; text-decoration: underline; } #divHead a:link, #divHead a:visited, #divHead a:hover, #divHead a:active { color: #fff; } #divFoot a:link, #divFoot a:visited, #divFoot a:hover, #divFoot a:active { color: #fff; } /****************** 04/ NAVIGATION ***/ #olNav { width: 484px; height: 29px; position: absolute; top: 44px; right: 0px; z-index: 2; } #olNav li { float: left; font-size: 13px; color: #fff; height: 29px; text-indent: -9999px; } #olNav li a.aNav { height: 0 !important; height /**/: 29px; padding: 29px 0 0 0; overflow: hidden; float: left; } #olNav li a:hover, #olNav li a:active, #olNav li a.selektiran:link, #olNav li a.selektiran:visited, #olNav li a.selektiran:hover, #olNav li a.selektiran:active { background-position: 0 -29px; } #liNavHome { width: 68px; } #liNavAbout { width: 89px; } #liNavDivisions { width: 155px; } #liNavMedia { width: 68px; } #liNavContact { width: 104px; } #liNavHome a { width: 68px; background: url(../images/home.gif) no-repeat; } #liNavAbout a { width: 89px; background: url(../images/about.gif) no-repeat; } #liNavDivisions a { width: 155px; background: url(../images/corporate.gif) no-repeat; } #liNavMedia a { width: 68px; background: url(../images/media.gif) no-repeat; } #liNavContact a { width: 104px; background: url(../images/contact.gif) no-repeat; } h1 { font-size: 16px; color: #ADEC88; font-weight: bold; padding: 0; margin: 0; } h1 a:link, h1 a:visited { color: #747B89; } h1 a:hover, h1 a:active { color: #000; text-decoration: none; } /** head **/ .imgLogo { position: absolute; left: 20px; } #divFlash, #imgHead { position: absolute; top: 78px; width: 906px; height: 194px; z-index: 1; } #subHead {position: absolute; top: 78px; background: url(../images/static/rotate.php) no-repeat top center; width: 906px; height: 194px;} /** middle **/ .pSubpage { padding: 2px 0 20px 0; font-size: 1.3em; } #divTop p { font-size: 1em; line-height: 1.3em; } #divMidMain h2, #divMidSub h2, #divMidL h2 { color: #FFCC00; font-size: 15px; padding: 0 0 5px 15px; font-weight:100; letter-spacing: 1px; } #divMidL h3, #divMidSub h3 { font-size: 14px; font-weight:bold; padding: 10px 0 10px 10px; } #divMidMain h3 { font-size: 1.4em; padding: 20px 5px 0 10px; } #divMidMain h1, #divMidSub h1 { padding: 10px; } #divMidMain p, #divMidSub p { clear:both; margin-left: 10px; padding: 0 0 15px 0; margin-right: 10px; } #divMidMain ul, #divMidSub ul, blockquote { padding: 0 0 15px 15px; list-style:circle; margin-left: 15px; color: #fff; } /* Nav - boxes */ #divRightBox04 { width: 290px; padding-left: 10px; float: left; position: relative; } #divRightBox04 ul li { width: 264px; font-size: 1.1em; font-weight: bold;} #divRightBox04 ul li a { color: #fff; padding:5px 0 5px 45px; margin: 0; background-image:url(../images/sub_menu_off.gif); background-position: left center; background-repeat: no-repeat; line-height: 40px; } #divRightBox04 ul li a:hover, #divRightBox04 ul li a.selected:hover { color:#FFCC00; text-decoration:none; background-image:url(../images/sub_menu_on.gif); background-position: left center; background-repeat: no-repeat;} #divRightBox04 ul li a.selected:link, #divRightBox04 ul li a.selected:visited, #divRightBox04 ul li a.selected:active { color:#ccc; text-decoration:none; background-image:url(../images/sub_menu_on.gif); background-position: left center; background-repeat: no-repeat;} #divRightBox04 ul li ul li { width: 264px; font-size: 1.1em; font-weight: bold; margin: -10px 0 0 0;line-height: 26px;} #divRightBox04 ul li ul li a { color: #fff; padding:0 0 0 65px; background-image:none; font-size: .9em; font-weight: bold; } #divRightBox04 ul li ul li a:hover { color:#FFCC00; text-decoration:none; background-image:none;} #divRightBox04 ul li ul li a.selected:link, #divRightBox04 ul li ul li a.selected:visited, #divRightBox04 ul li ul li a.selected:active { color:#ccc; text-decoration:none; background-image:none; } #divRightBox04 ul li ul li a.selected:hover { color:#FFCC00; text-decoration:none; background-image:none; } #divRightBox04 h2 { font-size: 1.6em; padding-top: 12px; text-align: center; } #divRightBox04 h2 a { text-decoration: none; } #divRightBoxSub { width: 300px; padding: 10px 5px 10px 5px; float: left; position: relative; } /** foot **/ #divFoot p { text-align: center; padding-top: 10px; } #imgPtice { position: absolute; bottom: 130px; right: 19px; } .spacing { padding: 10px;} #designby {margin-top:10px; text-align: center; } #designby a { font-size:10px; color:#ccc;} #divFoot dl { width: 556px; height: 29px; position: absolute; top: 13px; right: 13px; } #divFoot dt, #divFoot dd { font-size: 1.1em; position: absolute; color: #7996A9; } #dtLogin01 { top: 29px; left: 139px; } #ddLogin02 { top: 27px !important; top: 26px; left: 198px; } #dtLogin03 { top: 29px; left: 333px; } #ddLogin04 { top: 27px !important; top: 26px; left: 390px; } #dtLogin05 { top: 27px; left: 520px; } #divFoot .input { font-size: 1em; width: 120px; height: 19px; border-left: 1px solid #A0B0BB; border-right: 1px solid #A0B0BB; background: url(../images/form_submit.gif) repeat-x; line-height: 19px; padding: 0 2px; } hr, legend { display: none; } .bold { font-weight:bold; } .required { color:#CC0000; } .textarea {padding:1px 2px 1px 2px; width: 150px;} .con_textarea {padding:5px; width: 300px;} .padded { padding: 2px 0; }