/********************************************************************************
* 
* © 2007 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 Montevideo Cenex website
*
*********************************************************************************/

/* Auxilliary style sheets
--------------------------------------------------------------------------------*/

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


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

* 
    {
    margin:0;
    padding:0;
    }

body 
	{
	background:#000000;
	}


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

hr
	{
	display:none;
	}

.hr
    {
    margin:0px 0px 1em 0px;
    border-top:1px solid #000040;
    }


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

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    font:0.625em Arial, Helvetica, sans-serif;
    border:1px solid #800000;
    clear:both;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    font:0.625em Arial, Helvetica, sans-serif;
    border:1px solid #800000;
    clear:both;
    }

.imageright img, .imageleft img
    {
    margin:0px 0px 0.2em 0px;
    padding:0px;
    }

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


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

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


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

#masthead
    {
    float:left;
    width:796px;
    height:56px;
    padding:20px 0px 0px 24px;
    background:#7f1919 url(/sitegraphics/montevideo_headerbg.gif) no-repeat;
    }


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

#mainbg
    {
    float:left;
    width:820px;
    padding:0px 0px 1.5em 0px;
    background:#7f1919 url(/sitegraphics/montevideo_patternbg.gif);
    }

#maintop
    {
    float:left;
    width:794px;
    height:14px;
    margin:0px 0px 0px 11px;
    background:url(/sitegraphics/montevideo_container_topbg.png) no-repeat;
    }

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

* html #maintop
    {
    margin:0px 0px -4px 6px;
    background:url(/sitegraphics/montevideo_container_topbg.gif) no-repeat;
    }

#main
    {
    float:left;
    width:794px;
    margin:0px 0px 0px 11px;
    padding:0px 0px 1.0em 0px;
    background:url(/sitegraphics/montevideo_container_mainbg.png) repeat-y;
    }

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

* html #main
    {
    margin:0px 0px 0px 6px;
    background:url(/sitegraphics/montevideo_container_mainbg.gif) repeat-y;
    }

#mainbottom
    {
    float:left;
    width:794px;
    height:20px;
    margin:0px 0px 0px 11px;
    background:url(/sitegraphics/montevideo_container_bottombg.png) no-repeat;
    }

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

* html #mainbottom
    {
    margin:0px 0px 0px 6px;
    background:url(/sitegraphics/montevideo_container_bottombg.gif) no-repeat;
    }


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

#nav
    {
    float:left;
    width:738px;
    height:32px;
    margin:10px 0px 10px 29px;
    border:1px solid #222222;
    background:url(/sitegraphics/montevideo_nav_mainbg.gif) repeat-x;
    }

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

* html #nav
    {
    margin:10px 0px 10px 14px;
    }


/* Banner
--------------------------------------------------------------------------------*/

#banner
    {
    float:left;
    width:740px;
    height:200px;
    margin:0px 0px 1.2em 29px;
    background:url(/sitegraphics/montevideo_bannerbg.jpg) no-repeat;
    }

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

* html #banner
    {
    margin:0px 0px 0.8em 14px;
    }

/*#banner img
    {
    border:3px solid #7f5527;
    }*/


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

#content_container
    {
    float:left;
    margin:0px 0px 0px 29px;
    }

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

* html #content_container
    {
    margin:0px 0px 0px 14px;
    }


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

#sidepane
    {
    float:left;
    width:212px;
    padding:15px 15px 0px 15px;
    background:#a3a3d9 url(/sitegraphics/montevideo_sidepanebg.gif) repeat-x;
    }

#subpage_sidepane
    {
    float:left;
    width:212px;
    padding:15px 15px 0px 15px;
    background:#a3a3d9 url(/sitegraphics/montevideo_sidepanebg.gif) repeat-x;
    }

#subpage_sidepane img
    {
    margin:0px 0px 1.5em 0px;
    padding:5px;
    background:#ffffff;
    border:1px solid #000040;
    }

#weather
    {
    margin:0px 0px 1em 0px;
    width:180px;
    height:160px;
    background:#607041 url(http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/spring1_180x150_bg.jpg) no-repeat;    
    }

#weather-content
    {
    height:134px;
    }

#weather-links
    {
    height:22px;
    padding:4px 0px 0px 0px;
    }

#markets
    {
    margin:0px 0px 1em 0px;
    }


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

#content
    {
    float:right;
    width:477px;
    margin:0px 0px 0px -242px;
    padding:10px 30px 0px 20px;
    border-left:242px solid #a3a3d9;
    }

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

* html #content
    {
    padding:10px 45px 0px 20px;
    }

/*used in eti-cip master page */
#content2 
	{
	padding:10px 30px 10px 20px;
	}

/* star hack to correct discrepencies between IE7 and older versions */
* html #content2
    {
    margin:0px 0px 0px 0px;
    padding:5px 45px 5px 15px;
    border-left:270px solid #c0bd90;
    }

#subpage_content
    {
    float:right;
    width:473px;
    margin:0px 0px 0px -242px;
    padding:10px 30px 0px 20px;
    border-left:242px solid #a3a3d9;
    }

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

* html #subpage_content
    {
    padding:10px 45px 0px 20px;
    }

#downloads
    {
    width:471px;
    margin:0px 0px 1.5em 0px;
    border:1px solid #000040;
    }

#downloads_content
    {
    padding:1em 1em 0em 1em;
    }

#imagepane
    {
    float:right;
    width:150px;
    }

.imagepane_image
    {
    margin:0px 0px 1.5em 1.5em;
    padding:0.8em;
    border:1px solid #000040;
    }

#imagepane02
    {
    float:right;
    }

.imagepane_image img
    {
    margin:0px 0px 0.5em 0px;
    padding:0px;
    }


/* Google maps
--------------------------------------------------------------------------------*/

.map
    {
    margin:0px 0px 1em 0em;
    }

.map iframe
    {
    display:block;
    width:425px;
    height:350px;
    margin:0px 0px 0.2em 0px;
    border:1px solid #b00000;
    }    

.map small
    {
    font:0.6875em Verdana, Arial, Helveticam sans-serif;
    line-height:1.8em;
    }    


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

#footer
    {
    float:left;
    width:100%;
    }