/* PANEL EDGE */
#panel{
width: 10px;
height: 320px;
background:url(../images/content/background.jpg); 
background-repeat:repeat-x;
background-position:bottom;
background-color:#CCCCCC;
text-align: left;
float:right;
}

/* HOTSPOTS */
#hotspot1{ width: 130px; height:130px; margin-right:10px; float:left; text-align:left; z-index: 9998; background-color:#000000; float:left;}
#hotspot1 #hotspots { margin:0; padding:0;}
#hotspot1 #hotspots li {display:inline;}
#hotspot1 #hotspots li a {float:left; overflow:hidden; padding-top:130px; width:130px; height:0;}
#hotspot1 #hotspots li a { background-image:url(../images/hotspots/tbg_hub.png); background-repeat:no-repeat;}

#hotspot2{ width: 130px; height:130px; margin-top:10px; margin-right:10px; float:left; text-align:left; z-index: 9998; background-color:#000000; float:left;}
#hotspot2 #hotspots { margin:0; padding:0;}
#hotspot2 #hotspots li {display:inline;}
#hotspot2 #hotspots li a {float:left; overflow:hidden; padding-top:130px; width:130px; height:0;}
#hotspot2 #hotspots li a { background-image:url(../images/hotspots/green.png); background-repeat:no-repeat;}

#hotspot3{ width: 130px; height:130px; margin-top:10px; float:left; text-align:left; z-index: 9998; background-color:#000000; float:left;}
#hotspot3 #hotspots { margin:0; padding:0;}
#hotspot3 #hotspots li {display:inline;}
#hotspot3 #hotspots li a {float:left; overflow:hidden; padding-top:130px; width:130px; height:0;}
#hotspot3 #hotspots li a { background-image:url(../images/hotspots/contact.png); background-repeat:no-repeat;}

#hotspot4{ width: 130px; height:130px; margin-top:10px; margin-right:10px; float:left; text-align:left; z-index: 9998; background-color:#000000; float:left;}
#hotspot4 #hotspots { margin:0; padding:0;}
#hotspot4 #hotspots li {display:inline;}
#hotspot4 #hotspots li a {float:left; overflow:hidden; padding-top:130px; width:130px; height:0;}
#hotspot4 #hotspots li a { background-image:url(../images/hotspots/comms.png); background-repeat:no-repeat;}

#hotspot5{ width: 130px; height:130px; margin-top:10px; margin-right:10px; float:left; text-align:left; z-index: 9998; background-color:#000000; float:left;}
#hotspot5 #hotspots { margin:0; padding:0;}
#hotspot5 #hotspots li {display:inline;}
#hotspot5 #hotspots li a {float:left; overflow:hidden; padding-top:130px; width:130px; height:0;}
#hotspot5 #hotspots li a { background-image:url(../images/hotspots/free_stuff.png); background-repeat:no-repeat;}

#hotspot6{ width: 130px; height:130px; margin-top:10px; float:left; text-align:left; z-index: 9998; background-color:#000000; float:left;}
#hotspot6 #hotspots { margin:0; padding:0;}
#hotspot6 #hotspots li {display:inline;}
#hotspot6 #hotspots li a {float:left; overflow:hidden; padding-top:130px; width:130px; height:0;}
#hotspot6 #hotspots li a { background-image:url(../images/hotspots/gallery.png); background-repeat:no-repeat;}

#hotspot7{ width: 130px; height:130px; margin-top:10px; margin-right:10px; float:left; text-align:left; z-index: 9998; background-color:#000000; float:left;}
#hotspot7 #hotspots { margin:0; padding:0;}
#hotspot7 #hotspots li {display:inline;}
#hotspot7 #hotspots li a {float:left; overflow:hidden; padding-top:130px; width:130px; height:0;}
#hotspot7 #hotspots li a { background-image:url(../images/hotspots/job.jpg); background-repeat:no-repeat;}

/* MARKETING */
#hotspot1 #hotspots li#marketing a{background-position: 0 0; }
#hotspot1 #hotspots li#marketing a:hover{background-position: 0 -130px; }

/* CONTENT */
#home_content{
width: 410px;
height:410px; 
background:url(../images/content/background.jpg); 
background-repeat:repeat-x; 
background-color:#CCCCCC;
text-align:left;
margin-top:50px;
padding:10px 10px 10px 0;
float:left;
}


/* WELCOME */
#welcome{
width: 270px;
height:130px; 
text-align:left;
background-color:#000000;
float:left;
}

/* PR */
#hotspot2 #hotspots li#pr a{background-position: 0 0; }
#hotspot2 #hotspots li#pr a:hover{background-position: 0 -130px; }

/* BLANK */
#blank{
width: 130px;
height:130px; 
text-align:left;
margin-top:10px;
margin-right:10px;
float:left;
background-color:#000000;
}

/* CONTACT US */
#hotspot3 #hotspots li#contact a{background-position: 0 0; }
#hotspot3 #hotspots li#contact a:hover{background-position: 0 -130px; }


/* DESIGN */
#hotspot4 #hotspots li#design a{background-position: 0 0; }
#hotspot4 #hotspots li#design a:hover{background-position: 0 -130px; }


/* EVENTS */
#hotspot5 #hotspots li#events a{background-position: 0 0; }
#hotspot5 #hotspots li#events a:hover{background-position: 0 -130px; }


/* ENGAGEMENT */
#hotspot6 #hotspots li#engage a{background-position: 0 0; }
#hotspot6 #hotspots li#engage a:hover{background-position: 0 -130px; }

/* RECRUITMENT */
#hotspot7 #hotspots li#job a{background-position: 0 0; }

 /* VIDEO */
#video{ width:18px; height:60px; float:left; text-align:left; z-index: 9998; margin-top:340px;}
#video #video_buttons { margin:0; padding:0;}
#video #video_buttons li {display:inline;}
#video #video_buttons li a {float:left; overflow:hidden; padding-top:60px; width:18px; height:0px;}
#video #video_buttons li a { background-image:url(../images/nav/video.jpg); background-repeat:no-repeat;}

#video #video_buttons li#video_site a{background-position: 0 0; }
#video #video_buttons li#video_site a:hover{background-position: 0 -60px; }
#hotspot7 #hotspots li#job a:hover{background-position: 0 -130px; }