/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body
{
    /* to get ie5/win to align the layout in the center */
    text-align: center;
    background-image: url('/site/img/background.jpg');
    background-repeat: repeat-x;
    background-color: #fff;
}

div#container
{
    /* for center alignment */
    margin: 0 auto;
    text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer
{
    clear: both;
}

/* site container */
/*******************************************************************************/
div#main_container
{
    background-image: url('/site/img/backgroundbored.png');
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 20px;
}

div#container
{
    width: 950px;
    margin-bottom: 20px;
    padding: 20px 0 0 0;
}

div#site_container
{
    background-color: #fff;
    padding: 20px;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, div#skiplinks a:hover, div#skiplinks a:visited, div#skiplinks p
{
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* lvha */
div#skiplinks a, div#skiplinks a:link, div#skiplinks a:visited, div#skiplinks a:hover, div#skiplinks a:active
{
    color: #ccc;
}

/* header block */
/*******************************************************************************/
div#header_container
{
    height: 195px;
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 5px solid #ccc;
    padding-bottom: 20px;
    background-image: url('/site/img/background-hdr.jpg');
    background-repeat: repeat-x;
}

div#header_logo
{
    position: absolute;
    top: 0px;
    left: 0px;
	width: 253px;
	height: 215px;
	background: #fff;
}

div#header_contactdetails
{
    /*text-align: right;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 1em;*/
    overflow: hidden;
    height:215px;
    width:657px;
    float: right;
}

/*div#header_contactdetails h1
{
    font-family: Times New Roman, Serif;
    font-size: 3.7em;
    line-height: 1.1em;
	color: #419639;
}
div#header_contactdetails h2
{
    font-family: Times New Roman, Serif;
    font-size: 3.7em;
    line-height: 1.1em;
	text-transform: uppercase;
	color: #000;
}*/

/* body block */
/*******************************************************************************/
div#body_container
{
}

div#leftsidebar
{
    float: left;
    margin-top: 20px;
    width: 233px;
}

div#buttons
{
    width: 100%;
    margin-top: 20px;
    float: left;
}

div#buttons img
{
    margin-bottom: 20px;
}


div#rightsidebar
{
    float: left;
    margin-top: 20px;
    width: 658px;
    margin-left: 19px;
}

div#heroimage
{
    width: 658px;
    height: 240px;
    background-image: url('/site/img/heroimage.jpg');
}

div#headercontent
{
    border-bottom: 3px solid #6a737b;
    width: 100%;
    height: 20px;
    line-height: 1em;
    padding: 20px 0 5px 0;
	margin-bottom: 8px;
}


div#featured_container
{
    float: left;
    width: 100%;
    background-image: url('/site/img/featuredbg.jpg');
    background-repeat: no-repeat;
    margin-top: 4em;
}

div#featured_container h2
{
    margin: 0 0 10px 0;
}

* html div#featured_container h2, * html div#featured_column1, * html div#featured_column2, * html div#featured_column3
{
    display: inline;
}

div#featured_column1, div#featured_column2, div#featured_column3
{
    float: left;
    margin: 13px 0 13px 13px;
    text-align: center;
}

ul.two-column-list
{
	margin:0;
	padding:0;
}

ul.two-column-list li
{
	float: left;
	width: 300px;
	margin: 0 10px;
}

div#home_container
{
    background: url('/site/img/featuredbg.jpg') no-repeat;
    overflow: hidden;
    height:215px;
}

div#home_column1, div#home_column2, div#home_column3
{
    float: left;
    /*width: 400px;*/
}

div#home_column1_int, div#home_column2_int, div#home_column3_int
{
    margin: 20px;
}

div#home_column1 img, div#home_column2 img, div#home_column3 img
{
    float: left;
    margin: 0 1em;
}

div#home_column1 h2, div#home_column2 h2, div#home_column3 h2
{
    padding: 4em 0;
	float: left;
}

div.scrollinglogo
{
    height:215px;
    padding: 4em 0;
    float: left;
}


/* navigation block */
/*******************************************************************************/
div#navigation_container
{
    width: 233px;
    float: left;
}

div#navigation_container ul
{
    margin: 0;
    padding: 15px 0;
    list-style: none;
    background: url(/site/img/nav/menu-bg.gif) repeat-y;
}

div#navigation_container li
{
    width: 233px;
    text-indent: -9999px;
    outline: none;
}

div#navigation_container li a:hover,
div#navigation_container li.AspNet-Menu-Selected a
{
    background: none !important;
}

div#navigation_container li a
{
    display: block;
    height: 32px;    
}

div#navigation_container li.twoline a
{
    height: 45px;
}

div#navigation_container li.home a          {    background-image: url('/site/img/nav/home.gif');     }
div#navigation_container li.home            {    background-image: url('/site/img/nav/home-on.gif');        }

div#navigation_container li.offices a       {    background-image: url('/site/img/nav/offices.gif');  }
div#navigation_container li.offices         {    background-image: url('/site/img/nav/offices-on.gif');     }
div#navigation_container li.servicedoffices a       {    background-image: url('/site/img/nav/serviced-offices.gif');  }
div#navigation_container li.servicedoffices         {    background-image: url('/site/img/nav/serviced-offices-on.gif');     }
div#navigation_container li.virtualoffices a        {    background-image: url('/site/img/nav/virtual-offices.gif');  }
div#navigation_container li.virtualoffices          {    background-image: url('/site/img/nav/virtual-offices-on.gif');     }
div#navigation_container li.longbennington a        {    background-image: url('/site/img/nav/long-bennington.gif');  }
div#navigation_container li.longbennington          {    background-image: url('/site/img/nav/long-bennington-on.gif');     }
div#navigation_container li.maltpark a              {    background-image: url('/site/img/nav/malt-park.gif');  }
div#navigation_container li.maltpark                {    background-image: url('/site/img/nav/malt-park-on.gif');     }

div#navigation_container li.businesssupport a       {    background-image: url('/site/img/nav/business-support.gif');  }
div#navigation_container li.businesssupport         {    background-image: url('/site/img/nav/business-support-on.gif');     }
div#navigation_container li.reception a             {    background-image: url('/site/img/nav/reception.gif');  }
div#navigation_container li.reception               {    background-image: url('/site/img/nav/reception-on.gif');     }
div#navigation_container li.administration a        {    background-image: url('/site/img/nav/administration.gif');  }
div#navigation_container li.administration          {    background-image: url('/site/img/nav/administration-on.gif');     }
div#navigation_container li.meetingfacilities a     {    background-image: url('/site/img/nav/meeting-facilities.gif');  }
div#navigation_container li.meetingfacilities       {    background-image: url('/site/img/nav/meeting-facilities-on.gif');     }
div#navigation_container li.postaladdresses a       {    background-image: url('/site/img/nav/postal-addresses.gif');  }
div#navigation_container li.postaladdresses         {    background-image: url('/site/img/nav/postal-addresses-on.gif');     }

div#navigation_container li.commercialpropertydevelopment a     {    background-image: url('/site/img/nav/commercial-property-development.gif');         }
div#navigation_container li.commercialpropertydevelopment       {    background-image: url('/site/img/nav/commercial-property-development-on.gif');      }
div#navigation_container li.commercialpropertysales a           {    background-image: url('/site/img/nav/commercial-property-sales.gif');         }
div#navigation_container li.commercialpropertysales             {    background-image: url('/site/img/nav/commercial-property-sales-on.gif');        }
div#navigation_container li.commercialpropertyrental a          {    background-image: url('/site/img/nav/commercial-property-rental.gif');         }
div#navigation_container li.commercialpropertyrental            {    background-image: url('/site/img/nav/commercial-property-rental-on.gif');        }
div#navigation_container li.saleandleaseback a                  {    background-image: url('/site/img/nav/sale-and-leaseback.gif');         }
div#navigation_container li.saleandleaseback                    {    background-image: url('/site/img/nav/sale-and-leaseback-on.gif');        }

div#navigation_container li.projects a      {    background-image: url('/site/img/nav/projects.gif');         }
div#navigation_container li.projects        {    background-image: url('/site/img/nav/projects-on.gif');        }

div#navigation_container li.contactus a       {    background-image: url('/site/img/nav/contact-us.gif');      }
div#navigation_container li.contactus         {    background-image: url('/site/img/nav/contact-us-on.gif');         }


div#leftsidebar_textarea
{
    float: left;
    margin: 10px 0 0 0;
}

div#leftsidebar_textarea ul li
{
    margin: 10px 0 0;
}

div#rightsidebar ul
{
    margin-top: 1em;
}


/* footer */
/*******************************************************************************/
div#footer_container
{
    color: #999;
    font-size: 0.83em;
}

div#footer_logo
{
    height: 46px;
    float: right;
    margin-top: 5px;
}


div#footer_navigation
{
    width: 100%;
    text-align: left;
    float: left;
    border-bottom: 3px solid #ccc;
    border-top: 3px solid #ccc;
}

div#footer_navigation p
{
    margin-top: 7px;
}

.required
{
    color: #f00;
}