body{ 
margin:0; 
padding:0; 
font:normal 69%/1.5em Arial,Verdana,Helvetica,sans-serif; 
}

form{ 
margin:0; 
padding:0; 
}
/* need to set position and z-index or IE form elements will shift during the show/hide on the navigation popup */
form, select,input{
position:relative;
z-index:1;
}


ul{ 
margin:0; 
padding:0; 
list-style:none; 
}

img{
border:0;
}

.hidden{ 
display:none; 
visibility:hidden; 
}

#container{
width:744px;
margin:0 auto;
background-color:#eee;
}

#header{
background-color:#999;
height:100px;
}

#header li{
float:left;
/*
ideally to use em but for JS calculation, better to use px value to make calculation easier
margin-right:0.5em;
*/
margin-right:10px;
}

/*
#mainNav li{
width:100px;
margin-right:0;
}
*/

/* subNav */
#subNav{
position:relative;
z-index:1000;
}

#subNav .item{
position:absolute;
top:-50px;
width:300px;
min-height:200px;
background-color:yellow;
z-index:1000;
/*
visibility:visible;
*/
display:none;
visibility:hidden;
}
/*
#subNav #subNav_1{ 
left:100px; 
}
#subNav #subNav_2{ 
left:100px; 
}
#subNav #subNav_3{ 
left:100px; 
}
#subNav #subNav_4{ 
left:100px; 
}
#subNav #subNav_5{ 
left:100px; 
}
*/

#subNav .item .sections{ 
clear:both; 
}

#subNav .item .section{ 
float:left; 
width:150px; 
}

/* breadcrumb */
#breadcrumb li{
float:left;
/*
ideally to use em but for JS calculation, better to use px value to make calculation easier
margin-right:0.5em;
*/
margin-right:10px;
/*
width:100px;
*/
}

/* bcNav */
#bcNav{
clear:both;
position:relative;
z-index:500;
}

#bcNav .item{
position:absolute;
top:0;
z-index:500;
background-color:#999;
display:none;
visibility:hidden;
}
/*
#bcNav #bcNav_1{
left:100px;
}
#bcNav #bcNav_2{
left:200px;
}
#bcNav #bcNav_3{
left:300px;
}
*/

/* content */
#content{
clear:both;
position:relative;
z-index:1;
background-color:#ccc;
}

#banner{
position:relative;
z-index:1;
height:300px;
}
/* gallery */
#gallery{
position:relative;
z-index:1;
width:744px;
height:457px;
}
#gallery img.item{
position:absolute;
top:0;
left:5px;
z-index:1;
border:0;
}
#gallery .galleryController{
position:absolute;
top:10px;
right:15px;
z-index:1;
}

