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

/* GALLERY */
#gallery_outer{ width:140px; height:140px; padding:10px; float:left; text-align:left;  z-index: 9998; background:url(../images/content/background.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#CCCCCC;}
#gallery_nav{ width: 140px; height:134px; padding-top:6px; float:left; text-align:left; z-index: 9998; background-image:url(../images/gallery/panel.jpg); background-repeat:repeat-x; background-color:#FFA76E;}
#gallery_nav #gallery_buttons { margin:0; padding:0;}
#gallery_nav #gallery_buttons li {display:inline;}
#gallery_nav #gallery_buttons li a {float:left; overflow:hidden; padding-top:16px; width:140px; height:0;}
#gallery_nav #gallery_buttons li a { background-image:url(../images/nav/gallery_nav.jpg); background-repeat:no-repeat;}

/* INTRO */
#gallery_nav #gallery_buttons li#intro a{background-position: 0 0; }
#gallery_nav #gallery_buttons li#intro a:hover{background-position: 0 -16px; }

#gallery_nav #gallery_buttons li#intro_active a{background-position: 0 -16px; }
#gallery_nav #gallery_buttons li#intro_active a:hover{background-position: 0 -16px; }

/* ADVERTISING */
#gallery_nav #gallery_buttons li#advertising a{background-position: -140px 0; }
#gallery_nav #gallery_buttons li#advertising a:hover{background-position: -140px -16px; }

#gallery_nav #gallery_buttons li#advertising_active a{background-position: -140px -16px; }
#gallery_nav #gallery_buttons li#advertising_active a:hover{background-position: -140px -16px; }

/* BRANDING */
#gallery_nav #gallery_buttons li#branding a{background-position: -280px 0; }
#gallery_nav #gallery_buttons li#branding a:hover{background-position: -280px -16px; }

#gallery_nav #gallery_buttons li#branding_active a{background-position: -280px -16px; }
#gallery_nav #gallery_buttons li#branding_active a:hover{background-position: -280px -16px; }

/* DIGITAL */
#gallery_nav #gallery_buttons li#digital a{background-position: -420px 0; }
#gallery_nav #gallery_buttons li#digital a:hover{background-position: -420px -16px; }

#gallery_nav #gallery_buttons li#digital_active a{background-position: -420px -16px; }
#gallery_nav #gallery_buttons li#digital_active a:hover{background-position: -420px -16px; }

/* EVENTS */
#gallery_nav #gallery_buttons li#events a{background-position: -560px 0; }
#gallery_nav #gallery_buttons li#events a:hover{background-position: -560px -16px; }

#gallery_nav #gallery_buttons li#events_active a{background-position: -560px -16px; }
#gallery_nav #gallery_buttons li#eventst_active a:hover{background-position: -560px -16px; }

/* MAGAZINES */
#gallery_nav #gallery_buttons li#magazine a{background-position: -700px 0; }
#gallery_nav #gallery_buttons li#magazine a:hover{background-position: -700px -16px; }

#gallery_nav #gallery_buttons li#magazine_active a{background-position: -700px -16px; }
#gallery_nav #gallery_buttons li#magazine_active a:hover{background-position: -700px -16px; }

/* PUBLICATIONS */
#gallery_nav #gallery_buttons li#publications a{background-position: -840px 0; }
#gallery_nav #gallery_buttons li#publications a:hover{background-position: -840px -16px; }

#gallery_nav #gallery_buttons li#publications_active a{background-position: -840px -16px; }
#gallery_nav #gallery_buttons li#publications_active a:hover{background-position: -840px -16px; }

/* PUBLIC RELATIONS */
#gallery_nav #gallery_buttons li#public_relations a{background-position: -980px 0; }
#gallery_nav #gallery_buttons li#public_relations a:hover{background-position: -980px -16px; }

#gallery_nav #gallery_buttons li#public_relations_active a{background-position: -980px -16px; }
#gallery_nav #gallery_buttons li#public_relations_active a:hover{background-position: -980px -16px; }

/* CONTENT */
#gallery_content{
position:relative;
width: 562px;
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;
padding-right:10px;
float:left;
}

/* WELCOME */
#welcome{
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
width: 512px;
height:360px; 
text-align:left;
padding:25px;
background-image:url(../images/gallery/background.png);
background-repeat:no-repeat;
background-position:bottom;
background-color:#FFFFFF;
float:left;
overflow-x:hidden;
}

#overview_title{
	margin-bottom:25px;
	text-align: left;
	float:left;
	}

#overview_body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	width: 390px;
	height:235px;
	text-align: left;
	padding-right:15px;
	overflow:auto;
	float:left;
}

#overview_body ul{
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: left;
}

#overview_body li{
background-image:url(../images/content/square.gif);
background-repeat: no-repeat;
background-position: 0% .2em;
padding-left: 20px;
}

#design_body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	width: 155px;
	text-align: left;
	padding-right:15px;
	float:left;
}

#design_body ul{
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: left;
}

#design_body li{
background-image:url(../images/content/square.gif);
background-repeat: no-repeat;
background-position: 0% .2em;
padding-left: 20px;
}

#pr_body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	width: 360px;
	height:170px;
	text-align: left;
	padding-right:15px;
	overflow:auto;
	float:left;
}

#pr_body ul{
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: left;
}

#pr_body li{
background-image:url(../images/content/square.gif);
background-repeat: no-repeat;
background-position: 0% .2em;
padding-left: 20px;
}

/* IMAGE */
#right_panel{
width: 140px;
height: 150px;
background:url(../images/content/background.jpg); 
background-repeat:repeat-x; 
background-color:#CCCCCC;
margin-top:50px;
text-align: left;
float:left;
}

#right_panel_centred{
width: 140px;
height: 150px;
background:url(../images/content/background.jpg); 
background-repeat:repeat-x;
background-position:-140px;
background-color:#CCCCCC;
margin-top:190px;
text-align: left;
float:left;
}

#right_panel_bottom{
width: 140px;
height: 150px;
background:url(../images/content/background.jpg); 
background-repeat:repeat-x;
background-position:bottom;
background-color:#CCCCCC;
margin-top:330px;
text-align: left;
float:left;
}

#hotspot1{ width: 130px; height:130px; margin-top:10px; margin-right:10px; float:left; text-align:left; z-index: 9998; background-color:#FFA76E; float:left;}

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

#back #back_buttons li#go_back a{background-position: 0 0; }
#back #back_buttons li#go_back a:hover{background-position: 0 -60px; }