/************************************************************************************
* 
* © 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 Professional Property Management website
*
*************************************************************************************/

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

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


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

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

body
	{
	background:#dadada url(/sitegraphics/roers-ppm-sitebg.gif);
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html body
	{	
	background:#dadada;
	}


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

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

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

/*.imageleft img, .imageright img
    {
    border:1px solid #999999;
    }*/

.imagefull
    {
    display:block;
    margin:0px 0px 1em 0px;
    border:1px solid #999999;
    clear:both;
    }


/* Horizontal rules
------------------------------------------------------------------------------------*/

hr
	{
	display:none;
	}

.hr
	{
	margin:0px 0px 1em 0px;
	border-top:1px dotted #999999;
	width:100%;
	}


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

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


/* Masthead
------------------------------------------------------------------------------------*/

#masthead
    {
    float:left;
    width:794px;
    }

#toplinks
    {
    width:794px;
    height:39px;
    background:url(/sitegraphics/roers-ppm-toplinks.png) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #toplinks
    {
    background:url(/sitegraphics/roers-ppm-toplinks.gif) no-repeat;
    }

#banner
    {
    padding:0px 0px 0px 8px;
    width:786px;
    height:199px;
    background:url(/sitegraphics/roers-ppm-mainbg.png) repeat-y;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #banner
    {
    width:794px;
    margin:0px 0px -4px 0px;
    background:url(/sitegraphics/roers-ppm-mainbg.gif) repeat-y;
    }
    
#banner-logo
    {
    float:left;
    width:226px;
    height:199px;
    background:url(/sitegraphics/roers-ppm-banner-logo.jpg) no-repeat;
    }

#banner-logo img
    {
    display:none;
    }
    
#banner-flash
    {
    float:left;
    width:556px;
    height:199px;
    background:url(/images/slideshow/general/slideshow01.jpg) no-repeat;
    }


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

#main
    {
    float:left;
    width:794px;
    background:url(/sitegraphics/roers-ppm-mainbg.png) repeat-y;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #main
    {
    background:url(/sitegraphics/roers-ppm-mainbg.gif) repeat-y;
    }


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

#content
	{
	float:left;
	width:503px;
	padding:15px 33px 0px 25px;
	}


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

#sidepane
	{
	float:left;
	width:173px;
	margin:0px 0px 0px 9px;
	padding:20px 27px 0px 24px;
	background:#000000 url(/sitegraphics/roers-ppm-sidepanebg.gif) repeat-x;
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html #sidepane
	{
	margin:0px 0px 0px 4px;
	}


/* Main Navigation
------------------------------------------------------------------------------------*/

#nav
    {
    width:173px;
    padding:0px 0px 1em 0px;
    }


/*Contact Information
------------------------------------------------------------------------------------*/

#contactinfo
    {
    width:100%;
    padding:1em 0px 0px 0px;
    border-top:1px dotted #999999;
    }


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

#footer
    {
    float:left;
    width:781px;
    padding:13px 0px 0px 13px;
    background:url(/sitegraphics/roers-ppm-bottomcap.png) no-repeat;
    }

* html #footer
    {
    background:url(/sitegraphics/roers-ppm-bottomcap.gif) no-repeat;
    }


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