/*
 * Project:   Outside The Cube
 * Date:      February 1, 2010
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #fff; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #333; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 1.33; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.3em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #206296; text-decoration: none; }
a:hover, a:focus, a:active { color: #206296; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 940px; padding-left: 90px; background: url(../images/bg-1.png) 0 0 no-repeat; }
 #top { overflow: hidden; width: 100%; padding: 33px 0 15px 0; }
  #logo { margin: 0; float: left; padding-left: 19px; }
   #logo a { }
   #logo img { display: block; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 
 
 #accordion-wrapper {background: transparent url(../images/rc-1-btm.png) no-repeat scroll 0 100%; padding-bottom: 20px;}
 #accordion { width: 200px; background:  url(../images/rc-1-top.png) 0 0 no-repeat;padding-top: 20px;}
  #accordion h3 {font-size: 1.0em; padding-bottom: 3px; padding-top: 3px; border-bottom: 1px #4179A6 solid; margin-bottom: 0px;}
  #accordion .lastH3 {font-size: 1.0em; padding-bottom: 3px; padding-top: 3px; border-bottom: none; margin-bottom: 0px;}
  #accordion .ui-state-active { background: #397CB2 url(../images/bullet-2.png) 13px 50% no-repeat;}
  #accordion .ui-state-default { background: #206296 url(../images/bullet-1.png) 13px 50% no-repeat;}
  #accordion a { margin: 0; padding: 0 0 0 43px; display: block; color: white; text-decoration: none; font-weight: bold; font-size: 1.8em; line-height: 20px; }
   #accordion a:hover {background-color: #397CB2; background: url(../images/bullet-2.png) 13px 50% no-repeat;}
  #accordion ul {background: #d7edfc url(../images/brd-2.png) 21px 97% no-repeat !important; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; padding-left: 22px; padding-top: 3px;} 
  #accordion li a { background: url(../images/bullet-3.png) 0px 50% no-repeat; color: #206296; font-size: 1.1em; font-weight: bold; line-height: 20px; padding: 0 0 5px 20px; margin-left: 0px; } 
   #accordion li a:hover {background: url(../images/bullet-3.png) 0px 50% no-repeat; color: #F68933; }
   #accordion li .active {color: #F68933;}

 #content { width: 100%; }
 #footer { clear: both; width: 100%; padding-top: 40px; }
  #footer .wrapper { width: 100%; padding: 16px 0 70px 0; background: url(../images/brd-1.png) 0 0 repeat-x; }
  #footer p { margin: 0; line-height: 1.3; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

 .header-a { position: absolute; top: 34px; left: 0; width: 200px; margin: 0; background: url(../images/bullet-4.png) 100% 50% no-repeat; padding-right: 20px; color: #206296; letter-spacing: -0.02em; line-height: 1; font-size: 5.6em; }
  .header-a strong { display: block; width: 200px; background: #d7edfc url(../images/rc-2-top.png) 0 0 no-repeat; }
  .header-a span { display: block; text-align: center; padding: 23px 0 18px 0; background: url(../images/rc-2-btm.png) 0 100% no-repeat; }
  * html .header-a span { padding: 23px 0 10px 0; }
  *:first-child+html .header-a span { padding: 23px 0 10px 0; }

 .header-b { margin-bottom: 8px; color: #294f6d; font-size: 1.3em; text-transform: uppercase; letter-spacing: -0.02em; } 
  .hb-a { font-size: 1.2em; letter-spacing: normal; } 
  
 .header-c { margin-bottom: 15px; padding: 0 240px 8px 4px; color: #206296; background: url(../images/brd-4.png) 0 100% repeat-x; letter-spacing: -0.02em; line-height: 1; font-weight: normal; font-size: 5.6em; } 
 * html .header-c { padding-bottom: 4px; } 
 *:first-child+html .header-c { padding-bottom: 4px; } 
 
 .header-d { margin: 0; font-size: 2.4em; color: #206296; letter-spacing: -0.02em; } 
 .header-e { margin: 0 0 30px 0; font-size: 2.6em; font-weight: normal; line-height: 1.23; letter-spacing: -0.02em; }
 
/* containers */
 .box-a { float: right; padding: 9px 1px 11px 0; width: 160px; border-top: 2px solid #0a5494; background: url(../images/brd-1.png) 0 100% repeat-x; }
  .box-a p { margin: 0; font-size: 1.4em; color: #2c2c2c; text-align: right; line-height: 1.15; }
   .box-a p a { color: #2c2c2c; text-decoration: none; }
   .box-a p a:hover { color: #2c2c2c; text-decoration: underline; }

 .box-b { position: relative; width: 327px; height: 366px; margin-left: 40px; background: url(../images/box-1.png) 0 0 no-repeat; }
 
 .box-c { padding : 30px 0 0 12px; }
 
 .box-d { position: relative; overflow: hidden; width: 100%; height: 298px; margin: 8px 0 25px 0; }
  .box-d p.image { margin: 0; }
   .box-d p.image img { display: block; }
	
 .box-e { position: absolute; top: 0; right: 0; width: 210px; height: 168px; padding: 110px 0 20px 50px; color: #fff; background: url(../images/bg-3.png) 0 0 no-repeat; }	
  .box-e h3 { margin-bottom: 4px; font-size: 2.4em; letter-spacing: -0.04em; }	
  .box-e p { font-size: 1.8em; line-height: 1.18; }	
   .box-e p strong { font-weight: normal; color: #48a8f4; }	
	
 .box-f { width: 200px; background: #d7edfc url(../images/rc-2-top.png) 0 0 no-repeat; }
  .box-f .wrapper { padding: 16px 17px 22px 17px; background: url(../images/rc-2-btm.png) 0 100% no-repeat; }	
   .box-f .wrapper p { margin: 0; }	
 .bf-a { margin-top: 47px; }
 .bf-b { margin: 137px 0 55px 0; } 
	
 .box-g { width: 201px; padding-bottom: 22px; background: url(../images/bg-7.png) 0 100% no-repeat; }	
  .box-g .wrapper { padding: 20px 15px 3px 25px; background: url(../images/bg-8.png) 0 0 no-repeat; }	  
  .box-g h3 { margin: 0; font-size: 1.8em; }	
  .box-g p { margin: 0; font-size: 1.3em; }	
   .box-g p a { color: #333; }	
   .box-g p a:hover { color: #333; }	
 .list-g .box-g { position: absolute; top: -5px; left: -190px; display: none; }	
 
 /** html .box-g { width: 201px; padding: 0; background: url(../images/bg-9.png) 0 0 no-repeat; }	
  * html .box-g .wrapper { padding: 27px 15px 27px 25px; background: none; }	
 *:first-child+html .box-g { width: 201px; padding: 0; background: url(../images/bg-9.png) 0 0 no-repeat; }	
  *:first-child+html .box-g .wrapper { padding: 27px 15px 27px 25px; background: none; }	*/
	
 .box-h { position:relative; overflow: hidden; width: 100%; }	
 
 .box-i { margin-top: 16px; }	
  .box-i .image { margin: 0 0 21px 0; }	
   .box-i .image img { display: block; }	
  .box-i h3 { margin: 0; }	
  .box-i ul { overflow: hidden; width: 100%; list-style: none; margin: 0; padding: 0 0 20px 0; }	
   .box-i ul li { font-size: 1.5em; float: left; margin-left: 5px; padding-left: 6px; background: url(../images/brd-5.png) 0 50% no-repeat; }	
   .box-i ul li.street-address { float: none; margin: 0; padding: 0; background: none; }	
   .box-i ul li.locality { margin: 0; padding: 0; background: none; }	
	
 .cols-two-a { float: left; width: 100%; }
  .cols-two-a .primary-ta { float: left; width: 200px; }
  .cols-two-a .secondary-ta { position: relative; float: right; width: 700px; margin-top: -20px; }
 .cta-a { background: url(../images/bg-2.png) 0 300px no-repeat; }

 .cols-two-b { position: relative; clear: both; overflow: hidden; width: 700px; padding: 34px 0 0 240px; }
  .cols-two-b .primary-tb { float: left; width: 420px; }
  .cols-two-b .secondary-tb { float: right; width: 200px; }
  
 .cols-two-c { width: 100%; float: left; background: url(../images/bg-6.png) 100% 0 no-repeat; }
  .cols-two-c .primary-tc { float: left; width: 455px; padding-bottom: 135px; }
  .cols-two-c .secondary-tc { float: right; width: 220px; padding-bottom: 135px; } 
 
 .cols-three-a { overflow: hidden; width: 100%; }
  .cols-three-a .primary-th-a { float: left; width: 360px; }
  .cols-three-a .secondary-th-a { float: left; width: 220px; }
  .cols-three-a .tertiary-th-a { float: right; width: 200px; }
  
 .text-section-a {  }
  .text-section-a h3 { margin-bottom: 0; font-size: 1.2em; text-transform: uppercase; }
  .text-section-a p { margin-bottom: 24px; padding-right: 65px; font-size: 1.5em; } 

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */
 .list-a { position: absolute; top: 0; left: 0; list-style: none; width: 327px; height: 366px; margin: 0; padding: 0; }
  .list-a li { position: absolute; line-height: 100px; }  
  .list-a li.ideas { z-index: 1; width: 69px; height: 114px; top: 112px; left: 256px; }   
  .list-a li.innovate { z-index: 1; width: 105px; height: 55px; top: 10px; left: 110px; }   
  .list-a li.creative { z-index: 2; width: 105px; height: 55px; top: 58px; left: 193px; }
   .list-a li h3 { position: absolute; overflow: hidden; margin: 0; text-indent: -10001px; display: none; }
   .list-a li.ideas h3 { top : -60px; right: -231px; width: 221px; height: 79px; background: url(../images/bubble-3.png) 0 0 no-repeat; }
   .list-a li.innovate h3 { display: block; top : -76px; left: -113px; width: 146px; height: 77px; background: url(../images/bubble-1.png) 0 0 no-repeat; }
   .list-a li.creative h3 { top : -98px; right: -210px; width: 228px; height: 99px; background: url(../images/bubble-2.png) 0 0 no-repeat; }

 .list-b { position: absolute; top: 0; left: 0; list-style: none; width: 327px; height: 366px; margin: 0; padding: 0; }
  .list-b li { display: block; position: absolute; z-index: 1; width: 70px; height: 112px; }
  .list-b li.current { z-index: 15; }
  .list-b li.item-1 { top: 111px; left: 0; }
  .list-b li.item-2 { top: 207px; left: 0; }
  .list-b li.item-3 { top: 159px; left: 82px; }
  .list-b li.item-4 { top: 255px; left: 82px; }
   .list-b li p { display: none; position: absolute; left: -87px; top: 30px; width: 112px; height:112px; padding: 17px 0 0 17px; background: url(../images/frame-1.png) 0 0 no-repeat; }
    .list-b li p a { display: block; position: relative; width: 94px; height: 94px; outline: none; }
     .list-b li p a img { display: block; }
     .list-b li p a span { position: absolute; right: 0; bottom: 0; display: block; overflow: hidden; width: 24px; height: 24px; background: url(../images/magnifier.png) 0 0 no-repeat; text-indent: -10001px; }
 
 .list-c { list-style: none; margin: 0; padding: 0 0 9px 0; }
  .list-c li { font-size: 1em; }
   .list-c h3 { margin-bottom: 2px; font-size: 1.6em; color: #0f6cb6; line-height: 1.12;  }
    .list-c h3 a { color: #0f6cb6; text-decoration: none; }
    .list-c h3 a:hover { color: #0f6cb6; text-decoration: underline; }
   .list-c p.date { margin-bottom: 6px; color: #909090; font-size: 1.1em; text-transform: uppercase; }
   .list-c p { font-size: 1.3em; }
    .list-c p a { color: #333; }
    .list-c p a:hover { color: #333; text-decoration: underline; }
 
 .list-d { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 8px 0 0 0; background: url(../images/brd-3.png) 0 0 repeat-x; }
  .list-d li { float: left; }
  .list-d li.feed { margin-right: 7px; padding-right: 10px; background: url(../images/bullet-6.png) 100% 50% no-repeat; }
   .list-d li a { display: block; padding: 2px 0; line-height: 1; }
   .list-d li.feed a { padding-left: 21px; background: url(../images/bullet-7.png) 0 50% no-repeat; } 
	
 .list-e { list-style: none; margin: 0; padding: 0; }	
  .list-e li { padding-bottom: 19px; }	
  .list-e li a { display: block; }	
   .list-e li img { display: block; margin-bottom: 5px; border: 1px solid #b4b4b4; }	
	
 .list-f { position: absolute; top: 0; left: 0; float: left; list-style: none; margin: 0; padding: 5px 10px; background: url(../images/bg-4.png) 0 0 no-repeat; }	
  .list-f li { float: left; font-size: 1.1em; }	
   .list-f li a { display: block; width: 15px; height: 15px; color: #fff; line-height: 15px; text-align: center; }	
   .list-f li a:hover,
   .list-f li a.active { background: #474747; text-decoration: none; }

 .list-g { position: relative; list-style: none; width: 424px; height: 350px; margin: 0 0 0 5px; padding:0; background: url(../images/map-1.png) 0 0 no-repeat; }	
  .list-g li { display: block; position: absolute; z-index: 1; width: 50px; height: 50px; font-size: 1em; }
  .list-g li.current { z-index: 15; }
  .list-g li.item-1 { top: 142px; left: -2px; }
  .list-g li.item-2 { top: 260px; left: 21px; }
  .list-g li.item-3 { top: 248px; left: 358px; } 
   .list-g li span.bullet { display: block; width: 50px; height: 50px; background: url(../images/bullet-10.png) 0 0 no-repeat;}
 
 .list-h { overflow: hidden; list-style: none; margin: 0 0 0 -40px; padding: 3px 0 0 0; }
  .list-h li { float: left; width: 140px; padding: 0 0 34px 40px; font-size: 1.5em; min-height: 180px;}
   .list-h li p { margin: 0; font-size: 1.0em; }
    .list-h li p strong { font-size: 1.1em; }
 * html .list-h { width: 740px; }
 
/* paragraphs */
 .text-a { margin-bottom: 7px; font-size: 2.8em; letter-spacing: -0.02em; line-height: 1.21; }
 
 .text-b { margin-bottom: 0; padding-left: 4px; color: #f68933; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
 
 .more { margin: 0; font-size: 2em; line-height: 1.5em; }
  .more a { padding-right: 22px; background: url(../images/bullet-5.png) 100% 60% no-repeat; }
 .m-a a { padding: 0 0 0 27px; background: url(../images/bullet-8.png) 0 60% no-repeat; }
 .ma-a { position: absolute; bottom: 36px; right: 5px; }

 .more-b { position: absolute; top: 0; right: 0; font-size: 1.2em; }
  .more-b a { display: block; float: left; height: 24px; padding: 0 20px 0 8px; color: #fff; background: #000 url(../images/bullet-9.png) 100% 50% no-repeat; line-height: 24px; }
  
/* FANCYBOX */
 html, body { height: 100%; }
 div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; display: none; z-index: 30; } 
 * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } 
 div#fancy_wrap { text-align: left; } 
 div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } 
 div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/fancybox/fancy_progress.png') no-repeat; } 
 div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; } 
 div#fancy_loading_icon { position: absolute; background: url('../images/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; } 
 div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } 
 div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF; } 
 div#fancy_content { margin: 0; z-index: 100; position: absolute; } 
 div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; } 
 img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; } 
 div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../images/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } 
 #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } 
 #fancy_ajax { width: 100%; height: 100%; overflow: auto; } 
 a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; } 
 a#fancy_left { left: 0px; } 
 a#fancy_right { right: 0px; } 
 span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } 
 span#fancy_left_ico { left: -9999px; background: transparent url('../images/fancybox/fancy_left.png') no-repeat; } 
 span#fancy_right_ico { right: -9999px; background: transparent url('../images/fancybox/fancy_right.png') no-repeat; } 
 a#fancy_left:hover { visibility: visible; } 
 a#fancy_right:hover { visibility: visible; } 
 a#fancy_left:hover span { left: 20px; } 
 a#fancy_right:hover span { right: 20px; } 
 .fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } 
 div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; } 
 div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x; } 
 div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat; } 
 div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y; } 
 div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat; } 
 div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x; } 
 div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat; } 
 div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y; } 
 div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat; } 
 div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; } 
 div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } 
 div#fancy_title table { margin: 0 auto; } 
 div#fancy_title table td { padding: 0; vertical-align: middle; } 
 td#fancy_title_left { height: 32px; width: 15px; background: transparent url(fancy_title_left.png) repeat-x; } 
 td#fancy_title_main { height: 32px; background: transparent url(fancy_title_main.png) repeat-x; } 
 td#fancy_title_right { height: 32px; width: 15px; background: transparent url(fancy_title_right.png) repeat-x; } 
 
 .NewsFullView {}
 .NewsFullView h3 { margin-bottom: 2px; font-size: 1.6em; color: #0f6cb6; line-height: 1.12;}
 .NewsFullView .date { margin-bottom: 6px; color: #909090; font-size: 1.1em; text-transform: uppercase; }
 .NewsFullView p {font-size: 1.3em;}