/* ------------------------------------------*/
/* ------------->>>  GRID  <<<--------------*/
/* ----------------------------------------*/

/* 
All site shell layout styling in here, individual page layouts go 
in the pagestyle1 stylesheet.

#### All site shell typography also goes in the pagestyle1 css ####


THIS TEMPLATE
-------------
layout: centered - fixed / fluid ext
height: full

*/


/*
##########################

HEADER

##########################
*/

#headerOuter
{
clear: both;
background-image: url(../images/bg_header_ext.gif);
background-repeat: repeat-x;
}

#headerInner
{
margin: 0 auto;
width: 980px;
height: 142px;
text-align: left;
background-image: url(../images/bg_header.jpg);
background-repeat: no-repeat;
}

#headerInnerLeft
{
padding-top: 35px;
}

#headerInnerRight
{
padding-top: 40px;
}

/*
##########################

SUB HEADER

##########################
*/

#subheaderOuter
{
height: 90px;
height: 82px;
background-image: url(../images/bg_subheader.jpg);
}

#subheaderInner
{ 
margin: 0 auto;      
width: 980px;
height: 82px;
background-image: url(../images/bg_subheader.jpg);
}

/*
##########################

MENU

##########################
*/

#menuOuter
{   
height: 48px;
background-image: url(../images/bg_menu_ext.gif);
background-repeat: repeat-x;
}

#menuInner
{
margin: 0 auto;     
width: 980px;
height: 48px;
text-align: left;
padding-top: 10px;
*padding-top: 0;
}

/*
##########################

WRAPPER

##########################
*/

.wrapper 
{
min-height: 95%;
height: auto !important;
height: 95%;
margin: 0 auto -500px; 
}


/*
##########################

CONTENTS - HOME

##########################
*/


#contentsOuterHome
{
clear: both;
background-color: #000000;
}

#contentsInnerHome
{
margin: 0 auto;    
width: 980px;
height: 615px;
text-align: left;
background-image: url(../images/bg_main_large.jpg);
background-repeat: no-repeat;
padding-top: 15px;
}

#contentsInnerLeftHome
{
float: left;
display: inline-block;
width: 310px;
text-align: left;
}

#contentsInnerRightHome
{
float: right;
display: inline-block;
text-align: left;
}


/*
##########################

CONTENTS - PAGES

##########################
*/

#contentsOuter
{
clear: both;
background-color: #000000;
}

#contentsInner
{
margin: 0 auto;    
width: 980px;
text-align: left;
background-image: url(../images/bg_main.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#contentsInnerLeft
{
float: left;
display: inline-block;
width: 565px;
text-align: left;
}

#contentsInnerRight
{
float: right;
display: inline-block;
width: 385px;
text-align: left;
}

/*
##########################

PUSH

##########################
*/

.footer, .push {
   height: 500px;
}

/*
##########################

SUB FOOTER

##########################
*/

#subfooterOuter
{
clear: both;
background-image: url(../images/bg_subfooter_ext.gif);
background-repeat: repeat-x;
}

#subfooterInner
{
margin: 0 auto;    
width: 980px;
height: 180px;
*height: 198px;
text-align: left;
background-image: url(../images/bg_subfooter.jpg);
background-repeat: no-repeat;
}

#subfooterInnerLeft
{
float: left;
display: inline-block;
width: 330px;
text-align: left;
}

#subfooterInnerRight
{
float: right;
display: inline-block;
width: 300px;
text-align: left;
}

/*
##########################

FOOTER

##########################
*/

#footerOuter
{
clear: both;
height: 302px;
bottom: 0;
background-color: #F8F8F8; 
}

#footerInner
{
margin: 0 auto;       
width: 980px;
height: 302px;
text-align: left;
}

#footerInnerLeft
{
float: left;  
padding: 0;   
text-align: left;
}

#footerInnerRight
{
float: right;   
width: 190px;
padding: 0;   
text-align: right;
}