/* ------------------------------------------*/
/* ------->>>  ALTERNATIVE 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
height: normal

*/

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

WRAPPER

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

.wrapper
{
width: 940px;
min-height: 95%;
height: auto !important;
height: 95%;
margin: 0 auto -141px;
padding: 0 20px;
background-color: #ffffff; 
}


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

HEADER

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


#headerOuter
{
clear: both;
}

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

#headerInnerLeft
{
float: left;
}

#headerInnerRight
{
float: right;
background-color: Blue;
}


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

SUB HEADER - HOME

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



#subheaderOuterHome
{
clear: both;    
height: 460px;
}

#subheaderInnerHome
{
margin: 0 auto;         
width: 940px;
height: 324px;
text-align: left;
background-image: url(../images/bg_home_subheader.jpg);
background-repeat: no-repeat;
}

#subheaderInnerHomeBottom
{
margin: 0 auto;         
width: 940px;
height: 136px;
text-align: left;
background-image: url(../images/bg_home_subheader_bottom.jpg);
background-repeat: no-repeat;
}



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

SUB HEADER

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



#subheaderOuter
{
clear: both;    
}

#subheaderInner
{
margin: 0 auto;         
width: 940px;
height: 93px;
text-align: left;
}


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

MENU

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


#menuOuter
{
clear: both;    
}

#menuInner
{
margin: 0 auto;       
width: 940px;   
height: 48px;
background-color: #292929;
padding: 0;
margin: 0;
}


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

BREADCRUMB NAVIGATION BAR

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


#navBarOuter
{
 clear: both;   
 height: 42px;
 margin-bottom: 12px;
}

#navBarInner
{
margin: 0 auto;
padding-top: 9px;       
width: 940px;   
height: 37px;
text-align: left;
background-image: url(../images/bg_breadcrumb.jpg);
background-repeat: no-repeat;
}


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

CONTENTS - HOME

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

#contentsOuterHome
{
clear: both;
}

#contentsInnerHome
{
margin: 0 auto;    
width: 940px;
text-align: left;
}

#contentsInnerHomeLeft
{
float: left;
display: inline-block;
width: 650px;
text-align: left;
}

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


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

CONTENTS - PAGES

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

#contentsOuter
{
clear: both;
}
#contentsInner
{
margin: 0 auto;      
width: 940px;
text-align: left;
}

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

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


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

PUSH

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

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


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

FOOTER

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


#footerOuter
{
clear: both;
}

#footerInner
{
margin: 0 auto;         
width: 940px;
height: 106px;
text-align: left;
background-image: url(../images/bg_footer.gif);
background-repeat: no-repeat;
}

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

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


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

XTRA FOOTER

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


#xtrafooterOuter
{
 clear: both;
}

#xtrafooterInner
{
margin: 0 auto;         
width: 940px;
height: 35px;
text-align: left;
background-color: #ffffff;
padding: 0 20px 40px 20px;
}

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

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