/**********************************************************************************
* 
* © 2011 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 for the Haugen Attachments website
*
***********************************************************************************/

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

@import url(type.css);
@import url(forms.css);
@import url(jquery.lightbox-0.5.css);


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

*
    {
    margin:0;
    padding:0;
    }

html, body, form
    {
    height:100%;
    }

body
	{
	background:#fff;
	}

#noscript-container, #ie6reminder
    {
    margin:0 auto;
    width:100%;
    background:#ff0;
    }

object
    {
    display:block;
    margin-bottom:1em;
    }

*:first-child+html embed
    {
    margin-bottom:1em;
    }

* html embed
    {
    margin-bottom:1em;
    }


/* Tables 
----------------------------------------------------------------------------------*/

table
    {
    width:100%;
    margin:0.3125em 0 1.3125em;
    border:none;
    border-collapse:collapse;
    clear:both;
    }

table th, table td
    {
    padding:0 8px;
    }

table th
    {
    vertical-align:top;
    background:#b42038;
    /*border-bottom:1px solid #21460c;*/
    }

table td
    {
    /*margin-bottom:-1px;*/
    vertical-align:top;
    border-bottom:1px solid #c0c0c0;
    }


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

img
    {
	display:block;
	border:none;
    }

.imageleft, .imageright
    {
    /*border:1px solid #000;*/
    clear:both;
    }

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

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

.imageleft img, .imageright img
    {
    }

.imagefull
    {    
    margin-bottom:1em;
    clear:both;
    }


/* HTML 5 element fixes
----------------------------------------------------------------------------------*/

header, nav, section, article, aside, footer, time
    {
    display:block;
    }


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

#container
	{
	position:relative;
	width:100%;
	min-height:100%;
	overflow:hidden;
	}


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

#header
    {
    float:left;
    width:100%;
    height:150px;
    background:#b42038;
    }

#mast
    {
    position:relative;
    width:900px;
    height:150px;
    margin:0 auto;
    background:url(/sitegraphics/haugen-slideshowbg.gif) no-repeat right 20px;
    }

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

#logo img
    {
	display:none;
    }

#header-supplemental
    {
    position:absolute;
    top:120px;
    right:40px;
    width:400px;
    }

#phone
    {
    /*position:absolute;
    top:20px;
    right:0;
    z-index:2;*/
    }

#madeinusa
    {
    /*position:absolute;
    bottom:20px;
    right:0;
    z-index:2;*/
    }

#productbanner
    {
    position:absolute;
    top:20px;
    right:0px;
    width:400px;
    height:90px;
    overflow:hidden;
    z-index:1;
    }


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

#nav
    {
    float:left;
    width:100%;
    height:30px;
    background:#f1f1f1 url(/sitegraphics/haugen-nav.gif) repeat-x;
    border-top:1px solid #fff;
    }


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

#banner
    {
    }


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

#main
    {
    width:900px;
    margin:0 auto;
    padding-bottom:50px;
    }

/* 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 */



/* Flash animation
----------------------------------------------------------------------------------*/

#flashanimation
    {
    }


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

#content
	{
	float:left;
	width:640px;
	margin:20px -1px 20px 0;
	padding:10px 20px 0 0;
	border-right:1px solid #b42038;
	}


/* Gallery container and thumbnails
----------------------------------------------------------------------------------*/

.lb-gallery
	{
	float:left;
	width:100%;
	margin-bottom:1em;
	}


/* Featured Products list
--------------------------------------------------------------------------------*/

.featuredlist
    {
    width:100%;
    margin:0.5em 0 1em 0;
    clear:both;
    }


/* Google map
----------------------------------------------------------------------------------*/

.map
    {
    float:right;
    width:350px;
    margin-bottom:1em;
    clear:both;
    }

.map iframe
    {
    width:348px;
    height:350px;
    margin-bottom:0.2em;
    border:1px solid #000;
    }


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

#supplemental
    {
    float:left;
    width:219px;
    margin:20px 0;
    padding:10px 0 0 20px;
    border-left:1px solid #b42038;
    }


/* Contact information
----------------------------------------------------------------------------------*/

#contactinfo
    {
    width:180px;
    }


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

#reservationinfo
    {
    }


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

#footer
    {
    position:absolute;
    bottom:0;
    width:100%;
    height:40px;
    padding:10px 0 0;
    /*border-top:1px solid #b42038;*/
    background:#b42038;
    clear:both;
    }

#footer-main
    {
    width:900px;
    margin:0 auto;
    }


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

hr
	{
	display:none;
	}

.hr
	{
	margin-bottom:1em;
	border-top:1px dotted #000;
	}


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