/* 
Style Sheet for the overall site layout

This should contain the general/default layout styles for the site.
-------------------------------------------------------
------------------------------------------------------
Copyright (c) 2010, Chasetheweb.net

Last Updated: Mark Garczewski
Date: 3/27/2010 */   


/*////////////////////////////////////////////////////////////////////////////////*/


@import url("/Template/Harborfields/CSS/nav-horizontal.css");


/*RESETS*/
*{padding:0; margin:0;}
ul{list-style-type:none;}
fieldset{border:none;}
a img{border:none;}
a{-moz-outline:none;}

/* SITE SPECIFIC LAYOUT */

html,body,form#aspnetForm,form#form1
{
	height:100%;
	min-height: 100%;
}

div#branding{
	position:absolute;
	top: 30px;
	left: 27px;
	}

div#page
{
	position:relative; /* needed for footer positioning*/
	margin: 35px auto 0 auto; /* center, not in IE5 */
	width: 777px;	
}

div#search
{
	position:absolute;
	top: -30px;
	right: -130px;	
}
div#translate{
	top: -30px;
    left: 23px;
    position:absolute;
    width: 200px;
}

/* HEADER */
div#header
{
    height: 267px;
}

div#homeslideshow
{
	position: absolute;
	top: 12px;
	right: 0px;
	z-index: 2;
}


div#masttext{

	position: absolute;
	top: 0px;
	right: 0px;
	z-index:3;
}




/* CONTENT */
div#content
{
	width: 100%;
	position:relative; /* needed for footer positioning*/
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/* LAYOUT */
div#layout
{
	width: 563px;
	float: right;
}

div#main
{
    padding: 0px 0px;
	min-height: 300px;
}

div#extra2
{
	position: absolute;
	top: 15px;
	right: 0px;
	width: 200px;
	z-index: 99;
}


/* LOCAL */
div#local{
    float: left;
    width: 178px;
    margin: 20px 0px 20px 15px;
}


/* CLEAR */
div#clear
{
	clear:both;
}



/* FOOTER */
div#footer
{	
    position: relative;
	width:777px;
	height: 33px;
	
}



/* List Items ul li */

div#footer ul{
 margin-left: 20px;
}

div#footer ul li{
 float: left;
 margin-right: 10px;
}


/* END LAYOUT 
//////////////////////////////////// TABLE */
table
{

}


th
{

}

td
{

}

/* END TABLE */


/*//////////////////////////////////// Display: None */

div#sub2, div#banner
{
	display:none;
}



/* CLEAR */
div#clear
{
	clear:both;
}



/* clearing */
    .stretch,
    .clear {
        clear: both;
        height: 1px;
        
        margin: 0;
        padding: 0;
        
        font-size: 15px;
        line-height: 1px;
    }
    .clearfix:after {
        clear: both;
        height: 0;
        
        display: block;
        visibility: hidden;
        
        content: ".";
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */
/* end clearing */