/**********************************************************************************
* 
* © 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 ETI CMS 2.1 - User Manual website
*
***********************************************************************************/

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

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


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

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

body
    {
    background:#add0d9;
    }


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

img
    {
	border:none;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    padding:10px;
    border:1px solid #00b7e8;
    clear:both;
    }

.imageright, .imagecaption
    {
    float:right;
    margin:0px 0px 1em 1em;
    padding:10px;
    border:1px solid #00b7e8;
    clear:both;
    }

.imagecaption
    {
    width:348px;
    }

.imagecaption img
    {
    float:left;
    margin:0px 0px 0.2em 0px;
    clear:both;
    }

.imagecaption .caption
    {
    float:left;
    width:100%;
    clear:both;
    }

.imageleft img, .imageright img
    {    
    }

.imagefull
    {    
    display:block;
    margin:0px auto 1em auto;
    padding:8px;
    border:1px solid #00b7e8;
    clear:both;
    }


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

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


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

#masthead
    {
    float:left;
    width:794px;
    height:167px;
    background:url(/sitegraphics/manual-mastheadbg.gif) no-repeat;
    }

#logo img
    {
	display:none;
    }


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

#nav
    {
    float:left;
    width:740px;
    height:30px;
    margin:1em 0px 0em 0px;
    padding:0px 25px 0px 29px;
    }


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

#main
    {
    float:left;
    width:794px;
    background:url(/sitegraphics/eticms-manual-mainbg.gif) repeat-y;
    }
    

/* Page controls
----------------------------------------------------------------------------------*/

.pagecontrols
    {
    float:left;
    width:740px;
    margin:0px 0px 0px 0px;
    padding:1em 0px 1.8em 0px;
    border-top:1px dotted #000000;
    }

.pagecontrols-left
    {
    float:left;
    width:50%;
    }

.pagecontrols-right
    {
    float:left;
    width:50%;
    text-align:right;
    }


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

#content
    {
    float:left;
    width:740px;
    padding:20px 25px 0px 29px;
    }


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

#footer 
    {
    float:left;
    width:765px;
    margin:0em 0px 0px 0px;
    padding:62px 0px 0px 29px;
    background:url(/sitegraphics/eticms-manual-footerbg.gif) top left no-repeat;
    }