/* layout CSS */

@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);
/* ------------------------------------------------------------------------- */

html {background: url(images/htmlBG.jpg) repeat-x top left #fefefe;}
body {width:100%; text-align:center;}

div#content, #subcontent, #news, #tips, #store, ul#gallery, div#address, div#contentPages, #subcontentPages{
float:left;
}
div#container{
width:954px;
margin:0 auto;
position:relative;
display:block;
text-align:left;
}
div#masthead{
height:180px;
background:url(images/masthead.jpg) no-repeat;
}

div#content{
margin:36px 16px 0 0;
width:300px;
clear:both;
}

div#address{
height:46px;
width:958px;
margin-left:-4px;
background:url(images/footer.png);
}

#subcontent{
margin-top:36px;
}
#news, #tips, #store{
background:url(images/col-bottom.png) bottom left no-repeat;
width:318px;
margin-right:2px;
min-height:268px;
}
.inner{
margin:14px;
}
#news{margin-left:-4px;}
#store{margin-right:0;}
div.topBox{
height:8px;
background:url(images/col-top.png) transparent;
margin-top:-4px;
}
div.topBox hr{display:none;}
#masthead h1 a{
left:0;
top:0;
width:505px;
height:125px;
display:block;
overflow:hidden;
text-indent:-9999px; 
position:absolute;
}

ul#gallery{
background:url(images/big-image-bg.gif);
width:630px;
height:300px;
padding: 4px;
list-style:none;
margin:0;
}

div#contact{
position:absolute;
width:300px;
right:0;
}

/*---subpages---*/
div#contentPages{
margin:18px 36px 0 0;
width:600px;
clear:both;
}

#subcontentPages{
margin-top:18px;
width:318px;
}

#subcontentPages #news, #subcontentPages #store, #subcontentPages #tips{
margin:0 0 18px 0;
}