@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style-image:none;list-style-position:outside;list-style-type:none}

h1,h2,h3,h4,h5,h6,p,ul,li{font-family:Helvetica, Arial, sans-serif; padding:0; margin:0; font-size: 13px;}

h1{font-size: 22px; margin-bottom: 22px;}
h2{font-size: 16px; margin-bottom: 16px;}
p,li{line-height: 15px;}
p{margin-bottom: 13px;}

ol{margin-bottom:13px;}

ol{list-style:outside decimal;}
ol li{margin: 0 0 13px 20px; font-size: 15px; line-height:24px;}
ol ol li{font-size: 13px; line-height:15px;}
ol ol{list-style-type:lower-roman;}
ol ol ol{list-style-type:lower-alpha;}

.legalities{margin-left: 10px;}

#skip{display:none;}

#container{position:relative; clear:both; border: 3px solid #b1b2b3; width: 796px; height: 617px; margin: 0 auto;}

#logo{display:block; text-indent: -999em; width:276px; height: 132px; position:absolute; top:0; left:0; background: url('../img/logo.gif') no-repeat top left;}

#nav-main{position:absolute; top:0; right:20px; display:block; padding:0; margin:0;}
#nav-main ul,#nav-main li{float:left; padding:0; margin:0;}
#nav-main li span{float:left; padding: 18px 12px; font-size: 24px; font-family:"Helvetica Neue", "Arial Black", sans-serif; font-weight:bold; color: #c5c6c6; text-decoration:none;}
#nav-main span:hover{color: #b5b7b7;}

#node, #node li{display:block; padding:0; margin:0;}

#node,#about,#clients,#contact{display:none;}

#about,#clients,#contact{position:absolute; top: 50px; left:361px; height: 90px; width: 420px; z-index: 10; color: #c5c6c6;}
p{margin:0; padding:0;}
#about{width: 250px; font-size: 14px}
#contact p{font-size: 19px; line-height: 21px; font-family:"Helvetica Neue", "Arial Black", sans-serif; font-weight:bold;}
#contact a{color: #868786; text-decoration:none;}

#clients ul{float:left; padding:0; margin-right: 25px; font-size: 13px; line-height: 16px;}
#clients a:hover{color:#666666;}

#primary{display:block; position: absolute; top: 160px; width: 100%;}
#primary ul{margin: 0 auto; position:relative; display:block; height: 413px; width: 483px; background: url('../img/our-work.gif') no-repeat top left;}

#imgs{display:none;}

/* ---- Main graphic ---- */
#advertising-comms a,#web a, #pack-design a, #branding-strategy a, #exhibitions-promotions a{position:absolute; text-indent: -999em; display:block;}
#advertising-comms a{width: 298px; height: 211px; bottom: 0; left: 143px; z-index: 1;}
	#advertising-comms a:hover{background: url('../img/our-work-hover.gif') no-repeat -467px 0;}
#web a{width: 82px; height: 66px; bottom: 108px; left: 401px; z-index: 2;}
	#web a:hover{background: url('../img/our-work-hover.gif') no-repeat -375px -175px;}
#pack-design a{width: 92px; height: 175px; top: 0; left: 278px; z-index: 3;}
	#pack-design a:hover{background: url('../img/our-work-hover.gif') no-repeat -375px 0;}
#branding-strategy a{width: 175px; height: 239px; top: 11px; left: 111px; z-index: 4;}
	#branding-strategy a:hover{background: url('../img/our-work-hover.gif') no-repeat -200px 0;}
#exhibitions-promotions a{width: 200px; height: 200px; top: 133px; left: 0; z-index: 5;}
	#exhibitions-promotions a:hover{background: url('../img/our-work-hover.gif') no-repeat 0 0;}

/* ---- Footer ---- */
#footer{position:absolute; bottom:10px; left:0; text-align: center; width: 100%; color: #d4d4d4; font-size:11px;}
#footer p{padding:0; margin:0; font-size:11px;}
#footer ul{display:block; position:absolute; bottom:0; left:5px;}
#footer ul,#footer li{float:left; padding:0; margin:0; font-size:11px;}
#footer a{float:left; text-decoration:none; color: #d4d4d4; padding: 0 5px;}
#footer a:hover{color: #c5c6c6;}

/* ---- Height Fix ---- */
#skip{display:block; float:left; height:50%; width: 100%; margin-bottom:-340px; visibility:hidden;}

/* ---- 404 Page ---- */
#text-content{text-align:center;}