/********************************************************************************
* 
* © 2009 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: layout.css
* Description: Layout CSS file for the SK Realty website
*
*********************************************************************************/


/* Auxiliary style sheets
--------------------------------------------------------------------------------*/

@import url(type.css);
@import url(forms.css);


/* Body 
--------------------------------------------------------------------------------*/

*
	{
	margin:0px;
	padding:0px;
	}

body 
	{
	margin:5px 0px;
	background:#504530;
	}

hr
	{
	display:none;
	}


/* Images
--------------------------------------------------------------------------------*/

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    border:none;
    clear:both;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    border:none;
    clear:both;
    }


/* Container
--------------------------------------------------------------------------------*/

#container
	{
	margin:0 auto;
	width:794px;
	}


/* Header
--------------------------------------------------------------------------------*/

#header
	{
	float:left;
	width:794px;
	height:137px;
	background:url(/images/skr_headerbg.jpg) no-repeat;
	}


/* Main background
--------------------------------------------------------------------------------*/

#main
	{
	float:left;
	width:794px;
	background:url(/images/skr_mainbg.gif) repeat-y;
	}


/* Sidepane
--------------------------------------------------------------------------------*/

#sidepane
	{
	float:left;
	width:230px;
	}

#sidepane img
	{
	padding:0px 0px 1em 0px;
	border:none;
	}


/* Navbar
--------------------------------------------------------------------------------*/

#sidepane-box
	{
	margin:0px 0px 0px 22px;
	width:208px;
	}

#sidepane-box-top
	{
	width:208px;
	height:13px;
	background:url(/images/skr_sidepane_topbg.gif) no-repeat;
	}

#sidepane-box-main
	{
	padding:0px 0px 0px 20px;
	width:188px;
	background:url(/images/skr_sidepane_mainbg.gif) repeat-y;
	}

#sidepane-box-bottom
	{
	width:208px;
	height:16px;
	padding:0px 0px 1em 0px;
	background:url(/images/skr_sidepane_bottombg.gif) no-repeat;
	}

#sidepane-openhouses
    {
    width:200px;
    margin:0px 0px 1em 5px;
    border-bottom:1px dotted #b0b0b0;
    }


/* Content
--------------------------------------------------------------------------------*/

#content
	{
	float:left;
	width:515px;
	padding:15px 24px 15px 20px;
	}

.special
    {
    float:right;
    width:248px;
    margin:0px 0px 1em 1em;
    border:1px solid #2c2516;
    }

.special-header
    {
    width:228px;
    padding:10px 10px 10px 10px;
    background:#009900;
    }

.special-content
    {
    width:228px;
    padding:10px 10px 0em 10px;
    }

#content iframe
	{
	width:100%;
	height:600px;
	overflow:auto;
	border:none;
	}


/* Staff sections
--------------------------------------------------------------------------------*/

.staff
    {
    width:100%;
    margin:0px 0px 1em 0px;
    border-bottom:1px solid #b0b0b0;
    }

.staff img
    {
    float:left;
    margin:0px 1em 1em 0px;
    border:1px solid #2c2516;
    clear:both;
    }


/* Related links sections
--------------------------------------------------------------------------------*/

.relatedlink
    {
    float:left;
    width:100%;
    margin:0px 0px 1em 0px;
    border-bottom:1px solid #b0b0b0;
    }

.relatedlink-image
    {
    float:left;
    width:120px;
    padding:0px 16px 1em 0px;
    }

.relatedlink-image a, .relatedlink-image img
    {
    background:none;
    border:none;
    }

.relatedlink-content
    {
    float:left;
    width:379px;
    }


/* Footer
--------------------------------------------------------------------------------*/

#footer
	{
	float:left;
	width:794px;
	height:31px;
	padding:10px 0px 0px 0px;
	background:url(/images/skr_footerbg.gif) no-repeat;
	}


/* Miscellaneous classes
--------------------------------------------------------------------------------*/

.hr
    {
    width:100%;
    margin:0px 0px 1em 0px;
    background:none;
    border-top:1px solid #000000;
    }