﻿/************************************************************************************
* 
* © 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: Print layout CSS file for the Northstar Genetics Manitoba website
*
*************************************************************************************/

/* Auxiliary style sheets
------------------------------------------------------------------------------------*/

@import url(type.css);
@import url(forms.css);


/* Body 
------------------------------------------------------------------------------------*/

*
    {
    margin:0px;
    padding:0px;
    }

body
	{
	background:none;
	color:#000000;
	}

h2
    {
    border-bottom:1px solid #000000;
    }

#noscript-container
    {
    margin:10px auto 0px auto;
    width:900px;
    background:#ffff00;
    }


/* Images 
------------------------------------------------------------------------------------*/

img
    {
	border:none;
    }

.imageleft, .imageright
    {
    /*border:1px solid #b0b0b0;*/
    clear:both;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    }

.imageleft img, .imageright img
    {
    }

.imagefull
    {    
    display:block;
    margin:0px 0px 1em 0px;
    }


/* Container
------------------------------------------------------------------------------------*/

#container-splash, #container
	{
	width:100%;
	}


/* Masthead
------------------------------------------------------------------------------------*/

#header-splash, #header
    {
    float:none !important;
    width:100%;
    margin:0px 0px 1.8em 0px;
    }

#header-splash
    {
    }

/* star hack to accommodate IE6's special needs */

* html #header-splash
    {
    }

#header
    {
    }

/* star hack to accommodate IE6's special needs */

* html #header
    {    
    }

#mast-splash
    {
    }

#mast
    {
    float:none !important;
    width:100%;
    }

/* star hack to accommodate IE6's special needs */

* html #mast
    {
    }

#mast-splash img, #mast img
    {
	display:block;
    }

#banner
    {
    }

/* star hack to accommodate IE6's special needs */

* html #banner
    {
    }


/* Navigation background
------------------------------------------------------------------------------------*/

#nav-splash
    {
    }

#nav
    {
    display:none;
    }

/* star hack to accommodate IE6's special needs */

* html #nav
    {
    }


/* Banner
------------------------------------------------------------------------------------*/

#banner
    {
    }


/* Main background
------------------------------------------------------------------------------------*/

#main-splash, #main
    {
    float:none !important;
    width:100%;
    }

#main-splash
    {
    }

/* star hack to accommodate IE6's special needs */

* html #main-splash
    {
    }

#main
    {
    }

/* star hack to accommodate IE6's special needs */

* html #main
    {
    }


/* Flash animation
------------------------------------------------------------------------------------*/

#flashanimation
    {
    }


/* Content
------------------------------------------------------------------------------------*/

#content-splash
    {
    }

#content
    {
	float:none !important;
    width:100%;
    }


/* Gallery container and thumbnails
------------------------------------------------------------------------------------*/

#gallery
	{
	float:left;
	width:559px;
	margin:1em 0px 0px 0px;
	padding:1em 0px 0px 0px;
	border-top:1px solid #000000;
	}


/* Google map
------------------------------------------------------------------------------------*/

.map
    {
    width:100%;
    margin:0px 0px 1em 0em;
    clear:both;
    }

.map iframe
    {
    width:98%;
    height:350px;
    margin:0px 0px 0.2em 0px;
    border:1px solid #999999;
    }


/* Sidepane
------------------------------------------------------------------------------------*/

#sidepane
    {
    float:none !important;
    width:100%;
    padding:1em 0px 0px 0px;
    border-top:1px dotted #808080;
    }

#sidepane-box
    {
    }

#sidepane-box-top
    {
    }

/* star hack to accommodate IE6's special needs */

* html #sidepane-box-top
    {
    }

#sidepane-box-main
    {
    }

/* star hack to accommodate IE6's special needs */

* html #sidepane-box-main
    {
    }

#sidepane-box-bottom
    {
    }

/* star hack to accommodate IE6's special needs */

* html #sidepane-box-bottom
    {
    }

#contactinfo
    {
    }

#subnav
    {
    }

/*#formcontainer
    {
    background:#e5e5e5;
    }*/


/* Contact information
------------------------------------------------------------------------------------*/

#contactinfo-splash
    {
    }


/* Sidepane content
------------------------------------------------------------------------------------*/

#reservationinfo
    {
    }


/* Footer
------------------------------------------------------------------------------------*/

#footer-splash
    {
    }

/* star hack to accommodate IE6's special needs */

* html #footer-splash
    {
    }

#footer-splash-nav
    {
    }

#footer
    {
    float:none !important;
    width:100%;
    padding:1em 0px 0em 0px;
    border-top:1px solid #000000;
    }

/* star hack to accommodate IE6's special needs */

* html #footer
    {
    }

#footernav
    {
    }

#copyright-splash
    {
    }

#copyright
    {
    width:100%;
    }

/* Horizontal rules
------------------------------------------------------------------------------------*/

hr
	{
	display:none;
	}

.hr
	{
	margin:0px 0px 1em 0px;
	border-top:1px dotted #000000;
	}


/* Miscellaneous
------------------------------------------------------------------------------------*/

table
    {
    margin:0px 0px 1em 0px;
    border:1px solid #318028;
    border-collapse:collapse;
    }

th, td
    {
    padding:5px;
    border:1px solid #000000;
    }

table.plantingrange
    {
    width:100%;
    border:1px solid #318028;
    }

table.plantingrange th
    {
    background:#8cc63e;
    border:1px solid #318028;
    }

table.plantingrange td
    {
    border:1px solid #318028;
    }

table.dealers
    {
    width:100%;
    border:none;
    }

table.dealers th
    {
    background:#318028;
    border:none;
    }

table.dealers td
    {
    border:none;
    border-bottom:1px solid #318028;
    }