@import url("ospdin/stylesheet.css"); @import url("skin/jplayer.blue.monday.css"); @import url("http://fonts.googleapis.com/css?family=Oswald"); @import url("http://fonts.googleapis.com/css?family=Abel"); @import url("Lane_ Narrow/stylesheet.css"); @import url("Capsuula_webfont/stylesheet.css"); @import url(http://fonts.googleapis.com/css?family=Lobster+Two); * { padding:0; margin:0; } body { -webkit-font-smoothing:antialiased;color: #e5e7e6; font-family:'OSPDIN', Arial, sans-serif;background:#000000; } a { background:none; -webkit-transition: none; -moz-transition:none; text-decoration:none;} a:hover { background:none; -webkit-transition: none; -moz-transition:none; text-decoration:none; } a:active, a:focus { background:none; -webkit-transition: none; -moz-transition:none; text-decoration:none; } ul { } li { } .tagcloud { } .tagcloud a { } #social { width:50px; height:35px; position:absolute; right:15px; bottom:11px; z-index:9;} #social a#s:hover { background:none; text-decoration:none; padding:0px; top:5px; opacity:1.0;} #social a#s { background:none; text-decoration:none; padding:0px; top:0px; opacity:0.9;} #html5 { width:100%; position:absolute; height:100%; overflow:hidden; opacity:0.3;} #theapt { background:#000; } h1 { postion:absolute; font-size:18px; font-family: 'Abel', sans-serif; color:#000; background:#ccc; } h1 a { postion:absolute; font-size:18px; font-family: 'Abel', sans-serif; background:none; color:#0095cd; padding:0px; top:0px;} h1 a:hover { color:#fff; font-size:18px; font-family: 'Abel', sans-serif; background:none; text-decoration:none; padding:0px; top:0px;} #index_wrap { width:1000px; height:500px; margin:0 auto; position:relative; z-index:9; left:-20px;} #index_inner_wrap { width:1000px; float:left;} #index_inner_wrap a#b:hover { font-size:20px; padding:8px; color:#000; position:relative; z-index:9; cursor: default; } #index_inner_wrap a:link, #index_inner_wrap a:visited { text-decoration: none; font-weight: normal; cursor:auto; text-shadow:none; position:relative; cursor:pointer; } #index_inner_wrap a:hover { padding:8px; background:#fff; position:relative; z-index:20; cursor:pointer; -webkit-transition: font-size 0.12s ease-in-out; -moz-transition: font-size 0.12s ease-in-out; -o-transition:font-size 0.12s ease-in-out; -ms-transition:font-size 0.12s ease-in-out; transition: font-size 0.86s ease-in-out; font-size:20px; border-radius:4px; } #logo { width:250px; height:45px; position:absolute; left:-30px; bottom:-30px; } #logo img { position:absolute; height:45px; width:250px; } #logo_wrap { margin:0 auto; width:250px; position:relative; } #index_menu { position:absolute; bottom:10px; width:100%; height:40px; } #google_plus { position:absolute; top:94%; left:88%; z-index: 999; } #greetings { position:absolute; top:80%; left:54%; padding:0px 0 0 0;} #greetings1 {width:15px; height:22px; position:absolute; top:14%; left:90%;} #onam { width:130px; height:150px; position:absolute; bottom:45px; right:0px;} #login { width:15px; height:22px; float:left; position:absolute; bottom:15px; left:110px;} #login a { width:15px; height:22px; background:url(images/login.png) no-repeat; position:absolute; text-indent:-10000px; } #login a:hover { background:url(images/loginh.png) no-repeat;} .index_menu,.panel{ background:#333; padding:4px 3px 4px 13px; position:absolute; width:60px; z-index:999; cursor:pointer; left:15px; border-radius:5px; } .label{ float:left; padding:0px 0 0 13px; color:#fff; } a.label { color:#006699; } a:hover .label{ color:#ccc; } .panel{ position:absolute; cursor:default; bottom:18px; padding-bottom:18px; left:0; height:auto; display:none; z-index:100; border-radius:5px; } .panel ul { list-style:none; text-align:left; line-height:25px; } .panel ul li a { list-style:none; color:#ccc; text-decoration:none; padding-left:0; text-transform:capitalize;} .panel ul li a:hover { color:#fff; text-decoration:none; padding-left:5px; -webkit-transition:padding 0.12s ease-in-out; -moz-transition: padding 0.12s ease-in-out; -o-transition: padding 0.12s ease-in-out; -ms-transition: padding 0.12s ease-in-out; transition: padding 0.86s ease-in-out; } #uswrap { float: left; height: 285px; width: 430px; padding-top: 30px; position: relative; } .uswrap1 { float:left; height:300px; width:430px; position:relative; clear: left; } .europe { float:right; height:580px; width:570px; position:relative; padding-top:60px; } #k1 { position: absolute; left: 40px; top: 114px; font-size: 12px; } #k2 { position: absolute; left: 13px; top: 129px; font-size: 10px; text-transform: uppercase; } #k3 { position: absolute; left: 26px; top: 126px; font-size: 10px; } #k4 { position: absolute; left: 54px; top: 113px; font-size: 11px; } #k5 { position: absolute; left: 67px; top: 121px; font-size: 16px; } #k6 { position: absolute; left: 165px; top: 124px; font-size: 16px; } #k7 { font-size: 11px; position: absolute; left: 124px; top: 114px; } #k8 { position: absolute; left: 159px; top: 105px; font-size: 13px; } #k9 { position: absolute; left: 218px; top: 115px; font-size: 11px; } #k10 { position: absolute; left: 11px; top: 136px; } #k11 { position: absolute; left: 58px; top: 134px; font-size: 16px; } #k11 a { color:#e9b18d; } #k12 { position: absolute; left: 156px; top: 137px; font-size: 16px; } #k13 { position: absolute; left: 62px; top: 153px; font-size: 13px; } #k14 { position: absolute; left: 116px; top: 151px; font-size: 16px; } #k15 { position: absolute; left: 73px; top: 166px; } #k16 { position: absolute; left: 141px; top: 166px; } #k17 { position: absolute; left: 70px; top: 180px; font-size: 16px; color:#26c5cf; } #k17 a { color:#26c5cf; } #k18 { position: absolute; left: 167px; top: 181px; font-size: 16px; color:#779a5a; } #k18 a { color:#779a5a; } #k19 { position: absolute; left: 66px; top: 196px; font-size: 10px; } #k20 { position: absolute; left: 82px; top: 196px; font-size: 10px; } #k21 { position: absolute; left: 51px; top: 206px; } #k22 { position: absolute; left: 94px; top: 206px; color:#b0a43b; } #k22 a { color:#b0a43b; } #k23 { position: absolute; left: 101px; top: 516px; font-size: 10px; } #k24 { position: absolute; left: 50px; top: 219px; font-size: 16px; color:#e9b18d; } #k24 a { color:#e9b18d; } #k25 { position: absolute; left: 124px; top: 220px; } #k26 { position: absolute; left: 56px; top: 240px; } #k27 { position: absolute; left: 97px; top: 235px; font-size: 16px; } #k28 { position: absolute; left: 69px; top: 258px; font-size: 10px; } #k29 { position: absolute; left: 110px; top: 251px; font-size: 16px; color:#cd5874; } #k29 a { color:#cd5874; } #k30 { position: absolute; left: 84px; top: 270px; font-size: 20px; color:#b0a43b; } #k30 a { color:#b0a43b; } #k31 { position: absolute; left: 85px; top: 293px; } #k32 { position: absolute; font-size: 10px; left: 137px; top: 298px; } #k33 { position: absolute; left: 251px; top: 167px; font-size: 15px; } #k34 { position: absolute; left: 201px; top: 196px; } #k35 { position: absolute;left: 247px; top: 152px; } #k36 { position: absolute; left: 193px; top: 210px;font-size: 10px; } #k37 { position: absolute; font-size: 10px; left: 254px; top: 198px; } #k38 { position: absolute; left: 244px;top: 143px;font-size: 10px; } #k39 { position: absolute; left: 267px; top: 133px; font-size: 10px; } #k40 { position: absolute; left: 241px; top: 106px; font-size: 10px; } #k41 { position: absolute; left: 275px; top: 86px; font-size: 11px; } #k42 { position: absolute; left: 273px; top: 122px; font-size: 10px; } #k43 { position: absolute; left: 288px; top: 77px; font-size: 10px; } #k44 { position: absolute; left: 307px; top: 88px; font-size: 10px; } #k45 { position: absolute; left: 332px; top: 87px; font-size: 16px; color:#779a5a; } #k45 a { color:#779a5a; } #k46 { position: absolute; left: 392px; top: 77px; font-size: 10px; } #k47 { position: absolute; left: 337px; top: 103px; } #k48 { position: absolute; left: 329px; top: 117px; } #k49 { position: absolute; font-size: 10px; left: 327px; top: 133px; } #k50 { position: absolute; left: 408px; top: 130px; font-size: 11px; } #k51 { position: absolute; left: 107px; top: 308px; font-size: 15px; } #k52 { position: absolute; left: 139px; top: 322px; font-size: 10px; } #k53 { position: absolute; font-size: 11px; left: 189px; top: 1px; } #k54 { left: 187px; top: 7px; position: absolute; } #k55 { position: absolute; left: 184px; top: 20px; font-size: 23px; color:#7caf61; } #k55 a { color:#7caf61; } #k56 { position: absolute; font-size: 10px; left: 174px; top: 41px; } #k57 { position: absolute; left: 255px; top: 41px; font-size: 10px; } #k58 { position: absolute; left: 267px; top: 41px; font-size: 10px; } #k59 { position: absolute; left: 249px; top: 42px; font-size: 10px;} #k60 { position: absolute; left: 174px; top: 50px; font-size: 16px; } #k61 { position: absolute; font-size: 10px; left: 173px; top: 65px; } #k62 { position: absolute; font-size: 10px; left: 299px; top: 58px; } #k63 { position: absolute; left: 189px; top: 68px; font-size: 16px; } #k64 { position: absolute;left: 169px; top: 84px; font-size: 10px; } #k65 { position: absolute; left: 206px; top: 83px; font-size: 17px;} #k66 { position: absolute; font-size: 9px; left: 188px; top: 90px; } #k67 { position: absolute; left: 196px; top: 99px; } #k68 { position: absolute; font-size: 10px; left: 202px; top: 114px ;} #k70 { position: absolute; font-size: 26px; left: 266px; top: 100px; color:#b0a43b; text-transform:capitalize } #k70 a { color:#b0a43b;} #k71 { position: absolute; left: 207px; top: 126px; } #k72 { position: absolute; left: 233px; top: 124px; font-size: 22px; color:#00CCFF; } #k72 a { color:#00CCFF; } #k73 { position: absolute; left: 312px; top: 126px; font-size: 9px; } #k74 { position: absolute; font-size: 10px; left: 211px; top: 141px; } #k75 { position: absolute; font-size: 22px; left: 223px; top: 144px;color:#cd5874; } #k75 a { color:#cd5874; } #k76 { position: absolute; left: 213px;top: 167px; } #k77 { position: absolute; left: 214px; top: 183px; } #k78 { position: absolute; left: 217px; top: 197px; } #k80 { position: absolute; left: 225px; top: 212px; color:#00CCFF; } #k80 a { color:#00CCFF; } #k81 { position: absolute; left: 227px; top: 230px; font-size: 10px; } #k82 { position: absolute; left: 232px; top: 240px; font-size: 10px; color:#b9cf26; } #k82 a { color:#b9cf26; } #k83 { position: absolute; font-size: 12px; left: 3px; top: 171px; } #k84 { position: absolute; font-size: 10px; left: 25px; top: 176px; } #k85 { position: absolute; left: 79px; top: 115px; color:#cd5874; } #k85 a { color:#cd5874; } #k86 { position: absolute; left: 138px; top: 120px; font-size: 10px; } #k87 { position: absolute; font-size: 10px; left: 70px; top: 129px; } #k88 { position: absolute; font-size: 10px; left: 110px; top: 128px; } #k89 { position: absolute; left: 157px; top: 122px; color:#b0a43b; } #k89 a { color:#b0a43b; } #k90 { position: absolute; left: 246px; top: 95px; color:#00CCFF; } #k90 a { color:#00CCFF; } #k91 { position: absolute; left: 314px; top: 104px; font-size: 10px; } #k92 { position: absolute; left: 357px; top: 104px; font-size: 10px; } #k93 { position: absolute; left: 207px; top: 110px; font-size: 16px; } #k94 { font-size: 10px; position: absolute; left: 403px; top: 107px; } #k95 { font-size: 10px; position: absolute; left: 386px; top: 115px; } #k96 { font-size: 10px; position: absolute; left: 480px; top: 118px; } #k97 { font-size: 16px; position: absolute; left: 299px; top: 113px; } #k98 { font-size: 15px; position: absolute; left: 47px; top: 143px; } #k99 { position: absolute; left: 88px; top: 135px; font-size: 16px; } #k100 { font-size: 10px; position: absolute; left: 215px; top: 136px; } #k101 { font-size: 10px; position: absolute; left: 227px; top: 134px; } #k102 { position: absolute; left: 267px; top: 127px; font-size: 16px; } #k103 { font-size: 10px; position: absolute; left: 336px; top: 130px; } #k104 { font-size: 16px; position: absolute; left: 375px; top: 125px; color:#779a5a; } #k104 a { color:#779a5a; } #k105 { position: absolute; left: 464px; top: 123px; } #k106 { position: absolute; font-size: 10px; left: 507px; top: 114px; } #k107 { font-size: 10px; position: absolute; left: 118px; top: 149px; } #k108 { font-size: 10px; position: absolute; left: 167px; top: 151px; } #k109 { position: absolute; left: 210px; top: 142px; font-size: 17px; color:#00CCFF; } #k109 a { color:#00CCFF; } #k110 { font-size: 10px; position: absolute; left: 311px; top: 142px; } #k111 { font-size: 16px; position: absolute; left: 342px; top: 141px; } #k112 { position: absolute; font-size: 10px; left: 395px; top: 145px; } #k113 { position: absolute; left: 419px; top: 140px; } #k114 { position: absolute; left: 507px; top: 139px; color:#e9b18d; } #k114 a { color:#e9b18d; } #k115 { position: absolute; left: 92px; top: 159px; color:#e9b18d; } #k115 a { color:#e9b18d; } #k116 { position: absolute; left: 215px; top: 159px; } #k117 { position: absolute; left: 314px; top: 154px; } #k118 { position: absolute; left: 414px; top: 156px; } #k119 { position: absolute; left: 31px; top: 172px; color:#779a5a; } #k119 a { color:#779a5a; } #k120 { position: absolute; left: 168px; top: 173px; } #k121 { position: absolute; font-size: 10px; left: 262px; top: 174px; } #k122 { position: absolute; left: 282px; top: 168px; } #k123 { position: absolute; left: 388px; top: 170px; } #k124 { position: absolute; left: 502px; top: 158px; font-size: 10px; } #k125 { position: absolute; left: 26px; top: 187px; } #k126 { position: absolute; left: 135px; top: 187px; } #k127 { position: absolute; left: 265px; top: 182px; color:#b0a43b; } #k127 a { color:#b0a43b; } #k128 { position: absolute; left: 369px; top: 182px; } #k129 { font-size: 10px; position: absolute; left: 435px; top: 184px; } #k130 { font-size: 10px; position: absolute; left: 458px; top: 185px; } #k131 { position: absolute; left: 423px; top: 188px; font-size: 22px; } #k132 { font-size: 10px; position: absolute; left: 466px; top: 197px; } #k133 { position: absolute; left: 33px; top: 199px; } #k134 { position: absolute; font-size: 10px; left: 82px; top: 203px; } #k135 { position: absolute; left: 93px; top: 202px; } #k136 { position: absolute; font-size: 10px; left: 155px; top: 202px; } #k137 { font-size: 10px; position: absolute; left: 199px; top: 205px; } #k138 { position: absolute; left: 259px; top: 196px; color:#e9b18d; } #k138 a { color:#e9b18d; } #k139 { position: absolute; left: 361px; top: 196px; } #k140 { font-size: 10px; position: absolute; left: 18px; top: 212px; } #k141 { position: absolute; top: 212px; left: 13px; color:#cd5874; } #k141 a { color:#cd5874; } #k142 { font-size: 10px; position: absolute; left: 96px; top: 222px; } #k143 { font-size: 10px; position: absolute; left: 131px; top: 213px; } #k144 { font-size: 10px; position: absolute; left: 167px; top: 214px; } #k145 { position: absolute; left: 117px; top: 221px; color:#00CCFF; } #k145 a { color:#00CCFF; } #k146 { position: absolute; left: 205px; top: 215px; color:#b9cf26; } #k146 a { color:#b9cf26; } #k147 { position: absolute; left: 334px; top: 211px; color:#cd5874; } #k147 a { color:#cd5874; } #k148 { position: absolute; left: 410px; top: 209px; } #k149 { font-size: 10px; position: absolute; left: 30px; top: 236px; } #k150 { position: absolute; left: 3px; top: 245px; } #k151 { font-size: 10px; position: absolute; left: -13px; top: 259px; } #k152 { font-size: 10px; position: absolute; left: 34px; top: 260px; } #k153 { position: absolute; left: 72px; top: 258px; color:#e9b18d; } #k153 a { color:#e9b18d; } #k154 { font-size: 10px; position: absolute; left: 189px; top: 264px; } #k155 { font-size: 10px; position: absolute; left: -19px; top: 275px; } #k156 { position: absolute; left: -27px; top: 284px; } #k157 { position: absolute; left: -27px; top: 295px; font-size: 22px; color:#b0a43b; } #k157 a { color:#b0a43b; } #k158 { position: absolute; left: -8px; top: 267px; } #k159 { position: absolute; left: 12px; top: 283px; } #k160 { font-size: 10px; position: absolute; left: 83px; top: 274px; } #k161 { position: absolute; left: 172px; top: 284px; } #k162 { font-size: 10px; position: absolute; left: 143px; top: 284px; } #k163 { position: absolute; font-size: 10px; left: 216px; top: 288px; } #k164 { font-size: 10px; position: absolute; left: 25px; top: 296px; } #k165 { font-size: 10px; position: absolute; left: 44px; top: 297px; } #k166 { font-size: 10px; position: absolute; left: 65px; top: 297px; } #k167 { font-size: 10px; position: absolute; left: 92px; top: 298px; } #k168 { font-size: 10px; position: absolute; left: 106px;top: 296px; } #k169 { position: absolute; left: 177px; top: 295px; } #k170 { position: absolute; left: 1px; top: 303px; } #k171 { position: absolute; left: -215px; top: 82px; } #k172 { position: absolute; left: 157px; top: 310px; } #k173 { position: absolute; left: -29px; top: 316px; font-size: 22px; color:#00CCFF; } #k173 a { color:#00CCFF; } #k174 { font-size: 10px; position: absolute;left: 205px;top: 316px; } #k175 { position: absolute; left: 128px; top: 326px; color:#779a5a; } #k175 a { color:#779a5a; } #k176 { position: absolute; left: -11px; top: 337px; font-size: 22px; color:#e9b18d; } #k176 a { color:#e9b18d; } #k177 { position: absolute; left: 180px; top: 341px; } #k178 { font-size: 10px; position: absolute; left: -6px; top: 357px; } #k179 { font-size: 10px; position: absolute; left: 38px; top: 360px; } #k180 { position: absolute; left: 125px; top: 356px; } #k181 { position: absolute;left: 64px; top: 367px; font-size: 22px; color:#cd5874; } #k181 a { color:#cd5874; } #k182 { position: absolute; left: 163px; top: 372px; } #k183 { position: absolute; font-size: 10px; left: 162px; top: 385px; } #k184 { font-size: 11px; position: absolute; left: 69px; top: 396px; } #k185 { position: absolute; left: 79px; top: 390px; } #k186 { position: absolute; left: 75px; top: 408px; font-size: 10px; } #k187 { position: absolute; left: 188px; top: 442px; } #k188 { position: absolute; left: 78px; top: 417px; } #k189 { position: absolute; left: 74px; top: 434px; font-size: 22px; color:#779a5a; } #k189 a { color:#779a5a; } #k190 { position: absolute; left: 144px; top: 432px; font-size: 13px; } #k191 { position: absolute; font-size: 10px; left: 152px; top: 236px; } #k192 { font-size: 10px; position: absolute; left: 195px; top: 237px; } #k193 { position: absolute; left: 212px; top: 231px; } #k194 { position: absolute; left: 326px; top: 226px; color:#779a5a; } #k194 a { color:#779a5a; } #k195 { position: absolute; left: 433px; top: 226px; } #k196 { font-size: 10px; position: absolute; left: 429px; top: 233px; } #k197 { position: absolute; left: 188px; top: 245px; color:#7caf61; } #k197 a { color:#7caf61; } #k198 { position: absolute; left: 325px; top: 245px; color:#00CCFF; } #k198 a { color:#00CCFF; } #k199 { position: absolute; left: 376px; top: 242px; } #k200 { position: absolute; left: 422px; top: 243px; font-size: 20px; } #k201 { position: absolute; left: 209px; top: 259px; } #k202 { position: absolute; left: 339px; top: 257px; font-size: 21px; } #k203 { position: absolute; left: 396px; top: 260px; color:#e9b18d; } #k203 a { color:#e9b18d; } #k204 { font-size: 10px; position: absolute; left: 236px; top: 276px; } #k205 { position: absolute; left: 271px; top: 278px; } #k206 { position: absolute; left: 386px; top: 279px; color:#b0a43b; } #k206 a { color:#b0a43b; } #k207 { position: absolute; left: 287px; top: 291px; } #k208 { position: absolute; left: 290px; top: 305px; } #k209 { position: absolute; left: 297px; top: 320px; color:#00CCFF; } #k209 a { color:#00CCFF; } #k210 { position: absolute; left: 300px; top: 335px; font-size: 10px; } #k211 { font-size: 10px; position: absolute; left: 317px; top: 343px; } #k212 { position: absolute; font-size: 10px; left: 484px; top: 241px; } #k213 { position: absolute; left: 366px; top: 294px; } #k214 { position: absolute; font-size: 10px; left: 368px; top: 310px; } #k215 { font-size: 10px; position: absolute; left: 388px; top: 313px; } #k216 { position: absolute; left: 382px; top: 317px; } #k217 { font-size: 10px; position: absolute; left: 403px; top: 334px; } #k218 { position: absolute; font-size: 10px; left: 142px; top: 449px; } #k219 { position: absolute; left: 84px; top: 455px; font-size: 21px; color:#e9b18d; } #k219 a { color:#e9b18d; } #k220 { position: absolute; left: 83px; top: 476px; color:#cd5874; } #k220 a { color:#cd5874; } #k221 { position: absolute; left: 88px; top: 490px; color:#00CCFF; } #k221 a { color:#00CCFF; } #k222 { font-size: 10px; position: absolute; left: 95px; top: 506px; } #k223 { position: absolute; left: 185px; top: 461px; } #k224 { position: absolute; font-size: 10px; left: 389px; top: 374px; } #k225 { position: absolute; font-size: 10px; left: 394px; top: 386px; } #k226 { position: absolute; left: 443px; top: 358px; font-size: 10px; } #k227 { font-size: 10px; position: absolute; left: 441px; top: 368px; } #k228 { position: absolute; left: 424px; top: 374px; color:#b9cf26; } #k228 a { color:#b9cf26; } #k229 { font-size: 10px; position: absolute; left: 427px; top: 389px; } #k230 { position: absolute; left: 415px; top: 407px; font-size: 10px; } #k231 { position: absolute; font-size: 10px; left: 462px; top: 388px; } #k232 { font-size: 10px; position: absolute; left: 509px; top: 390px; } #k233 { position: absolute; left: 529px; top: 399px; } #k234 { position: absolute; left: 504px; top: 429px; font-size: 10px; } #k235 { position: absolute; left: 476px; top: 435px; } #k236 { position: absolute; font-size: 10px; left: 536px; top: 438px; } #k237 { position: absolute; left: 460px; top: 454px; color:#e9b18d; } #k237 a { color:#e9b18d; } #k238 { position: absolute; left: 533px; top: 453px; } #k239 { font-size: 10px; position: absolute; left: 447px; top: 463px; } #k240 { position: absolute; left: 429px; top: 470px; color:#00CCFF; } #k240 a { color:#00CCFF; } #k241 { position: absolute; left: 511px; top: 468px; } #k242 { position: absolute; left: 430px; top: 484px; color:#b0a43b; } #k242 a { color:#b0a43b; } #k243 { position: absolute; left: 513px; top: 483px; } #k244 { position: absolute; left: 430px; top: 501px; color:#cd5874; } #k244 a { color:#cd5874; } #k245 { font-size: 10px; position: absolute; left: 464px; top: 500px; } #k246 { position: absolute; left: 503px; top: 510px; color:#779a5a; } #k246 a { color:#779a5a; } #k247 { font-size: 10px; position: absolute; left: 509px; top: 526px; } /*========================================================================== FOR INNERPAGE =======================================================================================*/ #inner_wrapper { width:100%; height:100%; background:url(images/content_top1.jpg) no-repeat center top #000; position:absolute; } #ksworld_wrapper { width:1000px; margin:0 auto;} #service_menu { background:url(images/inner_menu_bg.png) no-repeat center top; height:50px; position:absolute; width:100%; bottom:0px; padding-top:125px; } #contact_menu { background:url(images/inner_menu_bg1.png) repeat-x; position:fixed; width:100%; height:41px; bottom:0px; padding-top:22px; } #ksworld_menu { width:1000px; margin:0 auto;} .menu { display: block;} .menu ul { list-style: none; padding: 0; margin: 0; position:relative; left:70px; z-index:9999; } .menu ul li { float: left; overflow: hidden; position: relative; text-align: center; line-height: 45px; } .menu ul li a { position: relative; display: block; width: 90px; height: 45px; font-family: 'Oswald', sans-serif; font-size: 15px; -webkit-font-smoothing: antialiased; text-transform: capitalize; text-decoration: none; cursor: pointer; } .menu ul li a span { position: absolute; left: 0; } .menu ul li a span.out { top: 0px; } .menu ul li a span.over, .menu ul li a span.bg { top: -45px; } #menu {} #menu ul li a { color: #666; } #menu ul li a span.over { color: #FFF; } #menu ul li span.bg { } #content_wrapper { width:960px; float:left; position:relative; top:80px; font-family: 'Oswald', sans-serif; } .content_panel1 li { width:210px; float:left; text-shadow: 2px 2px 2px #000; font-size:18px; line-height:30px; font-weight:normal; } .content_panel1 li a { text-shadow: 2px 2px 2px #000; font-size:16px; color:#ccc;text-decoration:none; position:relative; top:-3px; z-index:99;} .content_panel1 li a:hover { text-shadow: 2px 2px 2px #000; font-size:16px; color:#fff; text-decoration:none; -webkit-transition: all 0.12s ease-in-out; z-index:999; -moz-transition: all 0.12s ease-in-out; padding-left:15px; } .content_panel_t1 { width:210px; position:relative; float:left; font-size:28px; text-shadow: 2px 2px 5px #000;} .content_panel1 { width:210px; float:left; background:url(images/divider.png) right top no-repeat; height:300px; padding:0 15px 15px 15px; } .content_panel1 ul { width:210px; float:left; list-style:url(images/bullet.png); position:relative; left:20px; } #logo1 { width:250px; height:50px; position:relative; float:left; top:-18px; left:8px;} #logo1 img { width:200px; height:50px; position:absolute;} #logo1 a img { outline:none; border:none; position:absolute; left:80px;} .icons { width:120px; float:left; height:40px; position:relative; top:11px; } .email { width:51px; height:20px; float:left;} .email a { background:url(images/mail.png) no-repeat; width:31px; height:20px; text-indent:-10000px; position:absolute} .email a:hover { background:url(images/mailh.png) no-repeat; width:31px; height:20px; } .social { width:38px; height:19px; float:left;} .social a { background:url(images/social.png) no-repeat; width:18px; height:19px; text-indent:-10000px; position:absolute} .social a:hover { background:url(images/socialh.png) no-repeat; width:18px; height:19px; } .sitemap { width:23px; height:22px; float:left;} .sitemap a { background:url(images/sitemap.pn) no-repeat; width:23px; height:22px; text-indent:-10000px; position:absolute} .sitemap a:hover { background:url(images/sitemaph.ng) no-repeat; width:23px; height:22px; } .portfolio_bg { background:url(images/portfolio-bg.png) no-repeat center top; width:100%; height:60px; position:absolute; top:496px; z-index:999;} .reviews_bg { background:url(images/portfolio-bg.png) no-repeat center top; width:100%; height:60px; position:absolute; top:410px; z-index:999;} #process { width:947px; position:relative; top:0; height:132px; float:left; } .process1 { width:102px; height:132px; background:#201f20; float:left; margin-right:5px; } .process_box { position:absolute; width:1000px; top:0; color:#fff; z-index:999; opacity:0.8;} .proc_nav { width:100%; height:143px; position:fixed;top:0px;} .proc_nav li { position:absolute; top:0; width:101px; background:#000; cursor:pointer;z-index:19; list-style:none;} .proc_nav li#p_nav1 { left:0;} .proc_nav li#p_nav2 { left:106px;} .proc_nav li#p_nav3 { left:212px;} .proc_nav li#p_nav4 { left:318px;} .proc_nav li#p_nav5 { left:424px;} .proc_nav li#p_nav6 { left:530px;} .proc_nav li#p_nav7 { left:636px;} .proc_nav li#p_nav8 { left:742px;} .proc_nav li#p_nav9 { left:848px;} .proc_nav li.last_list { margin-right:0;} .proc_nav li .proc_btn { position:absolute; right:10px; bottom:110px; z-index:10;} .btn_expand { float:right; display:inline; margin:-32px 4px 0 0; width:13px; height:13px; text-indent:-9999px; overflow:hidden; background:url(images/btn_expand.png) 0 0 no-repeat; } .expanded { background:url(images/btn_expand.png) 0 -13px no-repeat;} .proc_nav li .proc_btn .btn_expand { margin:0; text-indent:-10000px;} .proc_nav li .proc_img { position:relative; z-index:1;} .proc_nav li .proc_txt { font-size:12px; font-family:Arial, Helvetica, sans-serif; height:120px; padding:30px 10px 0 16px; line-height:170%; display:none;} .proc_nav img { width:99px; height:132px; opacity:1.0; } #fade { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: .50; z-index: 9999; } .popup_block{ display: none; background: #333; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; padding:2px 2px 0px 2px; } .social_n1 { width:100px; height:100px; float:left; } .social_n1 a { background:url(images/sprite.png)0 0 no-repeat; position:absolute; width:98px; height:98px; text-indent:-100000px;} .social_n1 a:hover { background:url(images/sprite.png)-98px 0 no-repeat;} .social_n2 { width:98px; height:98px; float:left; } .social_n2 a { background:url(images/sprite.png)0 -98px no-repeat; position:absolute; width:98px; height:98px; text-indent:-100000px;} .social_n2 a:hover { background:url(images/sprite.png)-98px -98px no-repeat;} .social_n3 { width:100px; height:100px; float:left; } .social_n3 a { background:url(images/sprite.png)0 -196px no-repeat; position:absolute; width:98px; height:98px; text-indent:-100000px;} .social_n3 a:hover { background:url(images/sprite.png)-98px -196px no-repeat;} .social_n4 { width:98px; height:98px; float:left; } .social_n4 a { background:url(images/sprite.png)0 -294px no-repeat; position:absolute; width:98px; height:98px; text-indent:-100000px;} .social_n4 a:hover { background:url(images/sprite.png)-98px -294px no-repeat;} img.btn_close { float: right; margin: -35px -10px 0 0; border:none; } a:img { border:none; outline:none;} img a{ border:none; outline:none;} #sitemap { position:absolute; text-indent:-10000px;} #sitemap a { position:absolute; text-indent:-10000px;} #more_services { width:112px; height:100px; float:right; position:relative; left:-80px;} #more_services a { width:112px; position:relative; top:-15px; float:left; height:100px; background:url(images/more_services.png) no-repeat; text-indent:-100000px; -webkit-transition: top 0.12s ease-in-out; -moz-transition: top 0.12s ease-in-out; -o-transition: top 0.12s ease-in-out; -ms-transition: top 0.12s ease-in-out; transition: top 0.86s ease-in-out; } #more_services a:hover {background:url(images/more_services.png) no-repeat; top:0px; } #contact_us { width:947px; height:436px; margin:0 auto; background:url(images/contact-us.png) no-repeat; position:relative; top:85px; } #address { width:393px; height:274px; float:left; margin:120px 0 0 83px; font-family: 'Oswald', sans-serif; text-shadow:1px 1px 2px #000; font-size:17px; } #address a { text-decoration:none; color:#ccc;} #address a:hover { color:#52783b;} #form { width:341px; height:242px; float:left; position:relative; margin:150px 0 0 83px;} /*vv=============================================================about us====================================================================*/ #about_us {width:960px; height:456px; margin:60px auto;} #about_us_wrap { width:860px; height:406px; float:left; background:#292929; padding:0 40px;line-height:24px;font-size:15px; font-family: 'CapsuulaRegular'; text-align:justify; } #about_us_wrap ul { width:750px; height:35px; font-family:'LaneNarrowRegular', Arial, sans-serif; font-size:22px; padding:50px 0 0 50px; } #about_us_content { width:400px; height:325px; float:left; padding-top:50px; } #about_us_content_2 { width:400px; height:325px; float:left; padding:50px 0 0 50px; line-height:24px; } #bottam_shadow {width:960px; height:59px; float:left; background:url(images/about-us_bottam-shadow1.jpg) no-repeat; } /*=============================================================join us====================================================================*/ #join_us_wrap { width:940px; height:435px; margin:80px auto; line-height:28px; font-size:16px; font-family: 'CapsuulaRegular';} #join_us__panel1 { width:940px; height:35px;background:url(images/join-us-tittle_text.png) no-repeat; } #join_us_content { width:840px; height:300px; float:left; padding:50px 50px 0 50px; background:#292929; text-align:justify; } #join_us_content1 { width:400px; height:300px; float:left; } #join_us_content2 { width:400px; height:300px; float:left; position:relative; left:70px } #join_text { width:330px; height:47px; float:left; background:url(images/join-us_text.png) no-repeat; margin-top:20px} #join_div { width:29px; height:398px; background:url(images/join-us_div.png)0 -45px no-repeat; float:left; position:relative; left:50px} #bottam_shadow { width:940px; height:59px; float:left; background:url(images/about-us_bottam-shadow1.jpg) no-repeat; } #ceo, #designer, #developer, #team_player { font-family: 'CapsuulaRegular'; padding:30px 30px 20px 30px; color:#969696; font-size:18px; line-height:25px; text-align:justify; } .img_pan { width:114px; float:left; margin:5px 30px 0px 0; font-weight:bold; font-size:15px;} .img_pan img { border:1px #969696 solid;} #ceo { font-family: 'Lobster Two', cursive; padding:30px 30px 20px 30px; color:#969696; font-size:18px; line-height:25px; text-align:justify; } .designation { right:13px; position:absolute; width:110px; height:100px; font-size:16px; margin-top:20px; font-family: 'CapsuulaRegular'; line-height:18px;} .team_members_panel { width:800px; margin:0 auto; font-size:18px; line-height:20px; color:#a2a2a2; font-family: 'CapsuulaRegular'; position:relative; top:100px; } .team_members1 { width:342px; height:115px; float:left; margin-right:25px; margin-bottom:25px; background:rgba(0,0,0,0.5); border-radius:5px; } .team_members2 { width:342px; height:115px; float:left;margin-bottom:25px; background:rgba(0,0,0,0.7) } .team_members1 img , .team_members2 img { margin:5px; float:left; border:#333 1px solid;} .team_member_info { width:218px; margin:0 auto; position:relative; top:30px; left:20px;} .m_place { font-size:13px;} a .team_members1 { background:rgba(0,0,0,0.5); color:#ccc; } a:hover .team_members1 { background:rgba(0,0,0,1.0); color:#999; } a .team_members1 img { opacity:0.9; outline:none; border:none; } a:hover .team_members1 img { opacity:1.0; } a .team_members2 { background:rgba(0,0,0,0.5); color:#ccc; } a:hover .team_members2 { background:rgba(0,0,0,1.0); color:#999; } a .team_members2 img { opacity:0.9; outline:none; border:none; } a:hover .team_members2 img { opacity:1.0; }