/* Site name
   Author:     Your name
   ----------------------------------------------------*/
/* COLORS
   Body Background:       #fff
*/
/* GLOBAL
   HEADER
   CONTENT
   FOOTER
   FORMS
*/

/* =GLOBAL
   ----------------------------------------------------*/
    body {
        text-align: center;
        margin: 0;
        padding: 0;
        font-size: 100.1%;
        line-height: 1.1em;
        font-family: arial;
        height: 100%;
        font-family: verdana;
        background: url(../img/orange-bg.jpg) 0px 196px repeat-x #F6B420;
    }

    * {
        outline: none;
    }

    .clear {
        clear: both;
    }

    .right {
        float: right;
    }

    .left {
        float: left;
    }

    button {
        background: transparent;
        padding: 0;
        margin: 0;
        display: inline;
        border: 0;
        cursor: pointer;
    }

    a {
        color: #f0751a;
    }
    a:hover {
        text-decoration: none;
    }

    a img {
        border: 0;
    }

    .hidden,
    .confirmEmail {
        display: none;
    }

    input, textarea, select {
        font-family: arial;
        padding: 0.1em;
        font-size: 1em;
    }

    #blueWrapper {
        background: url(../img/blue-bg.jpg) center top repeat-x;
    }

    #wrapper {
        margin: 0 auto;
        width: 970px;
    }

    h1 {
        font-family: "BudHand";
        font-size: 19pt;
        line-height: 19pt;
    }

    h2 {
        font-family: "BudHand";
        font-size: 15pt;
    }
    h2.img {
        font-family: verdana;
    }
    h1 a,h2 a,h3 a {
        color: #000;
        text-decoration: none;
    }
    .center {
        text-align: center;
    }
    .compact {
        margin: 0;
        padding: 0;
    }
    .grey {
        color: #999;
    }
/* =HEADER
   ----------------------------------------------------*/
    #header {
        text-align: left;
        padding-top: 5px;
        margin: 0 20px;
    }

    #header blockquote {
        float: right;
        color: #fff;
        font-size: 18pt;
        font-family: "Tw Cen MT Condensed";
        width: 700px;
        text-align: right;
        margin-left: 0;
        margin-right: 0;
    }

    #topNav {
        margin-top: 5px;
    }

    #topNavigation,
    #topDarkNavigation {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        background: #6890D7;
    }
    #topDarkNavigation {
        float: right;
    }

    #topNavigation li,
    #topDarkNavigation li {
        float: left;
        margin-right: 2px;
        height: 37px;
        overflow: hidden;
    }
    #topNavigation li.last,
    #topDarkNavigation li.last {
        margin-right: 0;
    }

    #topNavigation li a,
    #topDarkNavigation li a {
        background: #184a7b;
        display: block;
        padding: 10px 13px;
        color: #fff;
        text-decoration: none;
        font-size: 0.8em;
    }
    #topDarkNavigation li a {
        background: #0f2643;
        padding: 10px 13px;
    }

    #topNavigation li a:hover {
        background: #0f2643;
    }

    #topNavigation li a.selected,
    #topDarkNavigation li a.selected {
        background: #fff;
        color: #000;
        font-family: "Tw Cen MT Condensed";
        font-size: 15pt;
        padding: 9px 11px 9px 11px;
    }
    #topDarkNavigation li a.selected {
        padding: 9px 11px;
    }
/* =CONTENT
   ----------------------------------------------------*/
    #content {
        background: #fff;
    }

    .twoCol,
    .threeCol {
        padding: 20px 0;
        margin: 0 20px;
        text-align: left;
    }
    .twoCol .leftCol,
    .twoCol .rightCol,
    .threeCol .leftCol,
    .threeCol .rightCol,
    .threeCol .middleCol {
        float: left;
    }
    
    .tinyMceText {
        font-size: 0.75em;
    }
    
    .tinyMceText ul {
        margin: 0 0 0 20px;
        padding: 0;
        /*list-style-image: url(../img/arrow-right.gif);*/
    }
    
    .tinyMceText ul li {
        padding-bottom: 10px;
        padding-left: 5px;
    }

    #propertyNews {
        border: 1px solid #ccc;
        border-top: 0;
        margin-top: -15px;
        margin-bottom: 15px;
    }

    #propertyNews ul {
        list-style: none;
        padding: 0;
        margin-left: 25px;
        width: 300px;
    }

    #propertyNews ul li {
        border-bottom: 1px solid #ccc;
        background: url(../img/arrow-right.gif) center left no-repeat;
        padding: 10px 0;
    }

    #propertyNews ul li.last {
        border: 0;
    }

    #propertyNews ul li a {
        display: block;
        width: 285px;
        color: #000;
        text-decoration: none;
        margin-left: 15px;
        line-height: 1.1em;
    }

    #propertyNews ul li a:hover {
        text-decoration: underline;
    }

    #propertyNews ul li a .date {
        color: #2b84df;
    }

    .greyBox {
        border: 1px solid #d0dae5;
    }

    .mediumImage {
        background: url(../img/medium-image-bg.jpg) no-repeat;
        width: 156px;
        height: 114px;
        margin-bottom: 25px;
        text-align: center;
    }
    .mediumImage img {
        margin: 13px auto;
    }

    .squareBlueSunBeam {
        background: url(../img/square-blue-sun-beam.jpg) no-repeat;
        width: 307px;
        height: 249px;
    }
    .squareBlueSunBeam .content {
        margin: 25px 20px 20px 20px;
    }

    .imageContainer {
        border: 1px solid #fff;
        float: left;
    }
    .imageContainer img {
        margin: 4px;
        float: left;
    }

    .squareAngleBlueSunBeam,
    .plasteredImage {
        background: url(../img/square-angle-blue-sun-beam.jpg) no-repeat;
        width: 310px;
        height: 259px;
    }
    .plasteredImage {
        background: transparent;
    }
    .plasteredImage .topRightPlaster {
        position: absolute;
        margin-left: 154px;
        margin-top: -24px;
    }
    .plasteredImage .bottomLeftPlaster {
        position: absolute;
        margin-left: -28px;
        margin-top: 154px;
    }

/* =HOMEPAGE
   ----------------------------------------------------*/
    .homepage .twoCol .leftCol {
        width: 490px;
    }

    .homepage .twoCol .rightCol {
        float: right;
        width: 415px;
    }

    .homepage #topRightPlaster {
        position: absolute;
        margin-left: 367px;
        margin-top: -173px;
    }

    .homepage #bottomLeftPlaster {
        position: absolute;
        margin-left: -12px;
        margin-top: -55px;
    }

    #slideshow {
        height: 158px;
        width: 490px;
    }
    #slideshow img {
        position: absolute;
    }

    .feature {
        clear: both;
        padding-top: 15px;
    }

    .feature img {
        float: left;
        width: 67px;
    }
    
    .feature .content {
        border: 1px solid #ccc;
        border-left: 0;
        float: left;
        width: 422px;
        font-size: 0.9em;
        color: #999;
        line-height: 1em;
    }
    
    .feature .content h2 {
        margin: 0;
        color: #000;
    }
    
    .feature .content p {
        margin: 5px 0 0 0;
    }
    
    .feature .content img {
        float: none;
    }

    .feature .content .tinyMceText {
        margin: 10px 15px;
    }

    .feature .thumbnailBorder {
        position: absolute;
        margin-left: -490px;
    }

/* =ABOUT US
   ---------------------------------------------------*/
    .aboutus .threeCol .leftCol {
        width: 185px;
    }
    .aboutus .threeCol .middleCol {
        width: 413px;
    }
    .aboutus .threeCol .rightCol {
        width: 332px;
    }

    .aboutus .greyBox {
        width: 305px;
        float: right;
        font-size: 0.9em;
        line-height: 1.1em;
    }
    .aboutus .greyBox .tinyMceText{
        margin: 15px;
    }
    .aboutus .aboutTheMDImage {
        position: relative;
        margin-right: -10px;
        margin-top: -17px;
        float: right;
    }

    .aboutus .squareBlueSunBeam {
        float: right;
        color: #fff;
        margin-top: 35px;
        font-size: 0.9em;
        line-height: 1.1em;
    }
    .aboutus .squareBlueSunBeam .tinyMceText {
        float: right;
        width: 176px;
    }
    .aboutus .squareBlueSunBeam .tinyMceText h2 {
        margin: 10px 0 0 0;
    }
    .aboutus .squareBlueSunBeam .tinyMceText h2 a {
        color: #fff;
    }
    .aboutus #topPlaster {
        position: absolute;
        margin-left: 85px;
        margin-top: -20px;
    }
    .aboutus .rightCol .feature {
        width: 302px;
        float: right;
    }
    .aboutus h2.img {
        margin: 15px 21px 0 0;
        padding: 0;        
    }

/* =PARTNER COMPANIES AND CLIENTS
   ---------------------------------------------------*/
    .partnercompaniesandclients .leftCol {
        width: 616px;
    }        
    .partnercompaniesandclients .rightCol {
        width: 294px;
        float: right;
    }

    .partnercompaniesandclients .leftCol .twoCol {
        margin: 0;
        padding: 10px 0;
    }

    .partnercompaniesandclients .leftCol .leftCol,
    .partnercompaniesandclients .leftCol .rightCol {
        width: 296px;
        border: 1px solid #ccc;
        font-size: 0.9em;
    }
    .partnercompaniesandclients .leftCol .leftCol .content,
    .partnercompaniesandclients .leftCol .rightCol .content {
        margin: 10px;
    }

    .partnercompaniesandclients .leftCol .rightCol select {
        width: 100%;
    }
    .partnercompaniesandclients .leftCol .rightCol .company {
        margin-top: 10px;
    }

    .partnercompaniesandclients .rightCol .feature {
        border: 1px solid #ccc;
        padding: 7px 0;
        margin-top: 15px;
    }
    .partnercompaniesandclients .rightCol .feature .content {
        margin: 0 7px;
        border: 0;
        float: none;
        width: auto;
    }
    .partnercompaniesandclients .rightCol .feature .content .tinyMceText {
        margin: 10px 15px 0 0;
        float: right;
        width: 185px;
    }
    .partnercompaniesandclients .rightCol .feature .content .tinyMceText p {
        color: #999;
    }

/* =LAND AND PROPERTY AQUISITIONS
   ---------------------------------------------------*/   
    .landandpropertyaquisitions .rightCol {
        width: 276px;
    }
    .landandpropertyaquisitions .leftCol .rightCol .thumb {
        margin-right: 3px;
        margin-top: 3px;
    }
    .landandpropertyaquisitions .leftCol .rightCol .last {
        margin-right: 0;
    }
    .landandpropertyaquisitions .leftCol .rightCol .landAndProperty {
        margin-top: 29px;
    }
    .landandpropertyaquisitions .rightCol .form {
        background: url(../img/long-blue-sun-beam2.jpg) no-repeat;
        color: #fff;
        width: 276px;
        height: 430px
    }
    .landandpropertyaquisitions .rightCol form {
        margin: 0 25px;
        padding: 20px 0px;
    }
    .landandpropertyaquisitions .rightCol form button{
        margin-left: 127px;
    }
    .landandpropertyaquisitions #topPlaster {
        position: absolute;
        margin-left: 70px;
        margin-top: -21px;
    }

    .landandpropertyaquisitions .field {
        width: 220px;
    }
    .landandpropertyaquisitions .field input,
    .landandpropertyaquisitions .field textarea {
        width: 202px;
    }

/* =STANDARD
   ---------------------------------------------------*/   
    .standard .leftCol {
        width: 600px;
    }
    .standard .rightCol {
        width: 310px;
        float: right;
    }
    .standard .rightCol .squareAngleBlueSunBeam,
    .standard .rightCol .plasteredImage{
        text-align: center;
    }
    .standard .rightCol .squareAngleBlueSunBeam img {
        margin: 30px auto auto auto;
    }
/* =CONTACTUS
   ---------------------------------------------------*/
    .contactus .leftCol {
        width: 571px;
        margin-left:10px;
    }
    .contactus .rightCol {
        width: 255px;
        float: right;
        margin-right: 20px;
    }
    .contactus .rightCol .greyBox .tinyMceText {            
        margin: 15px;
    }
    .speakToUs {
        border: 1px solid #ccc;
        border-top: 0;
        margin-top: -10px;
    }
    .speakToUs .tinyMceText {
        width: 460px;
        padding: 10px;
    }
    #silhouette {
        position: absolute;
        margin-top: -155px;
        margin-left: 452px;
    }

    .contactus .form {
        background: url(../img/square-large-blue-sun-beam.jpg) no-repeat;
        width: 569px;
        height: 510px;
        margin-top: 15px;
        padding: 40px 0;
    }
    .contactus .form form {
        margin: 0 40px;
    }
    .contactus .form form input,
    .contactus .form form textarea {
        width: 462px;
    }
    .contactus .form form .field {
        width: 480px;
    }
    .contactus .form form button {
        margin-left: 387px;
    }

/* =TENANTS
   ---------------------------------------------------*/
    .tenants .rightCol .feature {
        margin-bottom: 15px;
    }
    .tenants .rightCol .form {
        background: url(../img/long-blue-sun-beam.jpg) no-repeat;
        color: #fff;
        width: 293px;
        height: 442px;
    }
    .tenants .rightCol form {
        margin: 0 25px;
        padding: 20px 0px;
    }
    .tenants .rightCol form button{
        margin-left: 144px;
    }
    .tenants .border {
        position: absolute;
        margin-top: -15px;
        margin-left: -9px;
    }
    .tenants .leftCol .rightCol .company {
        margin-top: 15px;
    }

/* =PROBLEM SOLVING
   ---------------------------------------------------*/
    .qanda .questionAndAnswer {
        border: 1px solid #ccc;
        margin-bottom: 15px;
        background: url(../img/arrow-right.gif) 584px 19px no-repeat;
    }
    .qanda .open {
        background: url(../img/arrow-down.gif) 584px 19px no-repeat;
    }
    .qanda .questionAndAnswer .tinyMceText {
        margin: 15px 50px 15px 15px;
        border-right: 1px solid #ccc;
        padding-right: 15px;
    }
    .qanda .questionAndAnswer .answer {
        display: none;
    }
    .qanda .open .answer {
        display: block;
    }
    .qanda .questionAndAnswer .question {
        cursor: pointer;
    }

    .arrowLink {
        float: right;
        display:block;
        height: 48px;
        width: 51px;
        background: url(../img/blank.gif);
    }

/* =BLOG
   ---------------------------------------------------*/
    .blog .leftCol {
        width: 625px;
    }
    .blog .rightCol {
        width: 294px;
        float: right;
    }
    .blog .leftCol .twoCol {
        margin: 0;
    }
    .blog .leftCol .twoCol .leftCol{
        width: 125px;
        text-align: right;
        font-size: 0.7em;
        line-height: 1.1em;
    }
    .blog .leftCol .twoCol .rightCol{
        width: 450px;
        color: #000;
        font-size: 0.9em;
        margin-right: 25px;
    }
    .blog .leftCol .twoCol .rightCol h2 {
        color: #000;
    }
    .blog .author {
        color: #666;
    }
    .blog .leftCol .twoCol .leftCol .right {
        width: 100px
    }
    .blog .separator {
        background: url(../img/blog-author-separator.gif) right no-repeat;
        float: right;
        width: 25px;
        height: 139px;
    }
    .blog .imageContainer {
        border: 1px solid #ccc;
        float: right;
        margin-bottom: 5px;
    }
    .blog .rightCol .feature, 
    .aboutus .rightCol .feature {
        border: 1px solid #ccc;
        border-top: 0;
        padding: 5px 0;
        margin-top: 2px;
    }
    .blog .rightCol h2.img {
        margin: 15px 0 0 0;
        padding: 0;
    }
    .blog .rightCol .feature .content,
    .aboutus .rightCol .feature .content {
        margin: 0 15px;
        border: 0;
        float: none;
        width: auto;
    }
    #latestBlogEntries .content .tinyMceText.
    #previousBlogEntries .content .tinyMceText {
        margin: 0;
        float: right;
        width: 242px;
    }
    #latestBlogEntries .content .tinyMceText ul, 
    #previousBlogEntries .content .tinyMceText ul {
        margin: 0;
        padding: 0;
    }
    #latestBlogEntries .content .tinyMceText ul li,
    #previousBlogEntries .content .tinyMceText ul li {
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
    }
    #latestBlogEntries .content .tinyMceText ul li.last, 
    #previousBlogEntries .content .tinyMceText ul li.last {
        border-bottom: 0;
    }
    #latestBlogEntries .content .tinyMceText ul li a,
    #previousBlogEntries .content .tinyMceText ul li a {
        color: #000;
        text-decoration: none;
    }
    #latestBlogEntries .content .tinyMceText ul li a:hover,
    #previousBlogEntries .content .tinyMceText ul li a:hover {
        text-decoration: underline;
    }
    #latestBlogEntries .content .tinyMceText ul li .date,
    #previousBlogEntries .content .tinyMceText ul li .date {
        color: #2b84df;
    }

    .blog .blogImageContainer {
        padding-top: 10px;
        margin-left: -10px;
    }
    .blog .blogImage {
        float: left;
        width: 137px;
        height: 145px;
        text-align: center;
    }
    .blog .blogImage img {
        margin: 19px 0 0 18px;
    }
    .blog .blogImage .polaroid {
        position: absolute;
        margin: 0;
    }
    .blog .blogImage .alt {
        position: absolute;
        margin-left: 27px;
        width: 101px;
        font-family: "BudHand";
        font-size: 7pt;
        font-weight: bold;
        overflow: hidden;
        height: 20px;
        color: #999 !important;
        text-align: center;
    }
    .blog .third .alt {
        margin-left: 34px;
    }
    .blog .second img {
        margin: 19px 0 0 17px;
    }
    
/* =FOOTER
   ----------------------------------------------------*/
    a.credit {
        color: #999;
        text-decoration: none;
        font-size: 0.7em;
        float: left;
    }
    .homepage a.credit {
        font-size: 0.71em;
        color: #0f2643;
        margin-top: 10px;
        display: block;
    }

    a.credit:hover {
        text-decoration: underline;
    }

    #footerNav {
        list-style: none;
        float: right;
        font-size: 0.7em;
        margin: 0 10px 0 0;
        color: #999;
    }

    #footerNav li {
        float: left;
    }

    #footerNav li a {
        color: #999;
        text-decoration: none;
    }

    .homepage #footerNav {
        font-size: 0.71em;
        margin-right: 0;
        color: #000;
        margin-top: 10px;
    }

    .homepage #footerNav li a {
        color: #0f2643;
    }

    #footerNav li a:hover {
        text-decoration: underline;
    }
    
    hr.footer {
        margin-top: 10px;
        height: 1px;
        border: 0;
        background: #ccc;
        color: #ccc;
    }
/* =FORMS
   ----------------------------------------------------*/
    .field {
        width: 238px;
        margin-bottom: 5px;
        background: url(../img/white-trans.png);
    }

    .field input,
    .field textarea,
    .field select{
        color: #fff;
        font-size: 0.7em;
        background: transparent;
        padding: 5px;
        border: 1px solid #fff;
        margin: 3px;
        width: 220px;
    }
    .field select {
        width: 231px;        
    }
    .field select option,
    .field select optgroup {
        color: #000;        
    }

    input.error,
    textarea.error,    
    select.error {
        color: #f00;
        border: 1px solid #f00;
    }
/* =LIGHTBOX
   ----------------------------------------------------*/
   #jquery-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
    }
    #jquery-lightbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
    }
    #jquery-lightbox a img { border: none; }
    #lightbox-container-image-box {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    #lightbox-container-image { padding: 10px; }
    #lightbox-loading {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    #lightbox-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    #lightbox-container-image-box > #lightbox-nav { left: 0; }
    #lightbox-nav a { outline: none;}
    #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
        width: 49%;
        height: 100%;
        display: block;
    }
    #lightbox-nav-btnPrev { 
        left: 0; 
        float: left;
    }
    #lightbox-nav-btnNext { 
        right: 0; 
        float: right;
    }
    #lightbox-container-image-data-box {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%;
        padding: 0 10px 0;
    }
    #lightbox-container-image-data {
        padding: 0 10px; 
        color: #666; 
    }
    #lightbox-container-image-data #lightbox-image-details { 
        width: 70%; 
        float: left; 
        text-align: left; 
    }	
    #lightbox-image-details-caption { font-weight: bold; }
    #lightbox-image-details-currentNumber {
        display: block; 
        clear: left; 
        padding-bottom: 1.0em;	
    }			
    #lightbox-secNav-btnClose {
        width: 66px; 
        float: right;
        padding-bottom: 0.7em;	
    }