/* --- START COMMON CSS ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ *{margin:0; padding:0} a{text-decoration:none; border:none; outline:none;} a img{border:0;} .fl{float:left;} .fr{float:right;} .cl{clear:both; height:0px;} .no-text{text-indent:-999999px; font-size:0; line-height:0;} /* --- END COMMON CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- START BODY & SHELL -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body{background:#fff; font-size:10px; font-family:Verdana, Helvetica, sans-serif; line-height:13px; letter-spacing:0px; color:#505050;} #shell{margin:0 auto; width:845px; background:#fff;} /* --- END BODY & SHELL ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START HOMEPAGE ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #homepage #header, #homepage #central{width:870px;} #homepage .box{float:left; margin:0 0 5px 0;} #homepage .tb{width:290px; height:150px;} #homepage .mid{width:300px; height:100px;} #homepage .midpic{width:260px; height:100px; margin:0 5px 5px;} #homepage .mid a{display:block; height:62px; color:#505050; text-decoration:none;} #homepage .mid a:hover{background:#E3E3E3;} /* --- END HOMEPAGE -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START HEADER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header{width:845px; height:91px; background:url(images/header.gif) repeat-x;} #logo{width:156px; height:64px; float:left; padding:15px 0px 0px 12px; position:absolute;} #logo a{background:url(images/logo.gif) no-repeat; width:156px; height:64px; display:block;} #searches{width:232px; background:url(images/searches-bg.gif) no-repeat bottom right; height:67px; margin:12px 12px 12px 0px; float:right; line-height:0; font-size:0;} #search-one{width:128px; background:url(images/search-one.gif) no-repeat left; height:14px; padding-left:104px;} #search-two{width:128px; background:url(images/search-two.gif) no-repeat left; height:14px; padding-left:104px;} #search-one input.text, #search-two input.text{background:url(images/search-text.gif); width:111px; height:14px; border:none; float:left; font-size:10px; color:#888; padding:0px 2px;} #search-one input.submit, #search-two input.submit{background:url(images/search-submit.gif); width:13px; height:14px; border:none; float:left;} #ajaxSearch_input {background:url(images/search-text.gif); width:111px; height:14px; border:none; float:left; font-size:10px; color:#888; padding:0px 2px;} #ajaxSearch_submit {background:url(images/search-submit.gif); width:13px; height:14px; border:none; float:left;} #ajaxSearch_form fieldset {border : 0 !important;} #searchClose{position:relative; left:160px;} #indicator{position:relative; left:160px;} #ajaxSearch_output {position:absolute; width:200px; line-height:10px; background-color:#F3F3F3; font-size:10px; color:#505050; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0; border:1px solid #8C8D91; padding:5px;} .AS_ajax_result{padding-bottom: 5px; border-bottom : 1px solid #BBB; padding-top: 5px; border-top : 1px solid #BBB; margin : 1px 0;} /* --- END HEADER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START MENU ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #main-menu, #sub-menu{margin-top:2px; background:url(images/menu.gif) repeat-x; width:845px; height:19px; line-height:0px; font-size:0px;} #main-menu ul, #sub-menu ul{list-style:none; margin-left:6px;} #main-menu ul li, #sub-menu ul li{float:left;} #main-menu ul li a, #sub-menu ul li a{display:block; height:13px;} #main-menu ul li{margin:3px 40px 3px 3px; height:13px; display:inline;} #sub-menu ul li{padding:0px 3px; border-right:1px dotted #f7f7f7; height:13px; margin:3px 0px;} #sub-menu ul li.last{border:none;} /* --- END MENU ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- START MAIN MENU SPRITE ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ #main-menu ul li a:hover.menu-1, #main-menu ul li .selected a.menu-1{background:url(images/main-menu-sprite.gif) -250px 0px;} #main-menu ul li a.menu-1{background:url(images/main-menu-sprite.gif) 0px 0px; width:34px;} #main-menu ul li a:hover.menu-2, #main-menu ul li .selected a.menu-2{background:url(images/main-menu-sprite.gif) -250px -20px;} #main-menu ul li a.menu-2{background:url(images/main-menu-sprite.gif) 0px -20px; width:57px;} #main-menu ul li a:hover.menu-3, #main-menu ul li .selected a.menu-3{background:url(images/main-menu-sprite.gif) -250px -40px;} #main-menu ul li a.menu-3{background:url(images/main-menu-sprite.gif) 0px -40px; width:79px;} #main-menu ul li a:hover.menu-4, #main-menu ul li .selected a.menu-4{background:url(images/main-menu-sprite.gif) -250px -60px;} #main-menu ul li a.menu-4{background:url(images/main-menu-sprite.gif) 0px -60px; width:50px;} #main-menu ul li a:hover.menu-5, #main-menu ul li .selected a.menu-5{background:url(images/main-menu-sprite.gif) -250px -80px;} #main-menu ul li a.menu-5{background:url(images/main-menu-sprite.gif) 0px -80px; width:37px;} #main-menu ul li a:hover.menu-6, #main-menu ul li .selected a.menu-6{background:url(images/main-menu-sprite.gif) -250px -100px;} #main-menu ul li a.menu-6{background:url(images/main-menu-sprite.gif) 0px -100px; width:34px;} /* --- END MAIN MENU SPRITE ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- START SUB MENU SPRITES ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sub-menu #aboutus ul li a:hover.menu-1, #sub-menu #aboutus ul li .selected a.menu-1{background:url(images/sub-menu-aboutus-sprite.gif) -150px -0px;} #sub-menu #aboutus ul li a.menu-1{background:url(images/sub-menu-aboutus-sprite.gif) 0px 0px; width:49px;} #sub-menu #aboutus ul li a:hover.menu-2, #sub-menu #aboutus ul li .selected a.menu-2{background:url(images/sub-menu-aboutus-sprite.gif) -150px -20px;} #sub-menu #aboutus ul li a.menu-2{background:url(images/sub-menu-aboutus-sprite.gif) 0px -20px; width:85px;} #sub-menu #aboutus ul li a:hover.menu-3, #sub-menu #aboutus ul li .selected a.menu-3{background:url(images/sub-menu-aboutus-sprite.gif) -150px -40px;} #sub-menu #aboutus ul li a.menu-3{background:url(images/sub-menu-aboutus-sprite.gif) 0px -40px; width:64px;} #sub-menu #aboutus ul li a:hover.menu-4, #sub-menu #aboutus ul li .selected a.menu-4{background:url(images/sub-menu-aboutus-sprite.gif) -150px -60px;} #sub-menu #aboutus ul li a.menu-4{background:url(images/sub-menu-aboutus-sprite.gif) 0px -60px; width:123px;} #sub-menu #aboutus ul li a:hover.menu-5, #sub-menu #aboutus ul li .selected a.menu-5{background:url(images/sub-menu-aboutus-sprite.gif) -150px -80px;} #sub-menu #aboutus ul li a.menu-5{background:url(images/sub-menu-aboutus-sprite.gif) 0px -80px; width:63px;} #sub-menu #aboutus ul li a:hover.menu-6, #sub-menu #aboutus ul li .selected a.menu-6{background:url(images/sub-menu-aboutus-sprite.gif) -150px -100px;} #sub-menu #aboutus ul li a.menu-6{background:url(images/sub-menu-aboutus-sprite.gif) 0px -100px; width:109px;} #sub-menu #aboutus ul li a:hover.menu-7, #sub-menu #aboutus ul li .selected a.menu-7{background:url(images/sub-menu-aboutus-sprite.gif) -150px -120px;} #sub-menu #aboutus ul li a.menu-7{background:url(images/sub-menu-aboutus-sprite.gif) 0px -120px; width:63px;} #sub-menu #aboutus ul li a:hover.menu-8, #sub-menu #aboutus ul li .selected a.menu-8{background:url(images/sub-menu-aboutus-sprite.gif) -150px -140px;} #sub-menu #aboutus ul li a.menu-8{background:url(images/sub-menu-aboutus-sprite.gif) 0px -140px; width:90px;} #sub-menu #ourprojects ul li a:hover.menu-1, #sub-menu #ourprojects ul li .selected a.menu-1{background:url(images/sub-menu-ourprojects-sprite.gif) -150px 0px;} #sub-menu #ourprojects ul li a.menu-1{background:url(images/sub-menu-ourprojects-sprite.gif) 0px 0px; width:42px;} #sub-menu #ourprojects ul li a:hover.menu-2, #sub-menu #ourprojects ul li .selected a.menu-2{background:url(images/sub-menu-ourprojects-sprite.gif) -150px -20px;} #sub-menu #ourprojects ul li a.menu-2{background:url(images/sub-menu-ourprojects-sprite.gif) 0px -20px; width:36px;} #sub-menu #ourprojects ul li a:hover.menu-3, #sub-menu #ourprojects ul li .selected a.menu-3{background:url(images/sub-menu-ourprojects-sprite.gif) -150px -40px;} #sub-menu #ourprojects ul li a.menu-3{background:url(images/sub-menu-ourprojects-sprite.gif) 0px -40px; width:39px;} #sub-menu #ourprojects ul li a:hover.menu-4, #sub-menu #ourprojects ul li .selected a.menu-4{background:url(images/sub-menu-ourprojects-sprite.gif) -150px -60px;} #sub-menu #ourprojects ul li a.menu-4{background:url(images/sub-menu-ourprojects-sprite.gif) 0px -60px; width:132px;} #sub-menu #ourprojects ul li a:hover.menu-5, #sub-menu #ourprojects ul li .selected a.menu-5{background:url(images/sub-menu-ourprojects-sprite.gif) -150px -80px;} #sub-menu #ourprojects ul li a.menu-5{background:url(images/sub-menu-ourprojects-sprite.gif) 0px -80px; width:51px;} #sub-menu #ourprojects ul li a:hover.menu-6, #sub-menu #ourprojects ul li .selected a.menu-6{background:url(images/sub-menu-ourprojects-sprite.gif) -150px -100px;} #sub-menu #ourprojects ul li a.menu-6{background:url(images/sub-menu-ourprojects-sprite.gif) 0px -100px; width:29px;} #sub-menu #ourprojects ul li a:hover.menu-7, #sub-menu #ourprojects ul li .selected a.menu-7{background:url(images/sub-menu-ourprojects-sprite.gif) -150px -120px;} #sub-menu #ourprojects ul li a.menu-7{background:url(images/sub-menu-ourprojects-sprite.gif) 0px -120px; width:50px;} #sub-menu #ourprojects ul li a:hover.menu-8, #sub-menu #ourprojects ul li .selected a.menu-8{background:url(images/sub-menu-ourprojects-sprite.gif) -150px -140px;} #sub-menu #ourprojects ul li a.menu-8{background:url(images/sub-menu-ourprojects-sprite.gif) 0px -140px; width:41px;} #sub-menu #ourwork ul li a:hover.menu-1, #sub-menu #ourwork ul li .selected a.menu-1{background:url(images/sub-menu-ourwork-sprite.gif) -150px 0px;} #sub-menu #ourwork ul li a.menu-1{background:url(images/sub-menu-ourwork-sprite.gif) 0px 0px; width:114px;} #sub-menu #ourwork ul li a:hover.menu-2, #sub-menu #ourwork ul li .selected a.menu-2{background:url(images/sub-menu-ourwork-sprite.gif) -150px -20px;} #sub-menu #ourwork ul li a.menu-2{background:url(images/sub-menu-ourwork-sprite.gif) 0px -20px; width:97px;} #sub-menu #ourwork ul li a:hover.menu-3, #sub-menu #ourwork ul li .selected a.menu-3{background:url(images/sub-menu-ourwork-sprite.gif) -150px -40px;} #sub-menu #ourwork ul li a.menu-3{background:url(images/sub-menu-ourwork-sprite.gif) 0px -40px; width:103px;} #sub-menu #ourwork ul li a:hover.menu-4, #sub-menu #ourwork ul li .selected a.menu-4{background:url(images/sub-menu-ourwork-sprite.gif) -150px -60px;} #sub-menu #ourwork ul li a.menu-4{background:url(images/sub-menu-ourwork-sprite.gif) 0px -60px; width:87px;} #sub-menu #ourwork ul li a:hover.menu-5, #sub-menu #ourwork ul li .selected a.menu-5{background:url(images/sub-menu-ourwork-sprite.gif) -150px -80px;} #sub-menu #ourwork ul li a.menu-5{background:url(images/sub-menu-ourwork-sprite.gif) 0px -80px; width:50px;} #sub-menu #ourwork ul li a:hover.menu-6, #sub-menu #ourwork ul li .selected a.menu-6{background:url(images/sub-menu-ourwork-sprite.gif) -150px -100px;} #sub-menu #ourwork ul li a.menu-6{background:url(images/sub-menu-ourwork-sprite.gif) 0px -100px; width:89px;} #sub-menu #media ul li a:hover.menu-1, #sub-menu #media ul li .selected a.menu-1{background:url(images/sub-menu-media-sprite.gif) -150px 0px;} #sub-menu #media ul li a.menu-1{background:url(images/sub-menu-media-sprite.gif) 0px 0px; width:74px;} #sub-menu #media ul li a:hover.menu-2, #sub-menu #media ul li .selected a.menu-2{background:url(images/sub-menu-media-sprite.gif) -150px -20px;} #sub-menu #media ul li a.menu-2{background:url(images/sub-menu-media-sprite.gif) 0px -20px; width:27px;} #sub-menu #media ul li a:hover.menu-3, #sub-menu #media ul li .selected a.menu-3{background:url(images/sub-menu-media-sprite.gif) -150px -40px;} #sub-menu #media ul li a.menu-3{background:url(images/sub-menu-media-sprite.gif) 0px -40px; width:34px;} #sub-menu #media ul li a:hover.menu-4, #sub-menu #media ul li .selected a.menu-4{background:url(images/sub-menu-media-sprite.gif) -150px -60px;} #sub-menu #media ul li a.menu-4{background:url(images/sub-menu-media-sprite.gif) 0px -60px; width:77px;} /* --- END SUB MENU SPRITES ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- END SUB MENU RIGHT SPRITES ------------------------------------------------------------------------------------------------------------------------------------------------------ */ .sub-menu-right .selected a{margin:0;} .sub-menu-right a{display:block; width:235px; height:26px; font-size:0; line-height:0;} .sub-menu-right .last a{margin:0;} #aboutus-right .sub-menu-right a:hover.menu-1, #aboutus-right .sub-menu-right .selected a.menu-1{background:url(images/sub-right-menu-aboutus-sprite.gif) -250px 0px;} #aboutus-right .sub-menu-right a.menu-1{background:url(images/sub-right-menu-aboutus-sprite.gif) 0px 0px;} #aboutus-right .sub-menu-right a:hover.menu-2, #aboutus-right .sub-menu-right .selected a.menu-2{background:url(images/sub-right-menu-aboutus-sprite.gif) -250px -30px;} #aboutus-right .sub-menu-right a.menu-2{background:url(images/sub-right-menu-aboutus-sprite.gif) 0px -30px;} #aboutus-right .sub-menu-right a:hover.menu-3, #aboutus-right .sub-menu-right .selected a.menu-3{background:url(images/sub-right-menu-aboutus-sprite.gif) -250px -60px;} #aboutus-right .sub-menu-right a.menu-3{background:url(images/sub-right-menu-aboutus-sprite.gif) 0px -60px;} #aboutus-right .sub-menu-right a:hover.menu-4, #aboutus-right .sub-menu-right .selected a.menu-4{background:url(images/sub-right-menu-aboutus-sprite.gif) -250px -90px;} #aboutus-right .sub-menu-right a.menu-4{background:url(images/sub-right-menu-aboutus-sprite.gif) 0px -90px;} #aboutus-right .sub-menu-right a:hover.menu-5, #aboutus-right .sub-menu-right .selected a.menu-5{background:url(images/sub-right-menu-aboutus-sprite.gif) -250px -120px;} #aboutus-right .sub-menu-right a.menu-5{background:url(images/sub-right-menu-aboutus-sprite.gif) 0px -120px;} #aboutus-right .sub-menu-right a:hover.menu-6, #aboutus-right .sub-menu-right .selected a.menu-6{background:url(images/sub-right-menu-aboutus-sprite.gif) -250px -150px;} #aboutus-right .sub-menu-right a.menu-6{background:url(images/sub-right-menu-aboutus-sprite.gif) 0px -150px;} #aboutus-right .sub-menu-right a:hover.menu-7, #aboutus-right .sub-menu-right .selected a.menu-7{background:url(images/sub-right-menu-aboutus-sprite.gif) -250px -180px;} #aboutus-right .sub-menu-right a.menu-7{background:url(images/sub-right-menu-aboutus-sprite.gif) 0px -180px;} #aboutus-right .sub-menu-right a:hover.menu-8, #aboutus-right .sub-menu-right .selected a.menu-8{background:url(images/sub-right-menu-aboutus-sprite.gif) -250px -210px;} #aboutus-right .sub-menu-right a.menu-8{background:url(images/sub-right-menu-aboutus-sprite.gif) 0px -210px;} #ourprojects-right .sub-menu-right a:hover.menu-1, #ourprojects-right .sub-menu-right .selected a.menu-1{background:url(images/sub-right-menu-ourprojects-sprite.gif) -250px 0px;} #ourprojects-right .sub-menu-right a.menu-1{background:url(images/sub-right-menu-ourprojects-sprite.gif) 0px 0px;} #ourprojects-right .sub-menu-right a:hover.menu-2, #ourprojects-right .sub-menu-right .selected a.menu-2{background:url(images/sub-right-menu-ourprojects-sprite.gif) -250px -30px;} #ourprojects-right .sub-menu-right a.menu-2{background:url(images/sub-right-menu-ourprojects-sprite.gif) 0px -30px;} #ourprojects-right .sub-menu-right a:hover.menu-3, #ourprojects-right .sub-menu-right .selected a.menu-3{background:url(images/sub-right-menu-ourprojects-sprite.gif) -250px -60px;} #ourprojects-right .sub-menu-right a.menu-3{background:url(images/sub-right-menu-ourprojects-sprite.gif) 0px -60px;} #ourprojects-right .sub-menu-right a:hover.menu-4, #ourprojects-right .sub-menu-right .selected a.menu-4{background:url(images/sub-right-menu-ourprojects-sprite.gif) -250px -90px;} #ourprojects-right .sub-menu-right a.menu-4{background:url(images/sub-right-menu-ourprojects-sprite.gif) 0px -90px;} #ourprojects-right .sub-menu-right a:hover.menu-5, #ourprojects-right .sub-menu-right .selected a.menu-5{background:url(images/sub-right-menu-ourprojects-sprite.gif) -250px -120px;} #ourprojects-right .sub-menu-right a.menu-5{background:url(images/sub-right-menu-ourprojects-sprite.gif) 0px -120px;} #ourprojects-right .sub-menu-right a:hover.menu-6, #ourprojects-right .sub-menu-right .selected a.menu-6{background:url(images/sub-right-menu-ourprojects-sprite.gif) -250px -150px;} #ourprojects-right .sub-menu-right a.menu-6{background:url(images/sub-right-menu-ourprojects-sprite.gif) 0px -150px;} #ourprojects-right .sub-menu-right a:hover.menu-7, #ourprojects-right .sub-menu-right .selected a.menu-7{background:url(images/sub-right-menu-ourprojects-sprite.gif) -250px -180px;} #ourprojects-right .sub-menu-right a.menu-7{background:url(images/sub-right-menu-ourprojects-sprite.gif) 0px -180px;} #ourprojects-right .sub-menu-right a:hover.menu-8, #ourprojects-right .sub-menu-right .selected a.menu-8{background:url(images/sub-right-menu-ourprojects-sprite.gif) -250px -210px;} #ourprojects-right .sub-menu-right a.menu-8{background:url(images/sub-right-menu-ourprojects-sprite.gif) 0px -210px;} #ourwork-right .sub-menu-right a:hover.menu-1, #ourwork-right .sub-menu-right .selected a.menu-1{background:url(images/sub-right-menu-ourwork-sprite.gif) -250px 0px;} #ourwork-right .sub-menu-right a.menu-1{background:url(images/sub-right-menu-ourwork-sprite.gif) 0px 0px;} #ourwork-right .sub-menu-right a:hover.menu-2, #ourwork-right .sub-menu-right .selected a.menu-2{background:url(images/sub-right-menu-ourwork-sprite.gif) -250px -30px;} #ourwork-right .sub-menu-right a.menu-2{background:url(images/sub-right-menu-ourwork-sprite.gif) 0px -30px;} #ourwork-right .sub-menu-right a:hover.menu-3, #ourwork-right .sub-menu-right .selected a.menu-3{background:url(images/sub-right-menu-ourwork-sprite.gif) -250px -60px;} #ourwork-right .sub-menu-right a.menu-3{background:url(images/sub-right-menu-ourwork-sprite.gif) 0px -60px;} #ourwork-right .sub-menu-right a:hover.menu-4, #ourwork-right .sub-menu-right .selected a.menu-4{background:url(images/sub-right-menu-ourwork-sprite.gif) -250px -90px;} #ourwork-right .sub-menu-right a.menu-4{background:url(images/sub-right-menu-ourwork-sprite.gif) 0px -90px;} #ourwork-right .sub-menu-right a:hover.menu-5, #ourwork-right .sub-menu-right .selected a.menu-5{background:url(images/sub-right-menu-ourwork-sprite.gif) -250px -120px;} #ourwork-right .sub-menu-right a.menu-5{background:url(images/sub-right-menu-ourwork-sprite.gif) 0px -120px;} #ourwork-right .sub-menu-right a:hover.menu-6, #ourwork-right .sub-menu-right .selected a.menu-6{background:url(images/sub-right-menu-ourwork-sprite.gif) -250px -150px;} #ourwork-right .sub-menu-right a.menu-6{background:url(images/sub-right-menu-ourwork-sprite.gif) 0px -150px;} #media-right .sub-menu-right a:hover.menu-1, #media-right .sub-menu-right .selected a.menu-1{background:url(images/sub-right-menu-media-sprite.gif) -250px 0px;} #media-right .sub-menu-right a.menu-1{background:url(images/sub-right-menu-media-sprite.gif) 0px 0px;} #media-right .sub-menu-right a:hover.menu-2, #media-right .sub-menu-right .selected a.menu-2{background:url(images/sub-right-menu-media-sprite.gif) -250px -30px;} #media-right .sub-menu-right a.menu-2{background:url(images/sub-right-menu-media-sprite.gif) 0px -30px;} #media-right .sub-menu-right a:hover.menu-3, #media-right .sub-menu-right .selected a.menu-3{background:url(images/sub-right-menu-media-sprite.gif) -250px -60px;} #media-right .sub-menu-right a.menu-3{background:url(images/sub-right-menu-media-sprite.gif) 0px -60px;} #media-right .sub-menu-right a:hover.menu-4, #media-right .sub-menu-right .selected a.menu-4{background:url(images/sub-right-menu-media-sprite.gif) -250px -90px;} #media-right .sub-menu-right a.menu-4{background:url(images/sub-right-menu-media-sprite.gif) 0px -90px;} /* --- END SUB MENU RIGHT SPRITES ------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- START CENTRAL SHELLS ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #central{width:845px; margin-top:6px;} #central-left{width:602px; float:left;} #central-left-left{width:359px; float:left;} #central-left-right{width:237px; float:right;} #central-left-left-t4{width:222px; float:left;} #central-left-right-t4{width:374px; float:right;} #central-right{width:237px; float:right;} #contact-form input{width:200px; height:14px; padding-top:2px; border:1px solid #ddd; background:#fff; font-size:10px; font-family:Verdana, Helvetica, sans-serif; color:#505050;} #contact-form input.submit{background:#999; width:101px; padding:0; height:18px; float:left; color:#fff;} .box{background:#f3f3f3; margin:0px 0px 6px 0px; padding:0;} .box a:hover{text-decoration:underline;} .box h1{font-size:11px; font-weight:bold;} .box h2{font-size:10px; font-weight:bold;} .box p{padding-bottom:10px;} .box .purple p{padding:0;} .box ul{margin-left:20px; padding-bottom:10px;} .heading1{font-size:11px; font-weight:bold; display:block;} .heading2{font-size:10px; font-weight:bold; display:block;} .paragraph{padding-bottom:10px; display:block;} .purple .paragraph{padding:0; display:block;} .greendark .heading1, .greendark .heading2{color:#5d9732;} .greenlight .heading1, .greenlight .heading2{color:#99b344;} .blue .heading1, .blue .heading2{color:#20b0ad;} .orange .heading1, .orange .heading2{color:#f37021;} .pink .heading1, .pink .heading2{color:#e20177;} .purple .heading1, .purple .heading2{color:#7c609d;} .w80{width:84px;} .w90{width:90px;} .w140{width:140px;} .w230{width:222px;} .w250{width:250px;} .w350{width:342px;} .w480{width:480px;} .w90 img{margin-bottom:5px; height:84px; width:84px; clear:both;} .w230 img{margin-bottom:5px; height:222px; width:222px; clear:both;} .padding{padding:5px;} .margin-top{border-top:2px solid #f3f3f3;} .margin-top-5{border-top:5px solid #f3f3f3;} .margin-right{border-right:8px solid #f3f3f3;} .margin-right-5{border-right:5px solid #f3f3f3;} .border-divider{height:1px; border-top:1px dotted #777;} .box .greendark{border:1px solid #5d9732; overflow:auto;} .box .greendark-title{background:url(images/box-main-greendark.gif) repeat-x; padding:7px 0px 7px 9px; height:12px; font-size:0; line-height:0;} .box .greenlight{border:1px solid #99b344; overflow:hidden; height:215px;} .box .greenlight-title{background:url(images/box-main-greenlight.gif) repeat-x; padding:7px 0px 7px 9px; height:12px; font-size:0; line-height:0;} .box .blue{border:1px solid #20b0ad; overflow:auto;} .box .blue-title{background:url(images/box-main-blue.gif) repeat-x; padding:7px 0px 7px 9px; height:12px; font-size:0; line-height:0;} .box .orange{border:1px solid #f37021; overflow:auto;} .box .orange-title{background:url(images/box-main-orange.gif) repeat-x; padding:7px 0px 7px 9px; height:12px; font-size:0; line-height:0;} .box .pink{border:1px solid #e20177; overflow:auto;} .box .pink-title{background:url(images/box-main-pink.gif) repeat-x; padding:7px 0px 7px 9px; height:12px; font-size:0; line-height:0;} .box .purple{border:1px solid #7c609d; overflow:hidden;} .box .purple-title{background:url(images/box-main-purple.gif) repeat-x; padding:7px 0px 7px 9px; height:12px; font-size:0; line-height:0;} .box .grey{border:1px solid #8c8d91; overflow:auto;} .box .grey-title{background:url(images/box-main-grey.gif) repeat-x; padding:7px 0px 7px 9px; height:12px; font-size:0; line-height:0;} .box .grey-subtitle{background:url(images/box-sub-grey.gif) repeat-x; padding:3px 0px 3px 9px; height:9px; font-size:0; line-height:0;} .box .orange-subtitle{background:url(images/box-sub-orange.gif) repeat-x; padding:3px 0px 3px 9px; height:9px; font-size:0; line-height:0;} .box .greendark .color, .box .greendark a, .box .greendark h1, .box .greendark h2{color:#5d9732;} .box .greenlight .color, .box .greenlight a, .box .greenlight h1, .box .greenlight h2{color:#99b344;} .box .blue .color, .box .blue a, .box .blue h1, .box .blue h2{color:#20b0ad;} .box .orange .color, .box .orange a, .box .orange h1, .box .orange h2{color:#f37021;} .box .pink .color, .box .pink a, .box .pink h1, .box .pink h2{color:#e20177;} .box .purple .color, .box .purple a, .box .purple h1, .box .purple h2{color:#7c609d;} .sub-sub-menu ul{list-style:none; line-height:0; margin:0; padding:0;} .sub-sub-menu ul li{border-bottom:1px dotted #777;} .sub-sub-menu ul li a{display:block; color:#505050!important; width:225px; line-height:18px; background:#f3f3f3; padding:0px 5px;} .sub-sub-menu ul li a:hover, .sub-sub-menu ul li .selected a{background:#ddd; text-decoration:none!important;} .sub-sub-menu ul li.last{border:none; display:inline;} .banner{margin-bottom:6px; font-size:0; line-height:0;} .themes{font-size:0; line-height:0;} .themes a{width:235px; height:96px; margin-top:3px; display:block;} .themes a.one{background:url(images/themes-right-sprite.jpg) 0px 0px;} .themes a.two{background:url(images/themes-right-sprite.jpg) 0px -100px;} .themes a.three{background:url(images/themes-right-sprite.jpg) 0px -200px;} .themes-main-box{font-size:0; line-height:0; width:191px; height:190px; margin-bottom:10px; float:left;} .fishbox a{font-size:0; line-height:0; width:79px; height:85px; float:left;} .fishbox a:hover.menu-1, .fishbox .selected a.menu-1{background:url(images/fishbox-sprite.jpg) -100px 0px; height:84px!important;} .fishbox a.menu-1{background:url(images/fishbox-sprite.jpg) 0px 0px; height:84px!important;} .fishbox a:hover.menu-2, .fishbox .selected a.menu-2{background:url(images/fishbox-sprite.jpg) -100px -100px; height:84px!important;} .fishbox a.menu-2{background:url(images/fishbox-sprite.jpg) 0px -100px; height:84px!important;} .fishbox a:hover.menu-3, .fishbox .selected a.menu-3{background:url(images/fishbox-sprite.jpg) -100px -200px; height:84px!important;} .fishbox a.menu-3{background:url(images/fishbox-sprite.jpg) 0px -200px; height:84px!important;} .fishbox a:hover.menu-4, .fishbox .selected a.menu-4{background:url(images/fishbox-sprite.jpg) -100px -300px;} .fishbox a.menu-4{background:url(images/fishbox-sprite.jpg) 0px -300px;} .fishbox a:hover.menu-5, .fishbox .selected a.menu-5{background:url(images/fishbox-sprite.jpg) -100px -400px;} .fishbox a.menu-5{background:url(images/fishbox-sprite.jpg) 0px -400px;} .fishbox a:hover.menu-6, .fishbox .selected a.menu-6{background:url(images/fishbox-sprite.jpg) -100px -500px;} .fishbox a.menu-6{background:url(images/fishbox-sprite.jpg) 0px -500px;} .fishbox a:hover.menu-7, .fishbox .selected a.menu-7{background:url(images/fishbox-sprite.jpg) -100px -600px; height:84px!important;} .fishbox a.menu-7{background:url(images/fishbox-sprite.jpg) 0px -600px; height:84px!important;} .fishbox a:hover.menu-8, .fishbox .selected a.menu-8{background:url(images/fishbox-sprite.jpg) -100px -700px; height:84px!important;} .fishbox a.menu-8{background:url(images/fishbox-sprite.jpg) 0px -700px; height:84px!important;} .fishbox a:hover.menu-9, .fishbox .selected a.menu-9{background:url(images/fishbox-sprite.jpg) -100px -800px; height:84px!important;} .fishbox a.menu-9{background:url(images/fishbox-sprite.jpg) 0px -800px; height:84px!important;} /* --- END CENTRAL SHELLS -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START FOOTER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer{margin:0px 5px 30px;} #footer a{text-decoration:underline; color:#505050;} #footer a:hover{text-decoration:none;} /* --- END FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */