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; 
}

/*
For this demo, if default hover value is set, weird rendering will come out in Safari 2
a:hover{
text-decoration:none;
}
*/

.current{
text-decoration:none;
background-color:#ffff00;
line-height:1.5em;
}

.section h3{
font-size:1em;
margin:0 0 1em;
}

#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;
*/
margin-left:10px;
/* avoid double margin bug for IE */
display:inline;
}

/* mainNav */
#mainNav a:hover, #breadcrumb a:hover{
text-decoration:none;
}

/* subNav */
#subNav{
position:relative;
z-index:1000;
}

#subNav .item{
position:absolute;
top:-50px;
/*
width:300px;
*/
min-height:200px;
background-color:yellow;
z-index:1000;
display:none;
visibility:hidden;

width:300px;
padding:10px;
margin:0;
opacity:.75;
}


#subNav .item .sections{ 
clear:both; 
}

#subNav .item .section{ 
float:left; 
/*
width:150px; 
*/
width:140px;
}

#subNav .item .thumbnail{
padding-right:20px;
}

/* 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;
*/
margin-left:10px;
/* avoid double margin bug in IE */
display:inline;
}

/* bcNav */
#bcNav{
clear:both;
position:relative;
z-index:500;
}

#bcNav .item{
position:absolute;
top:0;
z-index:500;
background-color:#fff;
display:none;
visibility:hidden;
opacity:.75;
}

#bcNav .item li{
display:inline;
}
#bcNav .item a{
display:block;
padding:0 10px;
}


/* 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;
}