/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
}

body 
{
    position        : relative;
    width           : 960px;
    margin          : 0 auto;
}

h1 
{
}

h2 
{
}

h3 
{
    padding-bottom  : 1px;
    margin-bottom   : .5em;
}

h4 
{
    padding-bottom  : 1px;
    margin-bottom   : .5em;
    padding-top     : 1em;
}

h5 
{
    padding-bottom  : 1px;
    margin-bottom   : .5em;
}

h6 
{
    padding-bottom  : 1px;
    margin-bottom   : .5em;
}

p 
{
    overflow        : hidden;
    padding-bottom  : 1em;
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/
.adr
.street-address,
.e-mail,
.tel
{
    display         : block;
}


/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/

/*___ DIV _________________________________________________________________*/
.header
{
    position        : relative;
    height          : 354px;
}

#content
{
    position        : relative;
    margin          : -157px 19px 0 20px;
    width           : 676px;
    padding         : 0 225px 0 20px;
}

.home
{
    padding-right   : 0;
    width           : 881px;
}

.primary
{
    position        : relative;
    width           : 655px;
    vertical-align  : top;
    margin          : 55px 0 0 225px;
    float           : left;
}

.home .primary
{
    width           : 430px;
}

.secondary
{
    position        : relative;
    width           : 205px;
    margin          : 143px 20px 0 -880px;
    float           : left;
}

.home .secondary
{
    margin          : 143px 20px 0 -655px;
}

.tertiary
{
    position        : relative;
    display         : block;
    float           : right;
    margin-right    : -225px;
    width           : 185px;
    padding         : 67px 20px 20px 20px;
}

.clear
{
    height          : 1px;
    clear           : both;
}

.footer
{
    padding         : 0 20px;
}

.flickr
{
    display         : inline-block;
    width           : 228px;
    margin-bottom   : -20px;
    vertical-align  : top;
}

.flickr_badge_image
{
    display         : inline-block;
    width           : auto;
    vertical-align  : top;
}

.footerText
{
    display         : inline-block;
    vertical-align  : top;
    width           : 645px;
    height          : 166px;
    padding         : 20px;
}

#googleMap
{
    position        : relative;
    width           : 185px;
    height          : 205px;
    overflow        : hidden;
}

#contact
{
    margin-bottom   : 20px;
}

.didYouKnow
{
    position        : relative;
    display         : inline-block;
    vertical-align  : top;
    min-height      : 170px;
    width           : 165px;
    padding         : 20px;
    margin-left     : 12px;
    margin-top      : 25px;
}

.specials
{
    position        : relative;
    display         : inline-block;
    vertical-align  : top;
    width           : 165px;
    padding         : 20px;
    min-height      : 170px;
    margin-top      : 25px;
}

.homeSlideshow
{
	margin-bottom	: 1em;
	position		: relative;
	overflow		: hidden;
}

/*___ SPAN _________________________________________________________________*/

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/
.header h2
{
    position        : absolute;
    top             : 54px;
    left            : 490px;
    text-align      : center;
    width           : 430px;
}

/*___ H3 _________________________________________________________________*/
.home .primary h3
{
    margin-bottom   : .3em;
}

/*___ H4 _________________________________________________________________*/
.footerText h4
{
    margin-bottom   : 0;
	padding-top		: 0;
}

.tertiary h4
{
    padding-top     : 5px;
    margin-bottom   : .5em;
}

.didYouKnow h4,
.specials h4
{
    margin-top      : -1.5em;
    margin-bottom   : .25em;
}

h4.alt
{
    margin-bottom   : 0;
    margin-top      : .5em;
    padding-bottom  : 0;
}

/*___ H5 _________________________________________________________________*/
.menu h5
{
    margin-bottom   : 0;
}

.tertiary h5
{
    margin-bottom   : 0;
}

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
.menu p
{
    padding-bottom  : 0;
}

.tagline
{
    display         : block;
    width           : 430px;
    height          : 68px;
    padding         : 81px 0 0 0;
    margin          : 0 auto 56px auto;
}

.footerText p:first-child
{
    float           : left;
    margin-right    : 20px;
}

.download
{
    position        : absolute;
    top             : 10px;
    right           : 20px;
    padding         : 0;
}

/*___ UL _________________________________________________________________*/
.image
{
    width           : 100%;
    padding-bottom  : 15px;
    margin-bottom   : 5px;
}

.home .image
{
    margin-bottom   : 0;
    padding-bottom  : 0;
}

.menu
{
    margin-left     : -15px;
}

.tertiary ul
{
    margin-bottom   : 20px;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/
.menu li
{
    display         : inline-block;
    width           : 205px;
    vertical-align  : top;
   /* margin          : 20px 0 0 15px;*/
    margin          : 5px 0 15px 15px;
    text-align      : center;
}

.image li
{
    display         : inline-block;
    width           : 205px;
    vertical-align  : top;
    margin          : 0 0 0 15px;
    text-align      : center;
}

.home .image li
{
    position        : relative;
    width           : 136px;
    margin          : 0 0 0 5px;
}

.image li:first-child
{
    margin-left     : 0;
}

/*___ STRONG _________________________________________________________________*/
.tertiary strong
{
    display         : inline-block;
    width           : 75px;
}

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
.header h1 a
{
    display         : block;
    position        : absolute;
    width           : 422px;
    height          : 335px;
    top             : 20px;
    left            : -20px;
    z-index         : 1;
}

.main a,
.main a:hover,
.main a:visited
{
    display         : block;
    width           : 183px;
    padding         : 5px 0 5px 20px;
    margin          : 2px 0;
}

.main .folder,
.main .folder:hover,
.main .folder:visited
{
    display         : block;
    width           : 100%;
    padding         : 0 0 1px 0;
    margin          : 20px 0 7px 0;
}

.flickr_badge_image a,
.flickr_badge_image a:hover,
.flickr_badge_image a:visited
{
    display         : block;
    width           : 90px;
    height          : 90px;
    overflow        : hidden;
    margin          : 0 20px 20px 0;
}

.download a,
.download a:hover,
.download a:visited
{
    display         : block;
    padding         : 5px 32px 5px 0;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/
img[style="float: right;"]
{
    margin-left     : 20px;
}

.flickr_badge_image img
{
    width           : 150px;
    height          : auto;
    margin-left     : -25px;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

/*___ LABEL _________________________________________________________________*/

/*___ CITE _________________________________________________________________*/
.footer cite
{
    display         : block;
    text-align      : center;
    padding         : 10px 0;
}

/*___Group/Section/Class_________________________________________________________________*/