body {margin:0px; padding:0px;} div {margin:0px; padding:0px;} table {margin:0px; padding:0px;} tr {margin:0px; padding:0px;} th {margin:0px; padding:0px; text-align:left; vertical-align:top;} td {margin:0px; padding:0px; text-align:left; vertical-align:top;} ol {margin:0px; padding:0px;} ul {margin:0px; padding:0px;} li {margin:0px; padding:0px;} h1 {margin:0px; padding:0px; font-size: 30px; font-weight:normal; font-family: Arial, Helvetica, sans-serif;color:#d2631c;} h2 {margin:0px; padding:0px; font-size: 26px; font-weight:normal; font-family: 'FuturaOblique'} h3 {margin:0px; padding:0px; font-size: 22px; font-family: 'FuturaOblique'; color:#4a5d85; font-weight:normal;} h4 {margin:0px; padding:0px; font-size: 18px;color:#666; font-weight:normal; font-family: 'FuturaOblique';} h5 {margin:0px 0 0 0; padding:0px 0 0px 25px; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} h6 {margin:0px; padding:0px; font-size:16px; font-family:'UbuntuLight'; font-weight:normal; font-weight:300;} p {margin:10px 10px; padding:0px; text-align:justify; color:#666; font-family:'UbuntuLight'; font-size:14px; font-weight:normal; line-height:22px; } a { text-decoration:none; font-weight:normal; font-family: 'FuturaOblique'; -o-transition:color .1s ease-out, background 1s ease-in; -ms-transition:color .1s ease-out, background 1s ease-in; -moz-transition:color .1s ease-out, background 1s ease-in; -webkit-transition:color .1s ease-out, background 1s ease-in; transition:color .1s ease-out, background 1s ease-in; } @font-face { font-family: 'FuturaOblique'; src: url('../font/futura-2_1.eot'); src: url('../font/futura-2_1.eot') format('embedded-opentype'), url('../font/futura-2_1.woff') format('woff'), url('../font/futura-2_1.ttf') format('truetype'), url('../font/futura-2_1.svg#FuturaOblique') format('svg'); } @font-face { font-family: 'UbuntuLight'; src: url('../font/ubuntu-l_0.eot'); src: url('../font/ubuntu-l_0.eot') format('embedded-opentype'), url('../font/ubuntu-l_0.woff') format('woff'), url('../font/ubuntu-l_0.ttf') format('truetype'), url('../font/ubuntu-l_0.svg#UbuntuLight') format('svg'); } @font-face { font-family: 'UbuntuCondensedRegular'; src: url('../font/ubuntu-c_0.eot'); src: url('../font/ubuntu-c_0.eot') format('embedded-opentype'), url('../font/ubuntu-c_0.woff') format('woff'), url('../font/ubuntu-c_0.ttf') format('truetype'), url('../font/ubuntu-c_0.svg#UbuntuCondensedRegular') format('svg'); } body:after{ display:none; content: url(../images/logo.png) url(../images/hover.png); } .clear { clear:both; } a:hover{ color:#4a5d85;} .active{ background:url(../images/hover.png) no-repeat; } strong { font-weight:300; color:#435478; letter-spacing:.5px; font-family:'UbuntuLight'; font-size:16px; } .divider { border-top:1px solid #516592; border-bottom:1px solid #2e3b54; margin:10px auto; width:900px; } body { background:#fff; } #line {background:#4a5d85; height:5px; } .container { min-height:80px; width:1000px; margin:0 auto; position: relative; } #header { height:115px; } #logo { background:url(../images/logo.png) no-repeat; height:105px; width:450px; float:left; margin-top:5px; } #navigation { height:46px; background:#4a5d85; } #navigation li{ display:inline; } #navigation a{ font-family: 'FuturaOblique'; font-size:18px; font-weight:normal;line-height:46px; padding:10px 40px; color:#fff; } #navigation a:hover{ background:url(../images/hover.png) no-repeat; } #cssmenu > ul > li > ul { opacity: 0; visibility: hidden; padding: 16px 0 20px 0; background:#fff; text-align: left; position: absolute; left:25%; width:192px; -webkit-transition: all .3s .1s; -moz-transition: all .3s .1s; -o-transition: all .3s .1s; transition: all .3s .1s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4); box-shadow: 0px 1px 3px rgba(0,0,0,.4); z-index:999; } #cssmenu > ul > li:hover > ul { opacity: 1; top: 46px; visibility: visible; } #cssmenu > ul > li > ul:before{ content: ''; display: block; border-color: transparent transparent rgb(250,250,250) transparent; margin-left: -10px; border-style: solid; border-width: 10px; position: absolute; top: -20px; left: 50%; } #cssmenu > ul ul > li { position: relative; float:none; text-align:left; width:150px;} #cssmenu ul ul a{ color:#333; font-family: Verdana, 'Lucida Grande'; font-size: 13px; padding: 5px 8px 7px 16px; display: block; text-align:center; padding:0 11px; width: 170px; -webkit-transition: background-color .1s; -moz-transition: background-color .1s; -o-transition: background-color .1s; transition: background-color .1s; } #cssmenu ul ul a:hover {background:#4a5d85; color:#fff; } #header_right { float:right; margin-top:15px; } #header_right a{ font-size:20px; color:#4a5d85; } #shadow { width:960px; height:30px; margin:0 auto; } #shadow img{ z-index:9999!important; position:absolute; } #content { margin:20px 0; } .content h3 { background:url(../images/strip.png) no-repeat; width:414px; height:35px; color:#fff; padding-left:10px; line-height:36px; } /*--------------- Home ---------------*/ #cat {} #cat h3{ color:#4a5d85; font-size:24px; float:left; margin:12px 0 0 18px;} #cat span{ float:left; margin-left:10px; } #cat li{ float:left;list-style:none; margin:0 30px 20px 10px; } .img { width:268px; margin:0 auto; } .text { width:270px; margin:0 auto; height:130px; } .view { background:url(../images/view_more.png) no-repeat; width:185px; height:35px; float:right; } .view:hover { opacity:0.9;} #live {background:url(../images/live.jpg) no-repeat; width:696px; height:304px; float:left; } #facebook_live { width:412px; height:271px; float:right; } #ratesTips{margin:7px;} /*--------------- Services ---------------*/ #services ul{ } #services li{ list-style-image:url(../images/bullet.png); font-family:'UbuntuLight'; font-size:13px; font-weight:normal; line-height:22px; margin:10px 0 0 5px; } /* -------------- Currency ------------------ */ #currency{ list-style-image:url(../images/bullet.png); font-family:'UbuntuLight'; font-size:13px; font-weight:normal; line-height:22px; } #box{ } #left_cur { float:left; width:460px; border-right:1px dotted; padding-right:20px; } #right_cur { float:right; width:500px; } /*--------------- Footer ---------------*/ #footer { background:url(../images/footer_bg.jpg) repeat-x; width:100%; height:267px; padding-top: 20px;} #footer h3{ color:#fff; text-decoration:underline; text-align:center; margin-bottom: 20px;margin-left: -32px; } #footer a{ color:#fff; } #footer p{ color:#fff; margin-left:40px; } #footer li{ float:left; width:200px; margin:0 50px; list-style:none; } #footer-tag a { font-size:16px;} #site li{ width:auto; list-style:none; float:none; } #social li{ width:50px; height:50px; list-style:none; float:left; margin:0 6px; } #social img{ margin:20px 0 0 40px; cursor:pointer; } #social_header{} #facebook { width:40px; height:40px; background:url(../images/social.png) 0 0; } #facebook:hover { background:url(../images/social.png) 0 -52px; } #google { width:52px; height:52px; background:url(../images/social.png) -60px 0; } #google:hover { background:url(../images/social.png) -60px -52px; } #twitter { width:52px; height:52px; background:url(../images/social.png) -119px 0; } #twitter:hover { background:url(../images/social.png) -119px -52px; } #copyright{ margin-left:10px; float:left; margin-top:10px; } #powered { float:left; margin-left:470px; margin-top:10px; } #abc { background-image:url(../images/abc_logo.png) ; background-repeat:no-repeat; width:66px; height:46px; float:right; margin-right:20px; margin-top:5px; } #abc:hover{ background:url(../images/abc_logo.png) 0px 46px;}