/*

CSS: puremclaren.css
Primary use: Pure McLaren, Story layout
Depends on: Nothing
Extended by: Nothing

Contents:
1.0 Pure McLaren
  
Notes:
Use image folder image/puremclaren

*/

/*****************************************************************
1.0 Pure McLaren 
*****************************************************************/
/* 1.1 Content Area */
#pM-puremclaren { background: url('../image/puremclaren/puremclaren-bg.jpg') 0 0 no-repeat;/*IE6*/ height: 561px; overflow: hidden; position:relative; }

/* 1.2 Exploding Items */
a.pM-item {/*IE6*/ position: absolute; width: 176px; min-height: 92px;/*IE6*/ overflow: hidden; cursor: default; }
a.pM-item:hover {/*IE6*/ width: 298px; min-height: 158px;/*IE6*/ margin-top: -33px; margin-left: -61px; z-index: 100; }
a.pM-item img { position: absolute; top: 0; left: 0; }
a.pM-position1 { left: 219px; top: 120px; }
a.pM-position2 { left: 400px; top: 120px; }
a.pM-position3 { left: 581px; top: 120px; }
a.pM-position4 { left: 219px; top: 216px; }
a.pM-position5 { left: 400px; top: 216px; }
a.pM-position6 { left: 581px; top: 216px; }
a.pM-position7 { left: 219px; top: 312px; }
a.pM-position8 { left: 400px; top: 312px; }
a.pM-position9 { left: 581px; top: 312px; }
.pM-item-border-off { display: block; width: 176px; height: 92px; }
a.pM-item:hover .pM-item-border-off { display: none; }
.pM-item-border-on { display: none; width: 298px; height: 158px; }
a.pM-item:hover .pM-item-border-on { display: block; }
.pM-item-image-off,
.pM-item-overlay-off  {/*IE6*/ margin: 4px; width: 168px; }
.pM-item-on-container { position: absolute; top: 0; left: 0; display: none; width: 298px; height: 148px; overflow: hidden; }
a.pM-item:hover .pM-item-on-container { display: block; }
.pM-item-off-container { position: absolute; top: 0; left: 0; display: block; width: 176px; height: 88px; overflow: hidden; }
a.pM-item:hover .pM-item-off-container { display: none; }
.pM-item-image-on,
.pM-item-overlay-on {/*IE6*/ margin: 9px; width: 280px; }
a.pM-item h2 { position: relative; font-size: 1.2em; color: #ffffff; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #aa7230; }
.pM-container { margin: 13px;/*IE6*/ }
a.pM-item:hover .pM-container { margin: 18px;/*IE6*/ }
.pM-content { display: none; color: #ffffff; line-height:1.1em; position: relative; }
a.pM-item:hover .pM-content { display: block; }
.pM-link { position: relative; display: none; padding: 5px 0; }
a.pM-item:hover .pM-link { display: block; cursor: pointer; text-transform:uppercase; }
.pM-item-overlay,
.pM-panel-off-container,
.pM-panel-on-container {/*IE6*/}

.pM-pagination{ left:200px; margin:0; padding-bottom:10px; position:absolute; text-align:center; text-transform:uppercase; top:89px; width:576px; }
.pM-pagination.bottom { padding-bottom:0; padding-top:10px; top:408px; }
.pM-pagination li{ display:inline; }
.pM-pagination li.selected{ color:#a5a5a5; }
.pM-pagination li a{ padding:0 3px; }
.pM-pagination-last{ margin-bottom:53px; }