/*
Theme Name: Great Works Update
Theme URI: http://greatworks.com/
Description: New re-design of Great Works 2009 Site.
Version: 1.5
Author: Great Works
Author URI: http://greatworks.com/
Tags: sky blue, salmon, black, magazine style, mostly custom, two columns, pure AJAX web 2.0 shit.
*/
@import url('typography.css');
jp,
h1.startpage br	{display: none;}

* 			{margin:0;padding:0;}
body		{font: 12px/20px "ITC Caslon Book", Georgia, "Times New Roman", Times, serif; color: #666666;}
img 		{border:none;}

/* general */
.clear		{clear:both;}
.left		{float:left;}
.right		{float:right;}
var			{display: none;}
/* p			{margin-bottom: 16px;} */

address 	 {color: #000; font-style: normal; font-size: 20px; line-height: 33px; font-size: 18px;}
address span {color: #00AADC;}


span.blue {font-weight: normal; font-size: 18px; color: #00AADC;}
span.meta {color: red;}
a:link, a:visited, a:active {color: #00AADC;}
a:hover {background-color: #00AADC; color: #FFF;}


/* DEBUGGER */
/*
	.left, .right {border: 1px solid red;}
	#wrapper {border: 1px solid red;}
	#navigation	{border: 1px solid black;}
	#content {border: 1px solid red;}
	.section {border: 1px solid green;}
	.section .office {border: 1px solid blue;}
	#footer	{border: 1px solid #CCC;}

/* DEBUGGER */


#wrapper					{min-width: 990px; max-width: 1188px; margin: 0 auto 0 auto;}
#wrapper-sub				{min-width: 990px; max-width: 990px; margin: 0 auto 0 auto;}
#header						{position: relative;}

/* navigation */
#nav						{width: 596px; height: 42px; margin: 0 auto 0 auto; /*position:absolute;*/ top:0; left:296px;}
#nav ul 					{list-style: none; text-align: center;}
#nav ul li					{display: inline; text-transform: uppercase; margin: 0 5px 0 5px;}

#nav li.current_page_item a {background-color: #00AADC; color: #FFF;}
#nav ul li a				{color: #000; text-decoration: none; display: inline-block; height: 26px; padding: 10px 5px 0 5px; font-size: 13px;}
#nav ul li a:link,
#nav ul li a:active,
#nav ul li a:visited		{text-decoration: none; display: inline-block; height: 26px; padding: 10px 5px 0 5px;}
#nav ul li a:hover			{background-color: #00AADC; color: #FFF;}
#nav ul li a.current		{background-color: #00AADC; color: #FFF;}

#content					{width: 990px; margin: 0 auto 0 auto;}

#footer 					{margin: 20px 0 0 0; border-top: 1px solid #00ADDC;}
#footer .section .box ul 			{list-style: none; }
#footer .section .box .list li		{margin-left: 15px; border-bottom: 1px solid #C0E6F4; text-transform: uppercase; }
#footer .section .box .list,
#footer .section .box .list ul 	{list-style: disc; list-style-position: outside;}
#footer .section 			{margin: 0 auto 30px auto; border-top: 0; padding: 17px 0 0 0 ; }
#footer .box 				{float: left; margin-right: 13px; font-family: Helvetica,Arial; font-size: 10px; width: 190px; line-height: 21px;}
#footer .box .menu,
#footer .box h3,
#footer .box h4 			{text-transform: uppercase; font-weight: normal;}
#footer .box a.link 		{color: #00AADC; text-decoration: underline;}
#footer .box .list a.link:hover 	{background-color: #00AADC; color: #FFF; text-decoration: underline;}

#footer .ft_logo		{margin-right: 0; width: 155px; text-align: center; line-height: 1.6;}
#footer .ft_logo span	{display: block; text-transform: uppercase;}

#footer .section .box.ft_contact ul	{list-style: inside none;}
#footer .section .box.ft_contact ul li	{margin: 0 0 1px; border: 0;}
#footer .section .box.ft_contact ul li a			{color: #00AADC; text-decoration: none;}
#footer .section .box.ft_contact ul li a:hover	{color: #00AADC; background: transparent; text-decoration: underline;}

#footer .list a 					{text-decoration: none; color: #666;}
#footer .list a:hover 			{color: #FFF;}
#footer h3	 				{color: #00AADC; font-size: 18px; font-family: "ITC Caslon Book", Georgia, "Times New Roman", Times, serif;}
#footer h4	 				{font-size: 12px;}
#footer ul 					{margin-top: 5px;}
#footer img 					{display: block; margin: 0 auto;}
#footer img.id_logo			{margin-top: 16px;}

#footer .left 				{float: left;}
#footer .mid 				{float: left; margin: 6px auto 0 auto; text-align: center; width: 854px;}
#footer .mid a				{margin: 0 6px 0 6px; color: #00AADC;}
#footer .mid a:hover		{margin: 0 6px 0 6px; color: #FFF;}
#footer .right				{float: left;}
#footer .right a 			{background-color: #FFF;}


/* START PAGE 
-------------------------------------------------------------------------------------------------------------------------------------*/
.section						 {width: 990px; margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #00AADC; overflow: hidden; position: relative;}
.section .intro span.light-blue  {color: #00AADC;}
.section .intro					 {width: 960px; margin: 6px auto 25px; font-size: 26px; text-align: center; letter-spacing: -0.5px; line-height: 36px; color: #333; word-spacing: 2px;}
.section .intro .capital			 {text-transform: uppercase; letter-spacing: 1px; display: block;}

.section .options				 {position: absolute; top: 8px; right:0; font-size: 11px; font-family: Helvetica, Arial;}
.section .options a				 {color: #000; text-decoration: none; cursor: pointer;}
.section .options a:hover 		 {color: #FFF; text-decoration: underline;}
.section .options a.active		 {color: #00AADC; text-decoration: underline;}
.section .options a.active:hover {color: #FFF; text-decoration: underline;}

/* round icons */
.row {margin-bottom: 20px;}

.nomination {font-size: 26px; color:#000; margin-top: 10px; text-align: center;}
.nomination span {font-size: 23px;}
.nomination img {position: relative;}
.nomination a:hover {background: transparent;}

.section .item					{width: 167px; float:left; margin: 0 105px 0 0; overflow: hidden; height: 260px; cursor: pointer; text-align: center; /*border: 1px solid blue;*/} 
#people .section .item 			{overflow: visible;}

.section .item .image			{width: 167px; height: 167px; margin-bottom: 5px;}
.section .item .image a 		{display:block; width:167px; height:167px;}
.section .item .image a:focus   {color: #FFF;}
.section .item .image a img		{float: left;} /* IE 6 */
.section .item .image a span		{width: 167px; height: 167px; display: block; cursor: pointer;}


.section .item .desc			{font-size: 20px; color: #00AADC;}
.section .item .desc a			{text-decoration: none;}
.section .item .desc .meta 		{font-size: 10px; color: #666; line-height: 16px; margin-top: 2px;}
.section .item .desc .meta span	{color: #ff9999;}
.section .item .desc small		{font-size: 10px; color: #666; font-family: Helvetica, Arial; letter-spacing: 0.5px;}
.section .item .desc small span	{color: #ff9999;}
    

.section .item .image a  			{position: relative;}

.section .item .image a span.overlay_circle 				{background: url(/images/site/overlay_people.png) no-repeat 0px 0px;}
.section .item .image a span.overlay_circle.circle_hover 	{background-position: -167px;}
.section .item .image a span.flag	{background: url(/images/site/flags_people.png) no-repeat 0px 0px; display: block; height: 55px; position: absolute; right: -40px; top: -2px; width: 75px;}

.section .item .image a span.flag.shanghai		{background-position: 0px -218px;}
.section .item .image a span.flag.tokyo		{background-position: 0px -56px;}
.section .item .image a span.flag.barcelona	{background-position: 0px 0px;}
.section .item .image a span.flag.stockholm	{background-position: 0px -112px;}
.section .item .image a span.flag.new.york		{background-position: 0px -165px;}

.section .item .image a span.smiley_1 			{background: url(/images/site/icons_sprite.png) no-repeat 0px 0px;}
.section .item .image a span.smiley_1_hover 	{background: url(/images/site/icons_sprite.png) no-repeat -167px 0px;}
.section .item .image a span.smiley_2 			{background: url(/images/site/icons_sprite.png) no-repeat 0px -167px;}
.section .item .image a span.smiley_2_hover 	{background: url(/images/site/icons_sprite.png) no-repeat -167px -167px;}

.section .item .image a span.prize_1 			{background: url(/images/site/icons_sprite.png) no-repeat 0px -334px;}
.section .item .image a span.prize_1_hover		{background: url(/images/site/icons_sprite.png) no-repeat -167px -334px;}
.section .item .image a span.prize_2 			{background: url(/images/site/icons_sprite.png) no-repeat 0px -501px;}
.section .item .image a span.prize_2_hover 		{background: url(/images/site/icons_sprite.png) no-repeat -167px -501px;}

.section .item .image a span.hamburger_1 		{background: url(/images/site/icons_sprite.png) no-repeat 0px -668px;}
.section .item .image a span.hamburger_1_hover	{background: url(/images/site/icons_sprite.png) no-repeat -167px -668px;}
.section .item .image a span.hamburger_2 		{background: url(/images/site/icons_sprite.png) no-repeat 0px -835px;}
.section .item .image a span.hamburger_2_hover 	{background: url(/images/site/icons_sprite.png) no-repeat -167px -835px;}

.section .item .image a span.other_1 		{background: url(/images/site/icons_sprite.png) no-repeat 0px -1002px;}
.section .item .image a span.other_1_hover	{background: url(/images/site/icons_sprite.png) no-repeat -167px -1002px;}
.section .item .image a span.other_2 		{background: url(/images/site/icons_sprite.png) no-repeat 0px -1169px;}
.section .item .image a span.other_2_hover 	{background: url(/images/site/icons_sprite.png) no-repeat -167px -1169px;}

.section .new_business_inquiries			{background: url("/images/badge_start.jpg") no-repeat scroll 96% 71% transparent; font-size: 25px; height: 90px; line-height: 1.4; margin: 0 auto; padding: 30px 0; text-align: center; width: 450px;}
.section .new_business_inquiries span	{display: block; text-transform: uppercase;}


/* clients & cases */
.section .item-cc					{width:230px; float:left; margin: 0 23px 23px 0;}
.section .item-cc .image-cc		 	{width: 230px; height: 230px;}
.section .item-cc .image-cc a 	 	{display:block; width:230px; height:230px;}
.section .item-cc .image-cc a img	{float: left;} /* IE 6 */
.section .item-cc .image-cc a span	{width: 230px; height: 230px; display: block; cursor: pointer;}
.section .item-cc .image-cc a span.overlay_big 		 {background: url(/images/site/overlay_big.png) no-repeat 0px 0px;}
.section .item-cc .image-cc a span.overlay_big:hover {background: url(/images/site/overlay_big.png) no-repeat -230px 0px;}


.intro-cc 							{font-size: 24px; line-height: 35px;}
.intro-cc span.pink					{font-size: 24px; line-height: 35px; color: #ff9999;}


.section .sub-heading 				{height: 20px; margin: 0;}
.section .sub-heading h2 span		{color: #00AADC; font-style: normal;}
.section .sub-heading h2			{color: #000; font-size: 26px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; word-spacing: 0px; margin-bottom: 20px;}
.section .sub-heading h2 em		{color: #00AADC;}
.section .h2news 					{width: 500px; height: 30px;}

.section .office					{float: left; width: 197px; margin: 0; padding: 0; overflow: hidden;}

.section .office img.image			{display: block; padding: 6px 0;}
.section .office span.title 		{font-weight: normal; font-size: 18px; color: #00AADC; margin-top: -14px; display: block;}

.section .office a.office-img		{display: block; border: 1px solid #E5E5E5; padding: 6px;}
.section .office a.office-img:hover {background-color: #FFF; border: 1px solid #999; display: block; padding: 6px;}
.section .office a.link-title 		{font-weight: normal; font-size: 18px; color: #00AADC; text-decoration: none;}
.section .office a.link-title:hover {color: #FFF; text-decoration: none;}

.pagination 			{border-top: 1px solid #00addc;; overflow: hidden; padding-top: 5px; text-align: center; text-transform: uppercase; margin-bottom: 20px;}
.pagination .center 	{margin: 0 auto 0 auto;}
.pagination .center a	{color: #000; text-decoration: none; cursor: pointer;}
.pagination .center a:hover {color: #FFF; text-decoration: underline;}
.pagination .center a.current	{color: #00AADC; text-decoration: underline;}
.pagination .center a.current:hover {color: #FFF;}


/* SUB PAGE
-------------------------------------------------------------------------------------------------------------------------------------*/

/* offices top 4 image */
.section img.frame {border: 1px solid #E5E5E5; padding: 6px; margin-right: 24px;}


.col-mid ul li, .col-right ul li {margin-left:20px;}

.main-col-left  {width: 308px; float: left; margin: 0 30px 0 0; position: relative;}
.main-col-right {width: 308px; float: left;}
.body		  	{width: 650px; font-size: 13px;}

.person-col-left	{width: 650px; float: left; margin: 0 30px 0 0;}
.person-col-right	{width: 308px; float: left;}

/* round image overlay */
.col-mid .image .overlay,
.col-right .image .overlay		{background: url(/images/site/overlay.png) no-repeat; width: 167px; height: 167px; position:absolute;}

/* frame img */
.col-mid img.frame,
.col-right img.frame {border: 1px solid #E5E5E5; padding: 6px;}
.col-mid .wp-caption-text,
.col-right .wp-caption-text {font: 9px/12px Arial, Helvetica, sans-serif; color: #666;}
.size-full {border: 1px solid #E5E5E5; padding: 6px;}


.main-col-left blockquote,
.col-mid blockquote,
.col-right blockquote	{color: #000; border-top: 1px solid #000; font-size: 40px; line-height: 38px; text-transform: uppercase; padding: 4px 0 4px 0;}


.main-col-left blockquote {font-size: 30px;}

.col-mid blockquote p,
.col-right blockquote p {margin:0;}

.col-left,
.col-mid,
.col-right 				{width: 308px; float: left; margin: 0 34px 0 0;}
.col-right				{margin:0;}

.col-mid blockquote,
.col-right blockquote 	{margin: 10px 0 10px 0;}

.main-col-left span,
.col-mid span,
.col-right span {color: #00AADC;}

.col-mid h3,
.col-right h3	{color: #00AADC; text-align: left; text-transform: uppercase;}


.main-col-left .owner,
.col-mid .owner,
.col-right .owner		{color: #666; text-transform: uppercase; font-size: 11px; margin-top: 4px; border-top: 1px solid #000; line-height: 16px; padding-top: 4px;}

.entry span				{color: #00AADC;}
/*.entry				{width: 390px; margin: -5px 0 20px 0; font-size: 16px;}*/
.entry 					{font-size: 24px; line-height: 35px; width: 650px; padding-bottom: 20px;}

/* lax box */
.lax-box 			{color: #806666; background-color: #FCD4D4; padding: 20px; margin-top: 30px;}
.lax-box ul 		{list-style:none; margin-bottom:8px;}
.lax-box ul li		{color: #000; background-color: #FEF6F6; margin-bottom: 1px; padding: 5px 10px 5px 10px; font: 13px "Times New Roman", Times, serif;}
.lax-box ul li.odd	{background-color: #FFF}
.lax-box ul li a	{color: #00AADC;}
.lax-box ul li a:hover	{color: #00AADC; background: none;}
.lax-box a			{color: #806666;}
.lax-box a:hover	{color: #806666; background-color: #FEF6F6;}

/* headline */
#header h1				 	 	{color: #000; font-size: 65px; line-height: 57px; text-transform:uppercase; font-weight: normal; letter-spacing: -1px; word-spacing: 2px; }
#header h1 em 					{color: #FAAAAA;}

#header h2						{margin: 0 0 0 10px;}
#header h2 img 					{margin: 0 0 -2px 4px;}
#header h2 span 				{color: #898989; font: 16px Times New Roman, Times, serif; font-weight: bold; letter-spacing: 0px;}
#header h2						{color: #000; font-size: 17px; text-transform:uppercase; line-height: 1.1; font-weight: normal; letter-spacing: -0.5px; word-spacing: 2px;}
body.id_1131 #header h2,
body.id_1131 #header h1 		{color: #fff;}
#header h2 em    				{letter-spacing: 0;}
/*#header h2 a					{text-decoration: none;}*/

#header h2 a					{text-decoration:none; background: url(/images/site/play.png) no-repeat right; padding: 0 20px 0 0; display: inline-block;}
#header h2 a:hover				{color: #FFF; background: #00AADC url(/images/site/play_hover.png) no-repeat right; padding: 0 20px 0 0; display: inline-block;}


#header h1.startpage			{font-size:45px; border-bottom: 1px solid #000000; border-top: 1px solid #000000; padding: 6px 0; line-height: 42px;}
#header h1.startpage.fix_mac	{padding: 10px 0;}
#header h1.startpage span				{color: #FAAAAA; display: block; height: 42px;}
#header h1.startpage.fix_mac span		{height: 33px;}
#header h1.startpage a		{text-decoration:none; background: url(/images/site/play.png) no-repeat right; padding: 0 20px 0 0;}
#header h1.startpage a:hover	{color: #FFF; background: #00AADC url(/images/site/play_hover.png) no-repeat right; padding: 0 20px 0 0;}
#header h1.startpage .info i	{color: #000; letter-spacing: 0px;}
#header h1.startpage .info   	{color: #000; font-size: 17px; text-transform: uppercase; font-weight: normal; letter-spacing: -1px; word-spacing: 2px; padding: 5px 0 0 0; line-height: normal;}
#header h1.startpage .info img	{margin: 0 0 -2px 4px;}
#header h1.startpage blockquote {color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 40px; line-height: 38px; text-transform: uppercase; padding: 4px 0 4px 0; margin-top: -9px; width: 332px;}

#header h1.page 					{font-size: 100px; padding: 20px 0 0 0; letter-spacing: -2px; line-height: 95px; width: 840px; height: 220px;}
#header h1.single 				{font-size: 100px; padding: 20px 0 0 0; letter-spacing: -2px; line-height: 95px; width: 800px; height: auto;}
#header .intro 					{font-size: 22px; letter-spacing: 0.08em; text-transform: uppercase; font-style: italic; line-height: 28px; margin: 0px 0 40px 0; padding-right: 220px;}
#header #icon 					{position: absolute; bottom: -15px; right:38px;}

/* gmap */
.gmap 		 					{height: 54px;}
.gmap a.link 					{float:left; margin: 17px 0 0 0;}
.gmap a img  					{float: right;}

.gmap .stockholm,
.gmap .new-york,
.gmap .tokyo,
.gmap .barcelona {display:none;}


/* news options */
.pagination .options a				{color: #000; text-decoration: none;}
.pagination .options a:hover 		{color: #FFF; text-decoration: underline;}
.pagination .options a.active		{color: #00AADC; text-decoration: underline;}
.pagination .options a.active:hover {color: #FFF; text-decoration: underline;}

/* employee left menu */
.employee a 			{color: #666;}
.employee a:hover		{color: #FFF;}
.employee span			{color: #00AADC;}

#flickr 				{padding: 10px 0 0 0; overflow: hidden;}
#flickr img 			{float:left;}
#flickr a.flickr 		{display: block; border: 1px solid #E5E5E5; padding: 6px; height:75px; width: 75px; float: left; margin: 3px;}
#flickr a.flickr:hover 	{background-color: #FFF; border: 1px solid #999; display: block; padding: 6px;}
#flickr a.link 			{float: right; margin: 0 25px 0 0;}

.social 				{padding: 10px 0 0 0; overflow: hidden;}
.social span 			{cursor: pointer;}
.social a.social 		{display: block; border: 1px solid #E5E5E5; padding: 6px; height:75px; width: 75px; float: left; margin: 3px;}
.social a.social:hover 	{background-color: #FFF; border: 1px solid #999; display: block; padding: 6px;}
.social a.link 			{float: right; margin: 0 25px 0 0;}

.employee .sn 		  	{margin: 10px 0 0 0; width: 205px;}
.employee .sn a 	  	{margin-right: 4px; background: url(/images/icons/social_networks.gif) no-repeat; width:47px; height: 47px; display:inline-block; /*border:1px solid red;*/}
.employee .sn a:hover	{background-color: #FFF;}

.contact-info 				{font-size: 24px; line-height: 35px; width: 650px; padding-bottom: 20px;}
#available_jobs li 				{font-size: 16px; text-transform: uppercase; list-style-type: none; position: relative; padding: 7px 0; border-top: 1px solid #bbb; cursor: pointer; letter-spacing: 0.5px; height: 17px;}
#available_jobs li .job_title,
#available_jobs li .job_date,
#available_jobs li .job_office 	{display: block; float: left;}
#available_jobs li .job_title 	{color: #00AADC; width: 450px; padding-left: 20px;}
#available_jobs li .job_office 	{width: 200px;}
#available_jobs li .job_date 	{width: 300px; text-align: right;}
#available_jobs li .expand 		{background: none repeat scroll 0 0 #00AADC; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; display: block; height: 15px; left: 0; line-height: 1; position: absolute; text-align: center; text-decoration: none;top: 7px; width: 15px; letter-spacing: 0;}
#available_jobs li.head 				{color: #00AADC; border-top: 0; font-style: italic; font-size: 18px;}
#available_jobs li.head .job_title		{padding-left: 0; padding-right: 20px;}

#job_preview			{display: block; font-size: 16px; margin-top: 30px;}
#job_preview .column	{width: 470px;}
#job_preview h2			{margin-bottom: 6px; text-transform: uppercase; font-style: italic; color: #00AADC; font-weight: normal; font-size: 22px;}
#job_preview .job_apply	{clear: left; padding-top: 30px; width: 525px; margin: 0 auto;}

#job_preview .job_apply input[type=text]	{width: 240px; margin-right: 4px;}
#job_preview .job_apply input[type=submit]	{background: #00AADC; border-radius: 20px; color: #fff; float: right; padding: 3px; text-transform: uppercase; width: 90px; cursor: hand; cursor: pointer;}
#job_preview .job_apply textarea			{width: 502px;}
#job_preview .job_apply input,
#job_preview .job_apply textarea	{border: 1px solid #00AADC; border-radius: 5px; padding: 6px; color: #00aadc; font: 14px "ITC Caslon Book",Georgia,"Times New Roman",Times,serif; margin-bottom: 10px;}

/* Social Networks */
.employee .sn a.twitter 		{background-position: -10px -86px;}
.employee .sn a.twitter:hover 	{background-position: -10px -9px;}
.employee .sn a.facebook 		{background-position: -69px -86px;}
.employee .sn a.facebook:hover	{background-position: -69px -9px;}
.employee .sn a.delicious 		{background-position: -129px -86px;}
.employee .sn a.delicious:hover {background-position: -129px -9px;}
.employee .sn a.vimeo 			{background-position: -187px -86px;}
.employee .sn a.vimeo:hover 	{background-position: -187px -9px;}
.employee .sn a.youtube			{background-position: -246px -86px;}
.employee .sn a.youtube:hover	{background-position: -246px -9px;}
.employee .sn a.blog			{background-position: -305px -86px;}
.employee .sn a.blog:hover		{background-position: -305px -9px;}
.employee .sn a.flickr			{background-position: -364px -86px;}
.employee .sn a.flickr:hover	{background-position: -364px -9px;}
.employee .sn a.tumblr			{background-position: -423px -86px;}
.employee .sn a.tumblr:hover	{background-position: -423px -9px;}


#loader {vertical-align: middle; margin-right: 10px; display: none; background: url(/images/site/ajax-loader.gif) no-repeat; width: 16px; height: 16px; float:left; margin-top: 2px;}
/*
.loader {background: url(/images/site/loader.gif) no-repeat 500px 0px; width: 990px; height: 32px; display: block; position: absolute; border:1px solid red; background-color: #666;}
*/

#slider    {width: 990px;}
#slider ul {width: 990px;}
#slider li {width: 990px; float: left; list-style:none; }

/* video */
#video		{width:1188px; height: 512px; display: none; position:absolute;}
#close-btn	{display:none; float: right; cursor: pointer; width: 19px; height: 19px; background: url(/images/site/x_blue.gif) no-repeat; margin: -4px -19px 0 0;}


/* news expander tooltip */
.tooltip 									{position: relative; display:none; float:left; width: 990px; height:331px; background: url(/images/site/tooltip_bg.gif) no-repeat 0px 0px; margin: -60px 0 30px 0;}
.tooltip .tooltip-body	  					{float:left; width: 990px; height: 270px; margin-top: 54px;}
.tooltip .tooltip-content					{display:none; float:left; width: 926px; padding: 20px 30px 20px 30px;}
.tooltip .tooltip-content .left 			{float:left; margin: 0 30px 0 0;}
.tooltip .tooltip-content .left a			{border: 1px solid #E5E5E5; background-color: #FFF; display:block; padding: 6px;}
.tooltip .tooltip-content .left a:hover		{border: 1px solid #999; display:block; padding: 6px;}

/*.tooltip .tooltip-content .left img			{}*/
.tooltip .tooltip-content .right			{float:left; width: 534px; margin: -8px 0 0 0;}
.tooltip .tooltip-content .right h2 		{color:#00AADC; font-size: 44px; font-weight: normal; line-height: 48px; margin: 0 0 5px 0;}
.tooltip .tooltip-content .right .meta		{margin-bottom: 10px;}
.tooltip .tooltip-content .right .catname	{color: #ff9999;}

.tooltip .tooltip-category					{position: absolute; top:30px; right:0; display:block;}

div.scrollable 				{position:relative;	overflow:hidden; height: 250px;}
div.scrollable ul.items 	{width:20000em;	position:absolute; clear:both;}
div.scrollable ul.items li	{width: 990px; float:left; list-style:none;}
.disabled 					{visibility: hidden;}



/* SimpleModal */
#simplemodal-overlay {background-color:#666;}
#simplemodal-container {height:480px; width:640px; background-color:#FFF; border:3px solid #666;}
#simplemodal-container a.modalCloseImg {background:url(/images/site/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}