* { margin: 0; padding: 0; } img, fieldset { border: none; } :focus { outline: 0; } a { text-decoration: underline; } .alt { display: none; } /************************ TYPO *********************************/ @font-face { font-family: "Swis721CnBT"; src: url("../../css/site/fonts/swis7c-webfont.eot"); src: local("☺"), url("../../css/site/fonts/swis7c-webfont.woff") format("woff"), url("../../css/site/fonts/swis7c-webfont.ttf") format("truetype"), url("../../css/site/fonts/swis7c-webfont.svg#webfont") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "04b_21"; src: url("../../css/site/fonts/04b_21-webfont.eot"); src: local("☺"), url("../../css/site/fonts/04b_21-webfont.woff") format("woff"), url("../../css/site/fonts/04b_21-webfont.ttf") format("truetype"), url("../../css/site/fonts/04b_21-webfont.svg#webfont") format("svg"); font-weight: normal; font-style: normal; } body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #9b9b9b;} a { color: #a5de2f; text-decoration: underline;} a:hover { color: #a5de2f; text-decoration: none;} .green_bold { color: #a5de2f; text-decoration: none; font-weight: bold;} a.green_bold { color: #a5de2f; text-decoration: none; font-weight: bold;} a.green_bold:hover { color: #a5de2f; text-decoration: underline; font-weight: bold;} a.green_underline { color: #a5de2f; text-decoration: underline;} a.green_underline:hover { color: #a5de2f; text-decoration: none;} h1{ color: #dadada; font-family: 'Swis721CnBT', Arial, Verdana, Helvetica, sans-serif; font-size: 25px; font-weight: bold; padding:0 0 15px 0; text-shadow:1px 1px 0 #000000; background: url('../../img/site/BKG_h1.gif') 0 0 repeat-x;} h2{ color: #dadada; font-family: 'Swis721CnBT', Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 0 0 5px 0; text-shadow:1px 1px 0 #000000;} h3{ color: #a5de2f; font-family: 'Swis721CnBT', Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; padding: 0 0 5px 0; text-shadow:1px 1px 0 #000000;} .error_message, .wrong_message {color: #D9030A; font-size: 12px; font-weight: normal; padding-bottom: 3px;} #page { float: right; width: 100%; margin: 0 0 10px 0; text-align: right; line-height: 20px; } #page a { color: #fff; background: #5f5f5f; text-decoration: none; } #page a:hover { text-decoration: underline;} #page a.letters { color: #9b9b9b;} #page span { padding: 0 17px; } #page span a { padding: 3px 7px 3px 7px; } #page span a:hover, #page span a.on { background: #000000; color: #fff; font-weight: normal; } #page a.back, #page a.forward { background: none; font-weight: normal; } #page a.back { background: url('../../img/site/BKGmore2.gif') left 2px no-repeat; padding-left: 14px; } #page a.forward { background: url('../../img/site/BKGmore.gif') right 2px no-repeat; padding-right: 14px; } .clear { padding: 10px 0 10px 0; overflow: hidden; width: 100%;} .clear a.button { background: transparent url('../../img/site/BKG_button_right.gif') no-repeat scroll top right; color: #ffffff; display: block; float: left; font: bold 12px arial, sans-serif; height: 21px; margin-right: 6px; padding-right: 14px; /* sliding doors padding */ text-decoration: none;} .clear a.button span { background: transparent url('../../img/site/BKG_button_left.gif') no-repeat; display: block; line-height: 12px; padding: 4px 0 6px 14px;} .clear a.button:active { background-position: top right; color: #000000; outline: none; /* hide dotted outline in Firefox */} .clear a.button:active span{ background-position: top left; padding: 5px 0 5px 14px; /* push text down 1px */} .clear_btn {float: left; margin: 10px 0 10px 0; overflow: hidden; width: 100%; } .clear_btn a.button { background: transparent url('../../img/site/BKG_btn_right.gif') no-repeat scroll top right; color: #000000; display: block; float: left; font: bold 12px arial, sans-serif; height: 35px; margin-right: 10px; padding-right: 14px; text-shadow:1px 1px 0 #b0ed33; text-decoration: none;} .clear_btn a.button span { background: transparent url('../../img/site/BKG_btn_left.gif') no-repeat; display: block; line-height: 15px; padding: 10px 0 10px 13px;} .clear_btn a.button:hover { color: #ffffff; text-shadow:1px 1px 0 #567518; outline: none; /* hide dotted outline in Firefox */} /************************ GENERAL *********************************/ html { background: #2e312e url('../../img/site/BKG_html.gif'); } .cssnomination{ position:absolute; top:0px; right:0px; } /************************ TOP *********************************/ #top_container {float: left; width: 100%; height: 111px; background: url('../../img/site/BKG_top_container.gif') left top repeat-x; } #top_01 {position: relative; width: 960px; height: 111px; margin: 0px auto; background: url('../../img/site/BKG_top_01.gif') top left no-repeat;} #top_02 {position: relative; width: 960px; height: 111px; margin: 0px auto; background: url('../../img/site/BKG_top_02.gif') top left no-repeat;} #top_03 {position: relative; width: 960px; height: 111px; margin: 0px auto; background: url('../../img/site/BKG_top_03.gif') top left no-repeat;} #top_04 {position: relative; width: 960px; height: 111px; margin: 0px auto; background: url('../../img/site/BKG_top_04.gif') top left no-repeat;} #top_05 {position: relative; width: 960px; height: 111px; margin: 0px auto; background: url('../../img/site/BKG_top_05.gif') top left no-repeat;} #top_06 {position: relative; width: 960px; height: 111px; margin: 0px auto; background: url('../../img/site/BKG_top_06.gif') top left no-repeat;} #top_07 {position: relative; width: 960px; height: 111px; margin: 0px auto; background: url('../../img/site/BKG_top_07.gif') top left no-repeat;} #logo {float: left; width: 200px; height: 61px; margin: 26px 0 0 0; } #slogan_lang_wrapper {float: right; width: 497px; height: 41px; margin-top: 29px;} #slogan {float: left; width: 218px; height: 17px;} #lang { float: right; list-style: none; *display: inline; margin: 2px 0 0 0; } #lang ul {text-align: center;} #lang li { display: inline; } #lang li a { display:block; float:left; width: 35px; height: 12px; margin-left: 8px; } #lang li.cro a { background: url('../../img/site/cro.png') top left no-repeat; } #lang li.eng a { background: url('../../img/site/eng.png') top left no-repeat; } #lang li.cro a:hover, #lang li.cro a.on {margin-top: 1px; background: url('../../img/site/cro.png') bottom left no-repeat; } #lang li.eng a:hover, #lang li.eng a.on {margin-top: 1px; background: url('../../img/site/eng.png') bottom left no-repeat; } #main_menu {float: right; width: 630px; height: 25px; font-family: 'Swis721CnBT', Arial, Verdana, Helvetica, sans-serif;} /************************ HEADER *********************************/ #header_home_container {float: left; width: 100%; height: 442px; background: url('../../img/site/BKG_header_home_container.gif') left top repeat-x;} #header_site_container {float: left; width: 100%; height: 357px; background: url('../../img/site/BKG_header_site_container.gif') left top repeat-x;} #header_top {float: left; width: 100%; height: 149px; background: url('../../img/site/BKG_header_top.gif') center top no-repeat;} #header_home_wrapper {position: relative; width: 1040px; margin: 0px auto;} #header_site_wrapper {position: relative; width: 960px; margin: 0px auto;} #header_home { float: left; width: 960px; height: 220px; margin-left: 40px; } #header_site { float: left; width: 960px; height: 170px; } #banners { float: left; width: 100%; height: 220px; overflow: hidden; } #banners h1 { color: #dadada; font-family: 'Swis721CnBT', Arial, Verdana, Helvetica, sans-serif; font-size: 30px; font-weight: bold; padding:0 0 10px 0; text-shadow:1px 1px 0 #000000; background: none; } .panel { float: left; width: 960px; } .header_text { float: left; width: 400px; margin: 25px 20px 0 0; } .header_site_text { float: left; width: 400px; height: 170px; margin: 0 20px 0 0; } .header_site_text h1 {margin-top: 110px; color: #dadada; font-family: 'Swis721CnBT', Arial, Verdana, Helvetica, sans-serif; font-size: 30px; font-weight: bold; padding:0 0 10px 0; text-shadow:1px 1px 0 #000000; background: none; } .header_pic { float: left; width: 450px; height: 220px; } .header_site_pic { float: left; width: 450px; height: 170px; } a.btn {float: left; padding: 5px 40px 6px 15px; margin-top: -5px; color: #ffffff; text-decoration: none; font-weight: bold; background: url('../../img/site/BKG_btn.gif') left top no-repeat;} a.btn:hover { color: #000000; text-decoration: none; } #b01, #b02, #b03, #b04, #b05, #b06, #b07, #b08, #b09 { width: 100%; } #b01 p, #b02 p, #b03 p, #b04 p, #b05 p, #b06 p, #b07 p, #b08 p, #b09 p { margin: 0 0 20px 0; } .stripNavL a, .stripNavR a { width: 50px; height: 50px; text-indent: -5000px; display: block; position: absolute; top: 250px; z-index: 600; outline: none; } .stripNavL a { background: url("../../img/site/coda-nav-left.png") no-repeat 0 0; float: left; left: 0px; } .stripNavR a { background: url("../../img/site/coda-nav-right.png") no-repeat 0 0; float: right; left: 1010px; } .stripNavL a:hover, .stripNavR a:hover { cursor: hand; cursor: pointer; outline: none; } #header_bottom {float: left; width: 100%; height: 73px; background: url('../../img/site/BKG_header_bottom.gif') center top no-repeat;} #head_breast {float: left; width: 960px; height: 28px; padding-top: 10px; } /************************ SUBHEADER *********************************/ #subheader_home_container {float: left; width: 100%; height: 213px; background: url('../../img/site/BKG_subheader_home_container.gif') left top repeat-x;} #subheader_home_wrapper {position: relative; width: 960px; margin: 0px auto;} .subheader_box {float:left; width:300px; height:213px; } .subheader_box h2 { color: #a5de2f; font-family: 'Swis721CnBT', Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 25px 0 0 30px; text-shadow:1px 1px 0 #000000; background: url('../../img/site/BKG_subheader_box_h2.png') 0px 25px no-repeat;} .subheader_text {width:300px; height: 90px; padding: 10px 0 10px 0; text-align: left; color: #dadada; overflow: hidden; line-height: 16px;} .subheader_box a {display: block; width: 45px; height: 16px; margin: 10px 0 0 0; color: #a5de2f; font-size: 13px; font-weight: bold; text-decoration: none; text-shadow:1px 1px 0 #000000; } .subheader_box a:hover {color: #ffffff; text-decoration: none; } .subheader_border {float:left; width: 30px; height: 213px; background: url('../../img/site/BKG_subheader_border.gif') top left no-repeat;} .subheader_text ul {clear: both; list-style: none; margin: 3px 0 3px 10px; font-size: 12px; } .subheader_text ul li {color:#dadada; font-family: Arial, Verdana, Helvetica, sans-serif; padding-left: 9px; margin-bottom: 0px; background: url('../../img/site/bulletin1.gif') 0px 4px no-repeat; height:1%;} .subheader_text ul li h2, .subheader_text ul li h3 { background: none;} .subheader_text ul li a {color:#dadada; text-decoration: none;} .subheader_text ul li a:hover {color:#dadada; text-decoration: underline;} .subheader_text ul li ul { list-style: none; margin: 10px 0 10px 10px; } .subheader_text ul li ul li {color: #dadada; font-family: Arial, Verdana, Helvetica, sans-serif; padding-left: 9px; margin-bottom: 1px; background: url('../../img/site/bulletin3.gif') 0px 5px no-repeat; height:1%;} .subheader_text ul li ul li a {color: #dadada; text-decoration: underline;} .subheader_text ul li ul li a:hover {color: #dadada; text-decoration: none;} /************************ CONTENT *********************************/ #container {position: relative; width: 960px; margin: 0px auto;} /* reference-detalj */ #box_gall_wrapper {float: left; width: 100%; margin-top: -37px;} ul#features {clear: both; list-style: none; margin: 5px 0 10px 15px; } ul#features li {color:#9b9b9b; font-family: Arial, Verdana, Helvetica, sans-serif; padding-left: 9px; margin-bottom: 2px; background: url('../../img/site/bulletin1.gif') 0px 4px no-repeat; height:1%;} ul#features li h2, ul#features li h3 { background: none;} ul#features li span { color: #a5de2f;} ul#features li a {color:#9b9b9b; text-decoration: none;} ul#features li a:hover {color:#9b9b9b; text-decoration: underline;} /* posljednji radovi */ #wrapper1 {float: left; width: 100%; margin-top: 20px; } #gallery_wrapper {float: left; width: 100%; margin-top: 20px;} .box_gall {float: left; width: 300px; height: 137px; background: #000000; margin: 0 30px 30px 0;} .last {margin: 0 0 30px 0;} .box_gall .pic {float: left; width: 294px; height: 85px; margin: 3px; } .box_gall_title1 {float: left; padding: 0 0 0 12px; color: #a5de2f; font-size: 12px; font-weight: normal; background: url('../../img/site/BKG_box_gall_title1.gif') 3px 5px no-repeat;} .box_gall_title2 {clear: both; float: left; padding-left: 3px; color: #ffffff; font-size: 10px; font-weight: normal;} .box_gall_title2 a {color: #ffffff; text-decoration: none; } .box_gall_title2 a:hover { text-decoration: underline; } .box_gall_title3 {float: left; padding: 0 0 0 12px; margin-top: 7px; color: #a5de2f; font-size: 12px; font-weight: normal; background: url('../../img/site/BKG_box_gall_title1.gif') 3px 5px no-repeat;} .box_gall .look_cro a.look {clear: both; float:left; display:block; width: 57px; height: 11px; margin: 2px 0 0 3px; } .box_gall .look_cro a.look { background: url('../../img/site/look_cro.gif') top left no-repeat; } .box_gall .look_eng a.look { background: url('../../img/site/look_eng.gif') top left no-repeat; } .box_gall .look_cro a.look:hover { background: url('../../img/site/look_cro.gif') bottom left no-repeat; } .box_gall .look_eng a.look:hover { background: url('../../img/site/look_eng.gif') bottom left no-repeat; } /* sadržaj */ #wrapper2 {float: left; width: 100%; margin-top: -10px; background: url('../../img/site/BKG_wrapper2.gif') left top repeat-y;} #wrapper3 {float: left; width: 100%; margin-top: 20px; background: url('../../img/site/BKG_wrapper2.gif') left top repeat-y;} #addthis {float: left; width: 960px !important; padding: 20px 0 30px 0; } #content {float: left; width: 630px; margin: 0 30px 0 0; padding: 10px 0 30px 0; } #content_text, #content_list {float: left; width: 100%; } #content_text .picture {float: left; width: auto; margin: 0 10px 5px 0; } #content_text #left_photo {float: left; width: 130px; margin: 0 10px 5px 0; padding: 3px; background: #000000;} #content_text ul {clear: both; list-style: none; margin: 10px 0 10px 15px; } #content_text ul li {color:#9b9b9b; font-family: Arial, Verdana, Helvetica, sans-serif; padding-left: 9px; margin-bottom: 2px; background: url('../../img/site/bulletin1.gif') 0px 4px no-repeat; height:1%;} #content_text ul li h2, #content_text ul li h3 { background: none;} #content_text ul li a {color:#9b9b9b; text-decoration: none;} #content_text ul li a:hover {color:#9b9b9b; text-decoration: underline;} #content_text ul li ul { list-style: none; margin: 10px 0 10px 15px; } #content_text ul li ul li {color: #9b9b9b; font-family: Arial, Verdana, Helvetica, sans-serif; padding-left: 9px; margin-bottom: 1px; background: url('../../img/site/bulletin3.gif') 0px 5px no-repeat; height:1%;} #content_text ul li ul li a {color: #9b9b9b; text-decoration: underline;} #content_text ul li ul li a:hover {color: #9b9b9b; text-decoration: none;} /* web paketi */ .packages {float: left; width: 100%; margin: 20px 0 0 0;} .pack_pic { float: left; width : 200px; height: 166px; margin: 10px 5px 0 0;} .pack_txt { float: left; width : 410px; margin-top: 20px; } .green {float: left; width: 100%; margin: 0 0 0 0;} /* referentna lista */ #content_text .last {margin: 0 0 30px 0;} /* web nagrade */ #gallery_wrapper div.pop_wrapp { float: left; } #gallery_wrapper div.pop_wrapp .pop { display: none; } #gallery_wrapper div.pop_wrapp:hover .pop, #gallery_wrapper div.over .pop { display: block; position: absolute; z-index: 100; background: #000000; width: 150px; margin: 15px 0 0 -45px; padding: 2px; } #gallery_wrapper div.pop_wrapp .pop span { background: #a5de2f; padding: 1px 8px 1px 8px; color: #000000; display: block; } #gallery_wrapper div.pop_wrapp .pop span a {color: #000000; text-decoration: none; } #gallery_wrapper div.pop_wrapp .pop span a:hover { text-decoration: underline;} #gallery_wrapper div.pop_wrapp .pop span b { display: block; font-size: 11px; color: #000000; } /* novosti */ #select_box { float: left; margin: 0 0 10px 0; border: none; width: 100%; } #select_box .legend {float: left; display: block; color: #ffffff; padding-top: 2px;} #select_box fieldset { position:relative; font-weight:bold; font-size: 11px; border: none;} #select_box select {float: left; width: 120px; height: 20px; margin: 0 0 0 10px; border: 1px solid #5f5f5f; background: #000000; font-size: 11px; color: #ffffff;} ul#cont_box { list-style: none; width : 100%; margin: 10px 0 10px 0;} ul#cont_box .date {color: #ffffff; font-weight: bold; font-size: 11px;} ul#cont_box li {float: left; display: block; margin: 0 0 10px 0; padding-left: 0px; width: 100%; background:none; } ul#cont_box li a {color: #a5de2f; text-decoration: underline;} ul#cont_box li a:hover {color: #a5de2f; text-decoration: none;} ul#cont_box li a.imgwrapper {float: left; display: block; text-align: center; background: #000000; padding: 3px; margin: 5px 10px 5px 0;} ul#cont_box li a.img {float: left; display: block; text-align: center; margin: 5px 10px 5px 0;} /* kontakt */ #contact_box {float: left; width: 100%; margin: 0 0 15px 0;} #contact_box .address { float: left; width : 250px; margin: 10px 20px 0 0;} /* lokacija */ #location {float: left; padding: 3px; background: #000000; margin: 10px 0 30px 0; } /************************ RIGHT SIDE *********************************/ #right_side {float: left; width: 300px; padding-bottom: 30px;} .side_box { width: 100%; margin: 10px 0 10px 0; } /* novosti-box */ .news {float: left; width: 100%; list-style: none;} .news h3 {color: #a5de2f; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; text-shadow: none;} .news a{color: #a5de2f; text-decoration: none; } .news a:hover{ color: #ffffff; text-decoration: none;} .news li {float: left; width : 100%; padding: 0 0 10px 0;} .news li .date {float: left; width : 44px; height: 41px; margin: 0 5px 5px 0; text-align: center; background: url('../../img/site/BKG_date.gif') top left no-repeat; } .news li .date_sign1 {float: left; width : 100%; margin-top: 9px; color: #ffffff; font-weight: normal; font-size: 8px; font-family: "04b_21",Arial, Verdana, Helvetica, sans-serif;} .news li .date_sign2 {float: left; width : 100%; margin-top: 2px; color: #000000; font-weight: bold; font-size: 11px; line-height: 11px;} .news li .date_sign3 {float: left; width : 100%; color: #000000; font-weight: bold; font-size: 10px; line-height: 10px;} .news li p {color: #9b9b9b; font-weight: normal; font-size: 12px;} #guarantee {float: left; width: 100px; height: 92px; margin-top: 5px;} /********************** FORM ********************************/ .query {clear: both; overflow:hidden; width:100%; margin: 0 0 10px 0;} .query .form_wrapper {float:left; width:400px; margin-bottom: 15px; padding: 5px 0 15px 10px; background: #292929;} .query legend {float:left; font-size:1.333em; font-weight:bold; } .query select, .query textarea, .query input { font-size:11px; border: 1px solid #5f5f5f; margin-right: 3px; padding: 2px; color:#ffffff; background: #000000;} .query select {float:left; width:262px; padding:1px 2px; } .query label {float:left; display:block; margin: 5px 0 2px 0; position:relative; width:100%;} .query em { color: #89B53B; font-family: Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 11px; font-weight: bold; } .query .message { padding: 5px 0 5px 0; } .query fieldset {clear: both; float:left; width:270px; } .query input {float:left; width:256px;} .query .input_text {border: 1px solid #5f5f5f;} .query textarea {float:left; width:350px; height:158px; border: 1px solid #5f5f5f; background: #000000; overflow:auto; font-family: Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 11px;} .query input.half { width:123px; } .query input.big { width:182px; } .query input.small { width:66px; } .query .radio {float: left; margin: 0 0 10px 0; width: 100%; } .query .radio label { cursor: pointer; float: left; margin: 3px 15px 0 0; width: 150px; } .query .radio input {display: block; float: left; margin: 0 5px 0 0; width:15px; background: none; border: none;} .query .checkbox {float: left; margin: 0 0 10px 0; width: 100%; } .query .checkbox label {float: left; cursor: pointer; margin: 3px 15px 0 0; width: 200px; } .query .checkbox input {float: left; display: block; margin: 0 5px 0 0; width:15px; background: none; border: none;} .query .datepicker { background: #fff url(../../img/site/BKG_date.gif) top right no-repeat; } .query img { display: block; float: left; margin:0 7px 5px 0; border: 1px solid #5f5f5f; } .query #code { float: left; margin-top:0px;} .query fieldset .error_message {color: #D9030A; font-size: 12px; font-weight: normal; padding-bottom: 3px;} .query .formbutton {width:auto; cursor:pointer; font-size: 12px; font-weight: bold; border:outset 1px #ccc; background: #999999; color: #575757; padding: 2px 5px; background:url('../../img/site/BKG_formbutton.gif') repeat-x left top;} .newsletter_form {clear: both; overflow:hidden; width:100%; } .newsletter_form input {float:left; width:256px; font-size:11px; border: 1px solid #5f5f5f; margin-right: 3px; padding: 2px; color:#686868; background: #f5f5f5;} .newsletter_form label {position:relative; width:100%; color: #ffffff; display:block; margin: 5px 0 2px; } .newsletter_form .message { padding: 5px 0 5px 0; } .newsletter_form fieldset { width:270px; } .newsletter_form fieldset .error_message {color: #D9030A; font-size: 12px; font-weight: normal; padding-bottom: 3px;} a.newsletter_button {float:left; margin-top: 10px; padding: 3px 20px 7px 20px; text-align: center; color: #ffffff; text-decoration: none; font-weight: bold; background: url('../../img/site/BKG_newsletter_button.gif') left top no-repeat;} a.newsletter_button:hover { color: #000000; text-decoration: none; } /************************ FOOTER *********************************/ #footer {float:left; width: 100%; background: #000000;} .footer_wrapper {position: relative; width: 960px; margin: 0px auto;} #footer_menu {float: left; width: 100%; padding: 20px 0 10px 0;} #footer_menu .map{ float: left; width: 80px; margin-right: 10px; } #footer_menu .submenu { width: 80px; } #footer_menu .map a { color: #a5de2f; font: bold 12px arial; text-decoration: none;} #footer_menu .map a:hover, #footer_menu .map a.on{color: #ffffff;} #footer_menu .map ul {list-style: none; margin: 8px 0 8px 0px; } #footer_menu .map li { padding-left: 10px; background: url(../../img/site/bulletin2.gif) 0 6px no-repeat ; } #footer_menu .map li a { color:#8e8e8e; font-size: 10px; } #footer_menu .map .social { float: right; margin-left: 10px; } #footer_copy_rights {float:left; width: 100%; height: 40px; background: #272727;} #footer_copy {float:left; width: 100%; height: 40px;} #footer_copy #sign {float: left; width: 250px; font-size: 11px; color: #ffffff;} #footer_copy #sign a{ font-family: Arial, Verdana, sans-serif; text-decoration: none; font-weight: bold; color: #ffffff;} #footer_copy #sign a:hover{ color: #a5de2f; text-decoration: none; } #footer_copy #rights {float: left; width: 400px; height: 20px; margin: 0 0 0 180px; padding-top: 12px; text-align: center; color: #ffffff;} #footer_copy #rights a { color: #ffffff; text-decoration: none;} #footer_copy #rights a:hover { color: #a5de2f; text-decoration: none;} #footer_copy #social_wrapper {float: right; height: 28px; padding-top: 6px;} #footer_copy .social_text { float: left; display: block; width: 90px; height: 20px; color: #ffffff; padding-top: 5px; text-align: right; } #footer_copy .social { float: left; width: 28px; height: 28px; margin-left: 10px; } /* newsletter */ .newsletter_box {float: right; width: 300px; margin-bottom: 20px;} .newsletter_box h2 {color: #a5de2f; font-weight: normal; text-shadow:1px 1px 0 #000000;} .newsletter_box_top {float: left; width: 300px; height: 12px; background: url('../../img/site/BKG_newsletter_box_top.gif') top left no-repeat;} .newsletter_box_middle {float: left; width: 260px; padding: 5px 20px 0 20px; background: url('../../img/site/BKG_newsletter_box_middle.gif') left top repeat-y;} .newsletter_box_bottom {float: left; width: 300px; height: 12px; background: url('../../img/site/BKG_newsletter_box_bottom.gif') top left no-repeat;}