@charset "utf-8";
/* CSS Document */

html, body{height:auto; width:100%;}
html{background-color:#252525; background-image:url(thumbnails/honeycomb.png); margin:40px 0px 20px 0px; padding:0px;}
body{margin:0px; padding:0px;}
#page_container{height:100%; width:900px; margin:0px auto;}

/*  PRIMARY NAVIGATION  */
#navigation{width:175px; position:fixed;}
#navigation .logo{height:60px; width:175px; margin:0px;}
#navigation ul{list-style:none; margin:20px 0px 20px 5px; padding:0px;}
#navigation ul li{padding:0px; margin:5px 0px;}
#navigation ul li a{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color:#FFF; text-decoration:none;}
#navigation ul li a:hover{color:#8DC63F;}
#navigation h3{margin:60px 0px 0px 5px;}
#navigation p{margin:10px 0px 0px 5px;}


/*  WORK ICON LIST  */
#icons{margin:0px 0px 0px 5px; padding:0px;}
#icons ul{padding:0px; margin:0px;}
#icons ul li{padding:0px; margin:0px; display:inline;}
.icon_wrapper{position:relative; padding:0px; margin:0px 3px 3px 0px; float:left;}
.cadence_icon, .digital_icon, .SZ_icon, .MWV_icon, .portal_icon, .finance_icon, .spacebox_icon, .wine_icon, .furniture_icon, .light_icon, .frame_icon, .folgers_icon, .pilsner_icon, .connect_icon{position:absolute; z-index:15;}
.cadence_icon{background-image:url(thumbnails/product/Cadence_small.jpg); background-repeat:no-repeat;}
.digital_icon{background-image:url(thumbnails/photo/digital_small.jpg); background-repeat:no-repeat;}
.SZ_icon{background-image:url(thumbnails/graphic/SportsZone_small.jpg); background-repeat:no-repeat;}
.MWV_icon{background-image:url(thumbnails/packaging/MWV_small.jpg); background-repeat:no-repeat;}
.portal_icon{background-image:url(thumbnails/HCD/Portal_small.jpg); background-repeat:no-repeat;}
.finance_icon{background-image:url(thumbnails/HCD/Finance_small.jpg); background-repeat:no-repeat;}
.spacebox_icon{background-image:url(thumbnails/HCD/SpaceBox_small.jpg); background-repeat:no-repeat;}
.wine_icon{background-image:url(thumbnails/product/WineRack_small.jpg); background-repeat:no-repeat;}
.furniture_icon{background-image:url(thumbnails/product/Furniture_small.jpg); background-repeat:no-repeat;}
.light_icon{background-image:url(thumbnails/product/Light_small.jpg); background-repeat:no-repeat;}
.frame_icon{background-image:url(thumbnails/product/Frame_small.jpg); background-repeat:no-repeat;}
.folgers_icon{background-image:url(thumbnails/graphic/Folgers_small.jpg); background-repeat:no-repeat;}
.pilsner_icon{background-image:url(thumbnails/graphic/pilsner_small.jpg); background-repeat:no-repeat;}
.connect_icon{background-image:url(thumbnails/HCD/connect_small.jpg); background-repeat:no-repeat;}
.cadence_icon:hover, .digital_icon:hover, .SZ_icon:hover, .MWV_icon:hover, .portal_icon:hover, .finance_icon:hover, .spacebox_icon:hover, .wine_icon:hover, .furniture_icon:hover, .light_icon:hover, .frame_icon:hover, .folgers_icon:hover, .pilsner_icon:hover, .connect_icon:hover{background-image:none;}
.product_small, .human_small, .graphic_small, .packaging_small, .photo_small{position:absolute; z-index:10;}
.product_small, .human_small, .graphic_small, .packaging_small, .photo_small, .icon_wrapper, .cadence_icon, .digital_icon, .SZ_icon, .MWV_icon, .portal_icon, .finance_icon, .spacebox_icon, .wine_icon, .furniture_icon, .light_icon, .frame_icon, .folgers_icon, .pilsner_icon, .connect_icon{width:35px; height:35px;}

/*  ICON ROLLOVER DETAILS  */
.hidden{visibility:hidden; display:block; float:left; position:absolute; padding:0px; margin:0px;}
#icons ul li:hover > .hidden{visibility:visible;}
.details{position:relative; top:176px; float:left; width:149px;}
.icon_img{width:149px; height:80px; margin:0px; padding:0px;}
#icons h4, #icons p, h4.header, p.paragraph{font-family:Georgia, "Times New Roman", Times, serif; color:#FFF;}
#icons h4, h4.header{font-size:13px;font-weight:900; margin-top:15px; margin-bottom:5px;}
#icons p, p.paragraph{font-size:11px; font-style:italic; margin-top:0px; margin-bottom:0px;}
p.paragraph, h4.header{margin-left:5px; margin-right:5px;}
#icons h4, #icons p{margin-left:0px; margin-right:0px;}

#content{width:660px; height:100%; left:240px; position:absolute; margin:0px;}
#content h3, #navigation h3{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#FFF;}
#product_heading, #human_heading, #graphic_heading, #packaging_heading, #photo_heading{padding:5px; margin:10px 0px 0px 0px; width:250px}
#product_heading h3, #human_heading h3, #graphic_heading h3, #packaging_heading h3, #photo_heading h3{margin:0px;}
p.content{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
#content p.caption{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px; color:#999; margin:5px 0px 20px 0px}
#content a{text-decoration:underline; color:#FFF;}
#content a:hover{color:#8DC63F;}
#projects ul{list-style:none; padding:0px; margin:10px 0px;}
#projects ul li{height:auto; width:145px; margin:0px 10px 20px 10px; display:inline; float:left;}
#projects a{text-decoration:none}
p.project{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px; color:#FFF; padding:4px; margin:0px;}
.work_hidden{position:relative; visibility:hidden;}
#projects ul li:hover > .work_hidden{visibility:visible;}
.work_hover{position:absolute; width:145px; height:145px; top:-168px; background:url(thumbnails/75_grey.png);}

/*  COLOR DETAILS  */
.product, .product_small, #product_heading{background-color:#8DC63F;}
.human, .human_small, #human_heading{background-color:#00A0B0;}
.graphic, .graphic_small, #graphic_heading{background-color:#CC333F;}
.packaging, .packaging_small, #packaging_heading{background-color:#ec9b49;}
.photo, .photo_small, #photo_heading{background-color:#5E4099;}