/********************************************************************************
* 
* © 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 Roers' Development website
*
*********************************************************************************/

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

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


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

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

body
	{
	background:#dadada url(/sitegraphics/roers-devel-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-devel-toplinks.png) no-repeat;
    }

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

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

#banner
    {
    padding:0px 0px 0px 8px;
    width:786px;
    height:199px;
    background:url(/sitegraphics/roers-devel-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-devel-mainbg.gif) repeat-y;
    }
    
#banner-logo
    {
    float:left;
    width:227px;
    height:199px;
    background:url(/sitegraphics/roers-devel-logo.jpg) no-repeat;
    }

#banner-logo img
    {
    display:none;
    }
    
#banner-flash
    {
    float:left;
    width:555px;
    height:199px;
    }


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

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

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

* html #main
    {
    background:url(/sitegraphics/roers-devel-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-devel-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-devel-bottomcap.png) no-repeat;
    }

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


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