/* layout CSS */

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

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

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

div#content{
margin:36px 14px 0 143px;
width:450px;
clear:both;
}

div#address{
height:77px;
width:950px;
background:url(images/footer.jpg) top left no-repeat;
}

#subcontent{
margin-top:18px;
width:343px;
height:601px;
}
#masthead h1 a{
left:0;
top:0;
width:505px;
height:125px;
display:block;
overflow:hidden;
text-indent:-9999px; 
position:absolute;
}

ul#gallery{
width:343px;
height:601px;
list-style:none;
margin:0;
padding:0;
position:relative;
}

ul.galleryThumbs{
list-style:none;
margin:10px 0;
clear:both;
width:444px;
}
ul.galleryThumbs li{
float:left;
margin:6px 7px 6px 4px;
padding:2px;
border:1px solid transparent;
width:100px;
min-height:67px;
text-align:center;
}
ul.galleryThumbs li:hover{
border:1px solid #999;
}
ul.galleryThumbs li img{
vertical-align:middle;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}