/* -------------------------------------------------------------------------------------------------------------------------------------------------- HTML -------------------------------------------------------------------------------------------------------------------------------------------------- */ body {margin:0; line-height:20px; font-size:17px; font-family:"helvetica", sans-serif;overflow-x: hidden;} address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:15px 0;} h1 {font-size:20px;} h2 {font-size:21px; font-weight:bold;} h2.page-title {margin-top:0; padding-bottom:5px; font-size:24px; font-weight:bold;} h3 {font-size:19px; font-weight:bold;} h4, h5, h6 {font-size:17px; font-weight:bold;} ul li {padding-left:17px; background:url("../design/ul.png") 0 7px no-repeat;} ul ul {margin:0; font-size:15px;} ul ul li {padding-left:15px; background:url("../design/ul-ul.png") 0 7px no-repeat;} table {border:0px;} table th {padding:5px; font-weight:bold; text-align:center;} table tr {border:0px;} table td {padding:5px;border:0px;} fieldset {padding:9px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} fieldset legend {font-weight:bold;} fieldset form, fieldset dl {margin:0;} fieldset dd {margin-bottom:5px;} img.f-left {margin-right:9px;} img.f-right {margin-left:9px;} .input-text {width:75%; padding:4px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url("../design/input-text.png") 0 0 repeat-x;} .input-submit {padding:3px;} .table-container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 0em; } /* -------------------------------------------------------------------------------------------------------------------------------------------------- LAYOUT -------------------------------------------------------------------------------------------------------------------------------------------------- */ .share_box{ position:fixed; width:330px; bottom:0%; left:0%; } #wrapper {position:relative; min-height:100%; overflow:auto;} #header {position:relative; height:50px; padding:0 9px; background:url("../design/header.png") 0 0 repeat-x;} #header #logo {position:absolute; top:14px; left:9px; margin:0;} #header #logo a {text-decoration:none;} #header a.header-button {position:absolute; top:10px; right:9px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url("../design/header-button.png") 0 0 repeat-x; font-size:12px; text-decoration:none; text-align:center; font-weight:bold;} #nav {position:absolute; top:50px; left:0; z-index:999; width:100%; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} #nav ul {margin:0; padding:9px; list-style:none;} #nav ul li {display:inline; padding:0; background:none;} #nav ul li a {display:block; margin-bottom:5px; padding:9px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url("../design/nav.png") 0 0 repeat-x; font-weight:bold; text-decoration:none; text-align:center;} #nav ul li:last-child a {margin-bottom:0;} #content {padding:15px 9px;} #footer {position:relative; padding:15px 9px; background:url("../design/footer.png") 0 0 repeat-x; font-size:12px;} #footer #footer-button a {display:block; position:relative; top:9px; right:9px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url("../design/footer-button.png") 0 100% repeat-x; font-size:12px; text-decoration:none; text-align:center; font-weight:bold;} #footer p {margin:0;} #content a.navi-button {position:absolute; top:55px; right:80px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url("../design/header-button.png") 0 0 repeat-x; font-size:12px; text-decoration:none; text-align:center; font-weight:bold;} #content a.navi-button2 {position:absolute; top:55px; right:9px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url("../design/header-button.png") 0 0 repeat-x; font-size:12px; text-decoration:none; text-align:center; font-weight:bold;} #content a.navi-button3 {position:absolute; top:55px; right:60px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url("../design/header-button.png") 0 0 repeat-x; font-size:12px; text-decoration:none; text-align:center; font-weight:bold;} #content a {color:#104186;text-decoration:underline;} #content a:visited {color:#104186;text-decoration:underline;} #content li a {color:#000;text-decoration:none;} #content li a:visited {color:#000;text-decoration:none;} #switchlink a {color:#000;text-decoration:none;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PAGE: HOMEPAGE -------------------------------------------------------------------------------------------------------------------------------------------------- */ .perex {margin:-15px -9px 0 -9px; padding:15px 9px; background:url("../design/perex.png") 0 100% repeat-x;} .perex p {margin:0;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PAGE: ABOUT US -------------------------------------------------------------------------------------------------------------------------------------------------- */ .team li {padding:10px 0; background:none;} .team li:last-child {padding-bottom:0; border:0;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PAGE: PORTFOLIO -------------------------------------------------------------------------------------------------------------------------------------------------- */ .portfolio li {padding:10px 0; background:none;} .portfolio li:last-child {padding-bottom:0; border:0;} .portfolio li h2, .portfolio li p {margin:0;} .portfolio li img {margin:7px 0;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PAGE: IMAGE GALLERY -------------------------------------------------------------------------------------------------------------------------------------------------- */ .gallery {margin:15px -9px;} .gallery li {display:block; float:left; margin-left:4px; margin-bottom:4px; padding:0; background:none;} .gallery li img {display:block;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PORTLET: TEXT BOX -------------------------------------------------------------------------------------------------------------------------------------------------- */ .text-box {margin:15px 0; padding:9px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .text-box p:first-child {margin-top:0;} .text-box p:last-child {margin-bottom:0;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PORTLET: PAGINATION -------------------------------------------------------------------------------------------------------------------------------------------------- */ .pagination {clear:both; text-align:center;} .pagination a {margin:0 3px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:center; text-decoration:none; font-weight:bold;} .pagination strong {margin:0 3px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:center;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PORTLET: GROUP OF LINKS -------------------------------------------------------------------------------------------------------------------------------------------------- */ .group {margin:10px 0; padding:0; list-style:none;} .group li {margin:0; padding:0; background:none;} .group li a {display:block; padding:10px; padding-right:35px; background:url("../design/arrow.png") 100% 50% no-repeat; text-decoration:none; font-weight:bold;} .group li a:hover {-webkit-tap-highlight-color:transparent;} .group li:first-child a {-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-left-radius:10px; -moz-border-top-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px;} .group li:last-child a {-webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PORTLET: IMAGE SLIDER -------------------------------------------------------------------------------------------------------------------------------------------------- */ #slider-box {margin:0 -9px; padding-top:15px; background:url("../design/slider.png") 0 0 repeat-x;} #slider {width:300px; margin:0 auto;} #slider ul, #slider li {margin:0; padding:0; list-style:none;} #slider li {width:300px; height:230px; overflow:hidden;} #controls {width:300px; height:28px; margin:12px auto; padding:0;} #controls li {display:inline;} #controls li a {display:block; float:left; margin-left:9px; padding:5px 10px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-align:center; font-weight:bold; text-decoration:none;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- PORTLET: TWITTER FEED -------------------------------------------------------------------------------------------------------------------------------------------------- */ #twitter_update_list {} #twitter_update_list li {padding:0; background:none;} #twitter_update_list li span {display:block;} .autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-no-suggestion { padding: 2px 5px;} .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: bold; color: #000; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } /*Buttons*/ .SocialRow { display: table; width: 100%; /*Optional*/ table-layout: fixed; /*Optional*/ border-spacing: 0px; /*Optional*/ height:22px; } .SocialColumn1 { display: table-cell; vertical-align:top; width: 55px; float:left; } .SocialColumn2 { display: table-cell; vertical-align:top; width: 67px; float:left; } .SocialColumn3 { display: table-cell; vertical-align:top; width: 160px; float:left; } .SocialColumn4 { display: table-cell; vertical-align:top; width: 100px; float:left; } .tradebtn { -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; font-family: Arial; color: #ffffff; font-size: 12px; background: #228700; padding: 4px 10px 4px 10px; text-decoration: none; } .tradebtn:hover { background: #169100; text-decoration: none; } span.tradesmall{font-size:8px;color:#666;letter-spacing:0.7px;} /* start trade table */ .tradetable,.tradetable td { border : 1px solid #cecece; border-collapse : collapse; font : "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; } .tradetable { width :480px; border :none; border :1px solid #cecece; margin-top: 8px; } .tradetable thead th, .tradetable tbody th { text-align : left; background: #cecece; color: #2e47c5; padding : 3px 5px; border-left: 1px solid #cecece; border-color: initial; } .tradetable tbody th { border-top: 1px solid #cecece; text-align : left; font-weight: normal; } .tradetable tbody tr td { padding: 3px 5px; } .tradetable tbody tr.odd { background: #efefef; } .tradetable tbody tr td { padding : 3px 5px; color : #666; } .tradetable tfoot td, .tradetable tfoot th { border-left : none; border-top : 1px solid #cecece; padding : 3px 5px; background : #EFEFEF; color : #666; } .pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #ddd;width:100%;margin-top:10px;}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center} .pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#f5f5f5;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f5f5f5}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f5f5f5}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0} .pure-table tfoot {border-top: 1px solid #cbcbcb;background-color:#f5f5f5;color:#000;} .pure-table a {color:#007fb9;} .pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em} .pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}