/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements.  See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
body {
    font-family: arial, Sans-serif, verdana;
    color: #000000;
    background: #ffffff;
    overflow: scroll;
}

#body {
    margin-left: 20px;
}

/* page */
#page {
    margin: auto;
    width: 1000px;
    font-family: arial, Sans-serif, verdana;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

#header {
    background-color: #ffffff;
    width: 1000px;
    height: 128px;
}

#logo {
    width: 402px;
    height: 119px;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}

#homepage_lh {
    float: left;
    width: 710px;
    margin-left: 12px;
}

#mainhomeimg {
    margin-top: 3px;
    width: 709px;
    height: 288px;
}

#phoneno {
    margin-top: 65px;
    width: 560px;
    color: #a4b373;
    font-size: 18px;
    float: left;
    text-align: right;
}

#btsection {
    width: 710px;
    margin-top: 8px;
    margin-left: 5px;
}

#btsectionhead {
    font-size: 18px;
    font-weight: bold;
    color: #455660;
}

#btsectiontxt {
    width: 700px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #000000;
}

#hometestimonials {
    width: 710px;
    margin-top: 8px;
    margin-left: 5px;
    height: 200px;
}

#testsec1 {
    float: left;
    color: #878787;
    font-size: 13px;
    line-height: 18px;
    width: 200px;
    margin-top: 8px;
    margin-bottom: 10px;
}

#testsec1 a {
    color: #878787;
}

#testsec2 a {
    color: #878787;
}

#testsec3 a {
    color: #878787;
}

#testsec2 {
    float: left;
    color: #878787;
    line-height: 18px;
    font-size: 13px;
    width: 200px;
    margin-top: 8px;
    margin-left: 40px;
    margin-bottom: 10px;
}

#testsec3 {
    float: left;
    color: #878787;
    font-size: 13px;
    line-height: 18px;
    width: 200px;
    margin-top: 8px;
    margin-left: 40px;
    margin-bottom: 10px;
}

#rhsection {
    float: left;
    width: 255px;
    margin-left: 10px;
}

#rhsec1 {
    margin-top: 5px;
    height: 280px;
}

#rhsec2 {
    margin-top: 15px;
}

#rhtable1 {
    margin-top: 5px;
    font-size: 13px;
    color: #a4b373;
    line-height: 22px;
    padding-left: 22px;
}

#rhtable1 a {
    font-size: 12px;
    color: #455660;
}

#homelatestnews {
    font-size: 12px;
    color: #455660;
}

#footertext1 {
    float: left;
    width: 340px;
    margin-top: 15px;
    margin-left: 15px;
    font-size: 12px;
    font-weight: normal;
    color: #c3d945;
    line-height: 16px;
}

#footertext1 a {
    font-size: 13px;
    color: #ffffff;
}

#footertext2 {
    float: left;
    width: 310px;
    margin-top: 15px;
    margin-left: 2px;
    font-size: 12px;
    font-weight: normal;
    color: #c3d945;
    line-height: 16px;
}

#footertext2 a {
    font-size: 13px;
    color: #ffffff;
}

.txtwing {
    color: #455660;
    font-size: 16px;
    font-weight: normal;
}

#contactus {
    width: 145px;
    height: 65px;
    float: right;
    margin-top: 3px;
    margin-right: 10px;
    color: yellow;
}

#contactus a {
    color: yellow;
    font-size: 24px;
    font-family: arial, Sans-serif, verdana;
}

#memberlogin {
    float: left;
    margin-left: 850px;
    margin-top: -40px;
}

#memberlogin a {
    font-size: 18px;
    font-family: arial;
    text-decoration: none;
    color: #facd09;
}

#back_homeimages {
    background-image: url(../images/back_homeimages.jpg);
    background-repeat: no-repeat;
    width: 1000px;
    height: 184px;
}

#otba_rotateimg {
    width: 689px;
    height: 173px;
    float: left;
    margin-left: 16px;
}

#yellow_imgbox {
    background-image: url(../images/yellow_imgbox.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 288px;
    height: 205px;
    margin-top: -21px;
}

#joinus {
    float: left;
    margin-left: 15px;
    margin-top: 23px;
    font-size: 24px;
    color: #ffffff;
    width: 230px;
}

#yellinfo {
    float: left;
    margin-left: 15px;
    color: #000000;
    font-size: 12px;
    width: 260px;
    margin-top: 5px;
}

#btnsubmit {
    float: left;
    width: 250px;
    text-align: right;
    margin-left: 20px;
}

#otbahomeinfo {
    width: 1000px;
    min-height: 200px;
    margin-top: 10px;
}

#hometxt1 {
    width: 630px;
    float: left;
    margin-left: 15px;
}

#hometxt2 {
    width: 300px;
    float: left;
}

#homeheadtxt {
    font-family: arial;
    font-weight: normal;
    font-size: 26px;
    color: #455560;
    text-align: left;
    width: 610px;
}

#hometxthome {
    font-family: arial;
    font-weight: normal;
    font-size: 12px;
    color: #455660;
    text-align: left;
    width: 600px;
    margin-top: 10px;
    line-height: 20px;
}

#homehead2 {
    font-family: arial;
    font-weight: normal;
    font-size: 26px;
    color: #455560;
    text-align: left;
    width: 290px;
}

#footer {
    background-image: url(../images/footerback2.jpg);
    background-repeat: no-repeat;
    width: 1000px;
    height: 124px;
    clear: both;
}

#socialnets {
    float: left;
    margin-top: 20px;
    width: 189px;
    height: 55px;
    margin-left: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #c3d945;
}

#footerlogo {
    float: left;
    width: 105px;
    text-align: right;
    margin-top: 45px;
}

#footertext {
    float: left;
    margin-top: 20px;
    width: 470px;
    height: 40px;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

#form_contact {
    font-family: Arial;
    float: left;
}

#cont {
    margin-left: 11px;
    margin-bottom: 270px;
}

#bdtxt {
    font-family: arial;
    text-align: left;
    font-size: 14px;
    color: #000000;
    margin-left: 10px;
}

#voipbd {
    margin-left: 10px;
}

.table2 {
    width: 200px;
    height: 200px;
    margin-left: 0px;
    font-size: 12px;
    vertical-align: top;
    font-family: arial;
}

.formtextarea {
    color: #0b0b0b;
    font-size: 12px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    letter-spacing: 0.02em;
    width: 300px;
    height: 100px;
    font-family: Arial;
}

#imageback_contact {
    background-image: url(../images/);
    background-repeat: no-repeat;
    margin-bottom: 60px;
    height: 280px;
}

.t1 {
    font-size: 13px;
    font-family: arial;
    color: #455660;
    font-weight: normal;
}

.formfields {
    font-size: 12px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    letter-spacing: 0.02em;
    width: 300px;
    height: 20px;
}

.maintab {
    width: 600px;
    padding-left: 5px;
    vertical-align: top;
}

.wi {
    width: 300px;
    text-align: left;
}

/* tabs */
#tabs {
    background-image: url(../images/tabsback.jpg);
    background-repeat: no-repeat;
    height: 44px;
    width: 1000px;
    color: #455660;
    font-weight: bold;
}

#tabs a {
    font-family: arial, sans-serif, verdana;
    font-size: 18px;
    text-decoration: none;
    color: #455660;
    font-weight: normal;
}

#tabs a:hover {
    color: #c3d945;
}

#tabs table {
    height: 44px;
    font-family: arial, sans-serif, verdana;
    color: #455660;
    text-align: left;
    margin-left: 10px;
}

#tabs td {
    vertical-align: center;
    padding: 0px;
}

#tabs div {
    white-space: nowrap;
    text-align: right;
}

.tab {
    padding: .4em .4em;
    /*padding-left:.4em;
    padding-right:.4em;*/
}

.tab-selected {
    padding: .6em .6em;
    color: #1d607d;
    font-weight: bold;
}

.tab-separator {
    padding: .0em .0em;
}

.tab-pre-separator {
    
}

td.tab-post-separator {
    
}

#mainback {
    background-image: url(../images/mainbackimg.gif);
    background-repeat: no-repeat;
    width: 964px;
    height: 272px;
}

#costeffect {
    width: 206px;
    height: 101px;
    float: left;
    margin-top: 90px;
    margin-left: 15px;
}

#footerimg {
    background-image: url(../images/footerimg.gif);
    background-repeat: no-repeat;
    width: 964px;
    height: 214px;
    margin-top: -30px;
    margin-bottom: 10px;
}

#footerimage {
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    width: 964px;
    height: 216px;
    /*float:left;
margin-bottom:80px;*/
    margin-bottom: 10px;
    clear: both;
}

#main {
    width: 1000px;
    background-color: #ffffff;
}

#submain {
    float: left;
    width: 980px;
}

#foot {
    height: 40px;
    width: 964px;
}

#footerlink {
    width: 500px;
    height: 20px;
    margin-left: 160px;
    margin-top: -41px;
    float: left;
    font-size: 12px;
    font-family: arial;
    color: #124b68;
}

#footerlink a {
    font-size: 13px;
    color: #124b68;
}

#footertxt {
    height: 20px;
    font-size: 13px;
    color: #9a8f67;
    width: 270px;
    text-align: right;
    float: right;
    margin-right: 15px;
    margin-top: -41px;
    font-family: arial
}

#footerlinkcommon {
    width: 470px;
    height: 20px;
    margin-left: 160px;
    margin-top: 30px;
    float: left;
    font-size: 12px;
    color: #124b68;
    font-family: arial
}

#footerlinkcommon a {
    font-size: 13px;
    color: #124b68;
}

#footertxtcommon {
    height: 20px;
    font-size: 13px;
    color: #9a8f67;
    width: 270px;
    text-align: right;
    float: right;
    margin-right: 15px;
    margin-top: 30px;
    font-family: arial
}

#networksol {
    width: 257px;
    height: 105px;
    /*border:solid 1px #ffffff;*/
    float: left;
    color: #ffffff;
    margin-top: 45px;
    text-align: left;
    margin-left: 10px;
    font-size: 12px;
    line-height: 18px;
    font-family: arial, Sans-serif, verdana;
}

.moretxt {
    color: #ffffff;
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 8px;
}

#consultancy {
    width: 257px;
    height: 105px;
    /*border:solid 1px #ffffff;*/
    float: left;
    color: #ffffff;
    margin-top: 45px;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    font-family: arial, Sans-serif, verdana;
}

#webdatabase {
    width: 257px;
    height: 105px;
    /*border:solid 1px #ffffff;*/
    float: left;
    color: #ffffff;
    margin-top: 45px;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    font-family: arial, Sans-serif, verdana;
}

#latestnews {
    width: 160px;
    height: 15px;
    float: left;
    margin-top: 5px;
}

#latestimg {
    width: 144px;
    height: 120px;
    float: left;
    margin-top: 25px;
    margin-left: 18px;
}

h1 {
    font-size: 20px;
    margin-left: 0px;
    margin-top: 10px;
    font-weight: normal;
    font-family: arial;
    text-align: left;
    color: #455660;
}

/* menu */
#menu {
    font-family: arial, Sans-serif, verdana;
    background-color: #ffffff;
    color: #124b68;
    padding: 0px 0px 5px 25px;
}

#menu a {
    text-decoration: none;
    color: Maroon;
}

#menu a:hover {
    text-decoration: underline;
}

.menublock-1,.menublock-selected-1 {
    padding: 0px;
    border-top: solid 1px #DDBBBB;
    background: #FFCCCC;
}

.menublock-1 a {
    
}

.menublock-1 a:visited {
    
}

.menublock-1 .menublock-2 {
    display: none;
}

.menublock-selected-1 .menuitem-1 {
    background-color: #FFEEEE;
}

.menublock-1          .menuitem-1 {
    
}

.menuitem-1 {
    padding: 5px 5px 5px 5px;
    font-size: 80%;
}

.menuitem-2 {
    padding: 2px 5px 2px 25px;
    font-size: 80%;
}

.menuitem-selected-2 {
    padding: 2px 5px 2px 25px;
    font-size: 80%;
    color: black;
}

.menuitem-2 a {
    
}

.menuitem-selected-1 {
    background-color: #FFEEEE;
    padding: 5px 5px 5px 5px;
    font-size: 80%;
}

.menuitem-3 {
    padding: 2px 5px 2px 25px;
    font-size: 60%;
}

.menuitem-selected-3 {
    padding: 2px 5px 2px 25px;
    font-size: 60%;
}

/* breadcrumb */
#breadcrumb {
    padding: 3px 0px 3px 30px;
    background-color: #FFEEEE;
    border-top: solid 1px #BB9999;
    border-bottom: solid 1px #BB9999;
    font-family: Arial, Verdana, Sans-serif;
    font-size: 80%;
}

#breadcrumb a {
    text-decoration: none;
    color: Maroon;
}

#search {
    font-family: Arial, Verdana, Sans-serif;
    font-size: 80%;
    margin-right: 10px;
    float: right;
    position: relative;
    top: -20px;
}

input.searchfield {
    font-size: 80%;
    background-color: #ffffff;
    border: 1px solid #BB9999;
}

input.searchsubmit {
    font-size: 80%;
    color: Maroon;
    background-color: #FFEEEE;
    border: 1px solid #BB9999;
}

input.searchsubmit:hover {
    background-color: #DDBBBB;
}

/*
#search a {
    text-decoration: none;
    color: Maroon;
}
*/ /* body */
h4 {
    font-size: 11px;
    color: #125877;
}

h3 {
    font-size: 80%;
}

p {
    font-family: Arial, Verdana, Sans-serif;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}

ul li {
    font-family: Arial, Verdana, Sans-serif;
    text-align: justify;
    font-size: 12px;
}

ol li {
    text-align: justify;
    font-size: 11px;
    font-family: Arial, Verdana, Sans-serif;
}

.crossheading {
    font-weight: bold;
    font-size: 110%;
}

table.simple {
    border-collapse: collapse;
    /*
    background-color: #909090;
    border-color: #909090;
*/
    width: auto;
}

td.simple {
    font-size: 80%;
    padding: 3px;
    background-color: White;
    border: solid 1px Navy;
    vertical-align: top;
}

img.simple {
    
}

#publication-title {
    font-family: Arial, Verdana, Sans-serif;
    font-weight: bold;
    font-size: 20px;
    vertical-align: bottom;
    padding-left: 25px;
    padding-bottom: 15px;
    color: Maroon;
}

#project-logo {
    padding: 10px 20px 0px 0px;
    text-align: right;
}

.media {
    text-align: center;
    padding: 10px;
}

.caption {
    padding: 5px;
    text-align: center;
    font-style: italic;
    font-size: 80%;
}

.abstract {
    font-weight: bold;
}

/*h1 {
    font-size: 120%;
    color: Maroon;
}*/
h2 {
    font-family: arial;
    font-weight: normal;
    font-size: 20px;
    color: #455560;
    text-align: left;
}

#uptxt {
    font-family: arial;
    font-weight: bold;
    font-size: 17px;
    color: #b5ba44;
    margin-top: 20px;
    text-align: left;
    margin-left: 10px
}

#gth {
    font-family: arial;
    font-weight: bold;
    font-size: 15px;
    color: #b5ba44;
    margin-top: 20px;
    text-align: left;
}

.contf {
    font-family: arial;
    font-weight: bold;
    color: #b5ba44;
    font-size: 12px;
}

h3 {
    font-family: arial;
    font-weight: bold;
    font-size: 18px;
    color: #124b68;
    margin-top: 20px;
    text-align: left;
    margin-left: 10px;
}

.asset {
    display: block;
    color: #000;
    font-size: 10px;
    margin: 10px 10px 10px 5px;
}

/*custom css*/
.header {
    width: 100%;
}

.savills {
    font-family: Andale Mono, arial;
    font-size: 18px;
    vertical-align: bottom;
    border-right: solid 1px #9e9e9e;
    color: #9e9e9e;
    letter-spacing: -.06em;
    padding-bottom: 9px;
}

.arrangeview {
    font-family: Andale Mono, arial;
    font-size: 18px;
    vertical-align: bottom;
    color: #9e9e9e;
    letter-spacing: -.06em;
}

.phone {
    font-family: Andale Mono;
    font-size: 24px;
    vertical-align: bottom;
    color: #ffcc00;
    letter-spacing: .01em;
}

.foottext {
    font-family: arial;
    font-size: 20px;
    color: #9e9e9e;
    letter-spacing: -.5px;
    line-height: 24px;
    vertical-align: middle;
    text-align: left;
}

.footertable {
    width: 100%;
}

.footertext2 {
    font-family: arial;
    font-size: 11px;
    color: #9e9e9e;
    vertical-align: middle;
    line-height: 21px;
}

.footertext2 a {
    text-decoration: none;
    font-family: arial;
    color: #9e9e9e;
    font-size: 11px;
    letter-spacing: .5px;
    word-spacing: 2px;
}

#submain2 {
    float: left;
    width: 424px;
    height: 371px;
}

a {
    text-decoration: none;
    color: #b2aa7d;
}

a:hover {
    color: #c5c483;
}

#emailform {
    background-color: #f8f7ed;
    float: left;
    width: 558px;
    height: 370px;
    overflow: scroll;
    overflow-x: visible;
    border-bottom: solid 1px #eeeeef;
}

.text1 {
    width: 300px;
}

.text2 {
    width: 300px;
    height: 200px;
}

.submitbutton {
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
    width: 63px;
    height: 21px;
    border: 0px;
    color: #ffffff;
    font-weight: bold;
}

.sub {
    background-color: #125877;
    width: 80px;
    height: 26px;
    border: 0px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}

.headimage {
    width: 530px;
    height: 45px;
}

.specs {
    width: 500px;
}

.specs thead {
    background-color: #b4ac7e;
    color: #ffffff;
    border: 0px;
    font-size: 12px;
    font-family: arial;
    text-align: center;
}

.specs tbody {
    background-color: #f8f7ed;
    border: 0px;
    color: #b2aa7d;
    font-size: 12px;
    font-family: arial;
    text-align: center;
}

.sitemap {
    text-decoration: none;
    font-size: 14px;
    font-family: arial;
}

#pic {
    
}

#sidebg {
    width: 263px;
    margin-left: 0px;
}

#rightsidearea {
    margin-left: 7px;
    height: 174px;
    width: 260px;
}

.bgt {
    background-image: url(../images/tbl33.jpg);
    background-repeat: repeat-y;
    background-position: top right;
    vertical-align: top;
}

.conbgt {
    background-image: url(../images/tbl33.jpg);
    background-repeat: repeat-y;
    background-position: top right;
    vertical-align: top;
}

#imgbar {
    background-image: url(../images/imgbar.jpg);
    background-repeat: no-repeat;
    width: 263px;
    height: 45px;
    margin-left: 7px;
}

#bartxt {
    color: #ffffff;
    font-size: 14px;
    font-family: arial;
    margin-left: 6px;
    margin-top: 0px;
    line-height: 20px;
}

#img1 {
    width: 260px;
    height: 219px;
}

.bgh {
    width: 500px;
}

.bgh1 {
    height: 487px;
    margin-right: -20px;
}

.bgh2 {
    width: 964px;
    height: 487px;
}

#comp {
    margin-left: 10px;
}

#tblbgu {
    background-image: url(../images/tablebgup.jpg);
    background-repeat: no-repeat;
    width: 445px;
    height: 29px;
    margin-left: 10px;
}

#tblbg {
    background-color: #e4e4e4;
    margin-left: 10px;
    width: 445px;
    height: 242px;
}

#tblbgl {
    background-image: url(../images/tablebglw.jpg);
    background-repeat: no-repeat;
    width: 445px;
    height: 29px;
    margin-left: 10px;
}

.tbl {
    margin-top: 0px;
}

#btn {
    width: 435px;
    margin-top: 10px;
}

#err {
    margin-left: 10px;
}

.bsdtxt {
    color: #0f415d;
    font-size: 18px;
    font-family: arial;
    font-weight: normal;
}

.ssdtxt {
    color: #0f415d;
    font-size: 17px;
    font-family: arial;
}

#sdtxt {
    margin-left: 15px;
    margin-top: 10px;
}

.sltxt {
    color: #78a5b9;
    font-size: 17px;
    font-family: arial;
    width: 200px;
}

.ssltxt {
    color: #0f415d;
    font-size: 12px;
    font-family: arial;
}

.bsline {
    background-image: url(../images/side_bgf.jpg);
    background-repeat: no-repeat;
}

.txtdec {
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
}

.ltxtdec {
    color: #ffffff;
    text-decoration: none;
}

ul {
    font-family: Arial, Verdana, Sans-serif;
    font-size: 10px;
    color: #124B68;
}

ul p {
    font-family: Arial, Verdana, Sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 5px 0;
}

.bluetxt {
    color: #65A2BE;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
}

.customsitemap a {
    color: #124B68;
    font-family: Arial, Verdana, Sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: lowercase;
}

.customsitemap a:hover {
    color: #C5C483;
    font-family: Arial, Verdana, Sans-serif;
    font-size: 12px;
    text-decoration: none;
}

/*lightbox area */
#lightbox {
    background-color: #eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails {
    font-size: 0.8em;
    padding-top: 0.4em;
}

#lightboxCaption {
    float: left;
}

#keyboardMsg {
    float: right;
}

#keyboardMsg a {
    color: #c8322e;
    text-decoration: none;
}

#closeButton {
    top: 0px;
    right: 0px;
}

#lightbox img {
    border: none;
    clear: both;
}

#overlay img {
    border: none;
}

#overlay {
    background-image: url(../images/overlay.png);
}

* html #overlay {
    background-color: #333333;
    back\ground-color: transparent;
    background-image: url(../images/blank.gif);
    filter: progid :   DXImageTransform.Microsoft.AlphaImageLoader (   src =
        
		 "../images/overlay.png", sizingMethod =   "scale" );
}

/* end Lightbox Area */
#webdesignpage {
    width: 670px;
    height: 200px;
    margin-bottom: 15px;
    margin-left: 18px;
}

.area_webdesign {
    width: 217px;
    height: 198px;
    background-image: url(../images/bg_webdesign.jpg);
    float: left;
    margin-left: 5px;
}

.area_clients {
    margin-left: 23px;
    margin-top: 15px;
    line-height: 15px;
    width: 170px;
}

#lhs_sec {
    float: left;
    width: 680px;
    margin-left: 20px;
}

#rhs_sec { /*float:right;*/
    width: 264px;
    margin-left: 0px;
    background-image: url(../images/tbl33.jpg);
    background-position: right top;
    background-repeat: repeat-y;
}

#rhs_sec1 {
    float: left;
    margin-top: -229px;
    background-image: url(../images/tbl33.jpg);
    background-repeat: repeat-y;
    background-position: top right;
    width: 264px;
    margin-left: 15px;
}

#submainwebdesign {
    float: left;
    width: 670px;
    margin-left: 15px;
    background: #ffffff;
}

.mainimage {
    float: left;
    width: 215px;
    height: 184px;
    margin-top: 20px;
    margin-left: 10px;
}

.rightsection_separator {
    border-top: 1px dotted #B2B0B1;
    margin-right: 10px;
    margin-left: 10px;
    line-height: 5px;
}

/************************************searchtraders******************************************************/
.byarea {
    width: 300px;
    border: solid 1px #facd09;
}

.byname {
    width: 297px;
    border: solid 1px #facd09;
}

#searchtaghead {
    font-size: 13px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 20px;
}

#searchtag {
    width: 750px;
    border: dotted 1px #facd09;
    font-size: 13px;
    color: #000000;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 15px;
}

#searchtag a {
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    color: #facd09;
}

#searchtag a:hover {
    color: #000000;
    text-decoration: none;
    font-size: 15px;
}

#searchtradertable {
    margin-left: 20px;
    margin-top: 15px;
}

#searchtradertd {
    font-size: 13px;
    font-weight: bold;
}

#findtraderslink {
    font-size: 18px;
    font-style: italic;
    margin-left: 38px;
    letter-spacing: .2em;
    margin-top: 10px;
}

#findtraderslink a {
    font-size: 18px;
    font-style: italic;
    letter-spacing: .2em;
    color: #000000;
}

.t1link {
    color: #facd09;
}

.t1link a {
    color: #44545f;
    font-weight: bold;
    font-size: 12px;
}

.t2txt {
    color: #000000;
    font-size: 12px;
}

.schoolli {
    line-height: 20px;
    color: #85ba2c;
}

.schoolli a {
    font-size: 18px;
    color: #85ba2c;
}

#schoolimg {
    width: 300px;
    height: 300px;
    text-align: center;
}

#section {
    width: 1000px;
    margin-top: 30px;
    margin-bottom: 20px;
}

#sec1 {
    float: left;
    width: 250px;
    margin-left: 40px;
    color: #85ba2c;
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
}

#sec1 a {
    color: #455660;
    font-weight: bold;
}

#sec2 {
    float: left;
    width: 641px;
}

.txtg {
    color: #85ba2c;
    font-size: 16px;
    font-weight: bold;
}

#sec3 {
    width: 850px;
    height: 20px;
    float: left;
}

h5 {
    font-size: 14px;
    color: #455660;
    text-align: center;
}

.newsItem p {
    font-size: 13px;
    color: #a4b373;
    width: 250px;
    line-height: 2px;
}

.schoolarea {
    margin-left: 20px;
    margin-bottom: 10px;
    float: left;
    width: 450px;
}

#schoolmap {
    margin-right: 40px;
    margin-bottom: 10px;
    float: right;
}

#wingtsuntimetable {
    text-align: left;
}

#schooladdr {
    font-size: 13px;
    margin-top: 10px;
    line-height: 16px;
}

#telephone {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#ajaxticker1 {
    width: 200px;
    height: 200px;
    float: left;
    background-color: #ffffff;
}

#ajaxticker1 div {
    /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
    background-color: #ffffff;
}

#ajaxticker2 {
    width: 200px;
    height: 200px;
    margin-left: 40px;
    float: left;
    background-color: #ffffff;
}

#ajaxticker2 div {
    /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
    background-color: #ffffff;
}

#ajaxticker3 {
    width: 200px;
    height: 200px;
    margin-left: 40px;
    float: left;
    background-color: #ffffff;
}

#ajaxticker3 div {
    /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
    background-color: #ffffff;
}

.formfieldsschool {
    font-size: 12px;
    border: 0px;
    background-color: #ffffff;
    letter-spacing: 0.02em;
    width: 300px;
    height: 20px;
    border: solid 1px #cccccc;
}

#sys1 {
    float: left;
    width: 400px;
    margin-left: 77px;
}

#sys2 {
    width: 420px;
    text-align: center;
    float: left;
    margin-left: 60px;
}

#syssub {
    width: 400px;
    text-align: center;
}

#syssub1 {
    width: 400px;
    text-align: center;
}

#syssub23 {
    width: 400px;
}

#syssub2 {
    width: 200px;
    float: left;
    text-align: left;
}

#syssub3 {
    width: 200px;
    float: left;
    text-align: right;
}

#sys3 {
    width: 980px;
    float: left;
    margin-top: 30px;
    margin-bottom: 20px;
}

#systxt {
    width: 410px;
    color: #455660;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    line-height: 17px;
}

#sysimg {
    margin-top: 20px;
    width: 410px;
}

#systxt1 {
    font-size: 12px;
    color: #455660;
    text-align: center;
}

#systxt1 a {
    font-size: 12px;
    color: #455660;
}

#sysnum {
    font-size: 11px;
    color: #455660;
    float: left;
    margin-top: -18px;
    margin-left: 8px;
}

img {
    border: 0px;
}

#sys3 table {
    width: 450px;
    height: 320px;
    border-collapse: collapse;
}

#sys3 table td {
    width: 50px;
    height: 80px;
    border-top: solid 4px #455660;
    border-right: solid 6px #455660;
    border-left: solid 6px #455660;
    border-bottom: solid 4px #455660;
}

.phasetxt {
    float: left;
    font-size: 15px;
    color: #455660;
    width: 960px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
}

.syshead {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #455660;
    padding-bottom: 3px;
    padding-top: 6px;
}

.systxt2 {
    float: left;
    font-size: 13px;
    font-weight: normal;
    color: #455660;
    line-height: 18px;
}

#schoolarea1 {
    float: left;
    width: 450px;
    margin-left: 20px;
    margin-bottom: 10px;
}

#section1 {
    float: left;
    width: 1000px;
    margin-top: 10px;
}

#instructor_img {
    float: left;
    width: 250px;
    height: 200px;
    border: solid 2px #455660;
}

#imglayer {
    
}

#intro_school {
    overflow-y: scroll;
    overflow-x: hidden;
    float: left;
    width: 417px;
    height: 200px;
    border: solid 2px #455660;
    margin-left: 18px;
}

#introlayer {
    color: #455660;
    font-weight: normal;
    font-size: 14px;
    margin-left: 6px;
    margin-top: 6px;
}

#introlayer1 {
    padding: 6px;
}

#quick_links {
    float: left;
    border: solid 2px #455660;
    width: 250px;
    height: 200px;
    margin-left: 18px;
}

#quicklayer1 {
    margin-top: 10px;
    margin-left: 5px;
    font-size: 16px;
    color: #455660;
    font-weight: normal;
}

#quicklayer2 ul {
    list-style: none;
}

#quicklayer2 li a {
    font-size: 14px;
    color: #455660;
    font-weight: normal;
    line-height: 18px;
}

#section2 {
    width: 960px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border: solid 2px #455660;
}

#testimonialayer1 {
    font-size: 18px;
    font-weight: bold;
    color: #455660;
    float: left;
    width: 960px;
    margin-left: 20px;
    margin-top: 20px;
}

#testimonialayer2 {
    width: 960px;
    float: left;
    margin-left: 20px;
    height: auto;
    margin-top: 10px;
}

.testimonialayer3 {
    width: 960px;
    float: left;
    margin-left: 20px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.testimonialayerhome {
    height: auto;
    float: left;
    margin-bottom: 10px;
}

.testimonialayerhome span {
    margin-right: 55px;
    height: auto;
}

.testimonialayer3 span {
    margin-right: 140px;
    margin-top: 10px;
}

#ajaxticker11 {
    width: 280px;
    height: auto;
    float: left;
    background-color: #ffffff;
}

#ajaxticker11 div {
    /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
    background-color: #ffffff;
}

#ajaxticker22 {
    width: 280px;
    height: auto;
    margin-left: 40px;
    float: left;
    background-color: #ffffff;
}

#ajaxticker22 div {
    /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
    background-color: #ffffff;
}

#ajaxticker33 {
    width: 280px;
    height: auto;
    margin-left: 40px;
    float: left;
    background-color: #ffffff;
}

#ajaxticker33 div {
    /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
    background-color: #ffffff;
}

#section3 {
    width: 1000px;
    float: left;
    margin-top: 25px;
}

#section3layer1 {
    float: left;
    width: 400px;
}

#instructor_head {
    color: #455660;
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
    margin-left: 5px;
}

#instructor_head {
    color: #455660;
    font-size: 16px;
    font-weight: normal;
}

#instructorimg {
    width: 180px;
    height: 180px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
    border: solid 4px #455660;
}

#instructorfacts {
    font-size: 13px;
    color: #455660;
    font-weight: normal;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

#instructorfacts ul {
    list-style: none;
}

#instructorfacts li {
    color: #455660;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    margin-left: -39px;
}

#section3layer2 {
    float: left;
    width: 520px;
    margin-left: 30px;
}

#school_timetable {
    color: #455660;
    font-size: 16px;
    font-weight: normal;
    height: 30px;
    margin-top: 5px;
    margin-left: 5px;
}

#venue_img {
    width: 200px;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    color: #455660;
    border: solid 2px #455660;
    line-height: 21px;
}

#section4 {
    width: 1000px;
    float: left;
    margin-top: 25px;
}

#section4layer1 {
    float: left;
    width: 400px;
    margin-left: 20px;
}

#section4layer2 {
    float: left;
    width: 520px;
    margin-left: 30px;
}

#section5 {
    width: 1000px;
    float: left;
    margin-top: 25px;
    margin-bottom: 20px;
}

#pic_floor_layout {
    width: 400px;
    float: left;
    margin-left: 20px;
    border: solid 2px #455660;
    height: 400px;
}

#gmap {
    width: 520px;
    height: 400px;
    float: left;
    margin-left: 30px;
    border: solid 2px #455660;
}

#wingtsun_head {
    width: 980px;
}

.wingtsuntb td {
    font-size: 13px;
    font-color: #455660;
}

#section6 {
    width: 1000px;
    float: left;
    margin-top: 25px;
    margin-bottom: 20px;
}

#section6layer2 {
    float: left;
    width: 738px;
    margin-left: 30px;
}

#schooltimetable {
    width: 720px;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    color: #455660;
    height: auto;
    border: solid 2px #455660;
}

#section6layer1 {
    float: left;
    width: 200px;
}

#maparea1 {
    border: 2px solid #455660;
}

.schoolinfo {
    font-size: 12px;
    padding-left: 15px;
    padding-top: 15px;
}

.schoolinfo a {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.schoolinfo1 {
    font-size: 12px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
}

.schoolinfo1 a {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.line-sep {
    border-bottom: solid 1px #000000;
    width: 235px;
    height: 10px;
    margin-left: 5px;
}

.round_bg_top {
    background-image: url(../images/scback_top.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    width: 248px;
    float: left;
}

.round_bg_bottom {
    background-image: url(../images/scback_bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 246px;
    float: left;
}

.round_bg_middle {
    background-image: url(../images/scback_middle.jpg);
    background-repeat: y-repeat;
    float: left;
    margin-bottom: 10px;
}

#quickdirectory {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    color: #455660;
}

#quickheadtxt {
    color: #455660;
    font-size: 18px;
}

#bargray {
    border-bottom: solid 4px #455660;
    height: 4px;
    width: 130px;
}

#quicklinks {
    margin-top: 10px;
    line-height: 24px;
}

#quicklinks a {
    color: #455660;
    font-size: 14px;
}

#schoollinks {
    float: left;
    width: 270px;
    margin-left: 50px;
    margin-top: 10px;
}

#schoollinks a {
    font-size: 14px;
    font-weight: bold;
}

.schoolinfored {
    color: red;
    font-size: 12px;
    padding-left: 15px;
    padding-top: 15px;
}

.schoolinfored a {
    color: red;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.schoolinfo1red {
    color: red;
    font-size: 12px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
}

.schoolinfo1red a {
    color: red;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.schoollinksnew {
    color: #455660;
    font-size: 14px;
    font-weight: bold;
}

.partners{
    margin-top:10px;
    width:300px;
    height:380px;
    float: left;
    margin-right: 20px;
}

.partnerstxt{
    margin-top:10px;
    width:270px;
    padding:5px;
    height:auto;
}

.partnersimg{
    width: 300px;
    height: 254px;
}