﻿/**********************************************************************************
* 
* © 2010 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: print.css
* Description: Print CSS file for the NorthStar Genetics website
*
***********************************************************************************/

/* Auxiliary style sheets
----------------------------------------------------------------------------------*/

@import url(type.css);


/* Body 
----------------------------------------------------------------------------------*/

*
    {
    margin:0px;
    padding:0px;
    }

body
	{
	background:none;
	}

#noscript-container
    {
    margin:0px auto 0px auto;
    width:100%;
    background:#ffff00;
    }

table
    {
    width:100%;
    margin:0px 0px 1em 0px;
    border:1px solid #b0b0b0;
    border-collapse:collapse;
    }

table th, table td
    {
    vertical-align:top;
    padding:5px;
    border-bottom:1px solid #b0b0b0;
    }

table th
    {
    background:#e2f2cd;
    }


/* 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;
    clear:both;
    }


/* HTML 5 element fixes
----------------------------------------------------------------------------------*/

header, nav, section, article, aside, footer
    {
    display:block;
    }


/* Container
----------------------------------------------------------------------------------*/

#container
	{
	width:100%;
	}


/* Header
----------------------------------------------------------------------------------*/

header
    {
    float:none !important;
    width:100%;
    margin-bottom:2em;
    }

/* hack to accommodate IE6's special needs */

* html header
    {
    }

#mast
    {
    float:none !important;
    width:100%;
    }

#logo-splash, #logo
    {
    }

#logo
    {
    float:none !important;
    width:100%;
    }

#logo-splash img, #logo img
    {
	display:block;
    }

#logo h1
    {
    display:none;
    }

#header-supplemental
    {
    }

#search
    {
    float:right;
    margin:30px 10px 0em 0px;
    clear:both;
    }

#search .text
    {
    float:left;
    width:148px;
    height:16px;
    margin:0px 6px 0px 0px;
    padding:1px;
    background:#c8e0d8;
    background:rgba(200,224,216,0.8);
    border:1px solid #808080;
    }

#search .button
    {
    float:left;
    padding:0px 4px;
    overflow:visible; /* override IE6's/IE7's incorrect auto-padding of buttons */
    }


/* Navigation background
----------------------------------------------------------------------------------*/

#nav-top
    {
    display:none;
    }

#nav
    {
    display:none;
    }

/* hack to accommodate IE6's special needs */

* html #nav
    {
    }


/* Main background
----------------------------------------------------------------------------------*/

#main-splash, #main
    {
    /*float:left;*/
    }

#main-splash
    {
    }

#main-home, #main
    {
    float:none !important;
    width:100%;
    }

/* hack to accommodate IE6's special needs */

* html #main
    {
    }

/* clearfix hack to keep floats from overlapping footer */

.clearfix:after
    {
    content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix
    {
    display:inline-block;
    }

/* Hides from IE-mac \*/
    
* html .clearfix
    {
    height:1%;
    }

.clearfix
    {
    display:block;
    }

/* End hide from IE-mac */


/* Banner
----------------------------------------------------------------------------------*/

#banner
    {
    }

/* hack to accommodate IE6's special needs */

* html #banner
    {
    }


/* Flash animation
----------------------------------------------------------------------------------*/

#flashanimation
    {
    }


/* Content
----------------------------------------------------------------------------------*/

#content
    {
	float:none !important;
    width:100%;
	}

#main-home #content
    {
    }

#main #content
    {
    }

#content-home
    {
    }

#contactinfo
    {
    }


/* Item gallery
--------------------------------------------------------------------------------*/

.item-cell
    {
    }

.item-cell img
    {
    }


/* Section gallery
--------------------------------------------------------------------------------*/

.section
    {
    float:left;
    width:100%;
    margin:0px 0px -1px 0px;
    padding:1em 0px 0px 0px;
    border-top:1px solid #b0b0b0;
    border-bottom:1px solid #b0b0b0;
    }

.section img
    {
    float:left;
    margin:0px 1em 1em 0px;
    /*border:1px solid #999999;*/
    clear:both;
    }


/* 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
    {
    float:right;
    width:350px;
    margin:0px 0px 1em 1em;
    clear:both;
    }

.map iframe
    {
    width:348px;
    height:350px;
    margin:0px 0px 0.2em 0px;
    border:1px solid #999999;
    }


/* Sidepane
----------------------------------------------------------------------------------*/

#sidepane
    {
    float:none !important;
    width:100%;
    padding-top:1em;
    border-top:1px solid #b0b0b0;
    }

#main-home #sidepane
    {
    }

#main #sidepane
    {
    }

ul.supplemental-cell, ul.supplemental-cell li
    {
    float:none !important;
    width:100%;
    }

ul.supplemental-cell li span.supplemental-cell-container
    {
    float:none !important;
    padding:0px;
    }

ul.supplemental-cell li a
    {
    display:block;
    width:auto;
    height:auto;
    margin-bottom:0.25em;
    font-size:1.125em;
    border:none;
    }

ul.supplemental-cell li a span
    {
    visibility:visible;
    font-weight:bold;
    }

ul.supplemental-cell li em
    {
    display:block;
    font-style:normal;
    padding-bottom:1.5em;
    }

#subnav
    {
    }

/*#formcontainer
    {
    background:#e5e5e5;
    }*/


/* Contact information
----------------------------------------------------------------------------------*/

#contactinfo
    {
    }


/* Sidepane content
----------------------------------------------------------------------------------*/

#reservationinfo
    {
    }


/* Footer
----------------------------------------------------------------------------------*/

footer
    {
    float:none !important;
    width:100%;
    padding-top:1em;
    border-top:1px solid #000000;
    }

/* hack to accommodate IE6's special needs */

* html footer
    {
    }

#nav-footer
    {
    display:none;
    }

#footer-main
    {
    float:none !important;
    width:100%;
    }

/* hack to accommodate IE6's special needs */

* html #footer-main
    {
    }

#relatedlinks
    {
    display:none;
    }


/* Horizontal rules
----------------------------------------------------------------------------------*/

hr
	{
	display:none;
	}

.hr
	{
	margin:0px 0px 1em 0px;
	border-top:1px dotted #000000;
	}


/* Miscellaneous classes
----------------------------------------------------------------------------------*/