/********************************************************************************
* 
* © 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 Sarello's website
*
*********************************************************************************/

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

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


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

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

body
	{
	background:#ffffff;
	}

table
    {
    margin:0px 0px 1.6em 0px;
    }


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

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

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

.imageleft img, .imageright img
    {
    border:1px solid #008080;
    }


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

hr
	{
	display:none;
	}

.hr
	{
	border-top:1px dotted #666666;
	}


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

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


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

#masthead
    {
    float:left;
    width:900px;
    height:114px;
    padding:0px 0px 0px 0px;
    }

#masthead-nav
    {
    float:right;
    padding:14px 0px 0px 0px;
    }

#logo
    {
    float:left;
    width:231px;
    }

#logo img
    {
    border:none;
    }


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

#banner
    {
    float:left;
    width:900px;
    height:128px;
    }


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

#nav
    {
    float:left;
    width:900px;
    height:57px;
    background:url(/sitegraphics/sarellos-navbg.gif) no-repeat;
    }


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

#main
    {
    float:left;
    width:900px;
    padding:0em 0px 1em 0px;
    }


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

#content
	{
	float:right;
	width:609px;
	padding:20px 20px 0px 20px;
	margin:0px 0px 0px -1px;
	border-left:1px solid #b0b0b0;
	}

#content iframe
    {
    width:425px;
    height:350px;
    margin:0px 0px 1em 0px;
    }

#content table
    {
    }

#content table td
    {
    }


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

#sidepane
	{
	float:left;
	width:210px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 0px 20px;
	border-right:1px solid #b0b0b0;
	}

#sidepane table td
    {
    padding:8px 10px;
    }

#sidebox
    {
    width:220px;
    }


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

#footer
    {
    float:left;
    width:900px;
    margin:0px 0px 1em 0px;
    background:url(/sitegraphics/sarellos-bottombarbg.gif) no-repeat top left;
    }

#copyright
    {
    width:900px;
    margin:0px 0px 0px 0px;
    }


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