@charset "UTF-8";
/* Interstate Master CSS Document */
/* commented backslash hack \*/ 
html, body{height:100%;margin:0;padding:0} 
/* end hack */
body {background:#9b999a;}
a { outline:none; cursor:pointer; }
/*#background, #la {
min-height:100%;
height:100%;
height:auto;
width:100%;
position:fixed;
}*/
#background { background:#9b999a;}
* html #background{height:100%;}
/*#background #gradient, #la #gradient {
	background: url(../images/gradient.png) repeat-x top left;
	height: 360px;
	background-attachment: fixed;
}*/
#wrapper #head {
	height: 6px;
	background: url(../images/top_shadow.png) repeat-x top left;
}
#wrapper {
	position: absolute;
	left: 50%;
	margin-left: -476px;
    right: 0;
	top:14px;
	width: 952px;
	padding-bottom:10px;
}
#content {
	background-image: url(../images/side_shadow.png);
	background-repeat: repeat-y;
	width: 934px;
	padding:0 9px 0 9px;
	position: relative;
}
#content-index {
	background-image: url(../images/side_shadow.png);
	background-repeat: repeat-y;
	width: 934px;
	height: 602px;
	padding:0 9px 0 9px;
	position: relative;
}
#wrapper #end {
	height: 12px;
	background: url(../images/bottom_shadow.png) repeat-x top left;
}
#header {
	padding: 16px 0 0 26px;
	width: 880px;
}
#navigation {
	height: 20px;
	width: 880px;
	position:relative;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#85ec00;
}
#logo-contain {height:65px;}
#navigation a, #credentials a, #breadcrumb, #breadcrumb a, #related { font: 14px/20px Georgia, "Times New Roman", Times, serif; color:#999; text-decoration:none;}
#navigation a {
	float:left;
	}
	#selclient, #client-name a {font: 14px/20px Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none;}
	#client-name a:hover {text-decoration:underline;}
	#client-name {color:#434343;float:left;}
	#selclient {color:#85ec00;float:left;padding-left:26px;}
	#navigation #credentials {margin-right:0px ;float:right;text-align:right;}
.home-header #navigation a, #client-name, #client-desc {color:#fff;}
#client-desc {font: 12px/14px Arial, Helvetica, sans-serif;}
#client-namehold {
	position:absolute; 
	top:237px; 
	left:9px; 
	z-index:1000;
}
#client-nav-container {
	position:absolute; 
	top:303px; 
	left:9px; 
	z-index:90;
}
#client-nav-header {
	font: 11px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#85ec00;
}
#client-nav-numbers, #client-nav-numbers li {
	list-style-type:none;
	padding:0;
	margin:0;
}
#client-nav-numbers {
	margin-top:2px;
}
#client-nav-numbers li {
	display:inline;
	padding-left:10px;
}
#client-nav-numbers a {
	 text-decoration:none;
	 font: 14px/16px Georgia, "Times New Roman", Times, serif; 
	 color:#fff;
}
#client-nav-numbers a.selected-client {
	color: #85ec00;
}
#ajax_loader {
	float:left;
	display:none;
	position:absolute;
	left:5px;
	top:2px;
}
#dba { position:absolute; left:35px; top:556px; z-index:2; }
#snapshot-toggle, #namecontain, #client-nav-header, #client-nav-numbers {padding: 0px 9px 0px 26px; background-color:#434343;height:20px;float:left;clear:both;}
#namecontain {padding: 0px 9px 0px 0px; position:relative;}
#client-nav-numbers { padding-left:16px; }
#snapshot-toggle {margin-top:2px;width:133px;}
#snapshot-toggle a {font: 11px/20px Arial, Helvetica, sans-serif;font-weight:bold;
text-decoration:none;}
	#breadcrumb a:hover {color:#333; text-decoration:underline;}
#wrapper #content #header #breadcrumb, #relatedheader {
	height: 21px;
	border-bottom:1px solid #85ec00;
	}
#legal {width:952px;font: 10px/16px Arial, Helvetica, sans-serif;color:#898888;}
#legal-contact {float:left;margin-left:35px;}
#legal-info {float:left;margin-left:26px;display:inline;}
#wrapper #content #header #breadcrumb {
	margin-top: 20px;
	font-size: 13px;
	width: 880px;
	}
#breadcrumb a {font-size:13px;}
.current {color:#333;}
.bg-fff {background-color:#fff;}
#relatedheader {
	margin-bottom: 9px;
	width: 880px;
	margin-left:26px;
	font-size: 13px;
	}
#relatedcontainer { 
	margin-left:22px; 
	}
#related {
	clear:both;
	float:left;
}
.project {	
	width: 139px;
	height:127px;}
.project, .medproject {
	background-color: #f5f5f5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 4px;
	margin: 1px 1px 0 0;
	float: left;
	}
.medproject {width: 168px;height:155px;overflow:hidden;}
.medproject img, .project img {
	border: 0px; 
	margin-bottom:5px;
	}
.medproject span, m.project span {clear:both;display:block;}
.project a, .medproject a, a.portfclient {font: 11px/13px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
a.portfclient {font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;}
#workcontainer {
	padding-left: 26px;
	padding-top:19px;
	width: 880px;
}
.clear , #footer{clear:both;height:20px;}
#footer { background-color:#85ec00; }
/* Project style */
#workcontainer #projectmain {
	width: 600px;
	float: left;
	margin :5px 0 40px 0;
}
#workcontainer #projectinfo {
	float: left;
	width: 280px;
	font: 12px/20px Arial, Helvetica, sans-serif;color: #666;
	margin-bottom:40px;
}
#workcontainer #proj-content {
	clear: both;
	width: 880px;
}
.clientinfo {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
.clientinfo li {
	line-height:14px;
	display:block;
	border-bottom: 1px solid #eaeaea;
	padding: 2px 0 3px 0;
}
#projectinfo a { font-size:12px;color:#999;text-decoration:none; }
#projectinfo > a { font-weight:bold;}
#projectinfo li a:hover { color:#333; }
#snapshot-portfolio, #snapshot-view {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	text-decoration:none;
}
#snapshot-portfolio { color:#434343; }
#snapshot-view { color:#fff; }
.location-links a {font:12px/20px Arial, Helvetica, sans-serif; color:#fff;text-decoration:none;font-weight:bold;}
#snapshot-portfolio:hover, .location-links a:hover, #projectinfo a:hover {text-decoration:underline;}
#snapshot-desc {margin-bottom:19px;}
#description-container { position:relative; float:left; width:280px;}
#description {line-height:15px;color: #999;padding-bottom:15px;}
#description p {margin:0px; padding:0px;}
#description .truncate_more {
	margin-bottom:30px;
	display:none;
	overflow:hidden;
}
#description .truncate {
	position:absolute;
	bottom:0;
	left:0;
	width:280px;
	height:18px;
	border-bottom:1px solid #eaeaea;
	float:left;
	clear:left;
}
#description .truncate a {
	font-weight:bold;
	color:#898888;
	background-color:#fff;
}

.truncate_show { float:left; }
#projectinfo #description-container #pdf { 
	float:right;
	color:#85ec00;	
}

#description .truncate_less, #description .truncate_more { background-color:#fff; float:left; width:279px;}

#projectinfo #description-container a { color:#666; }
.project-item {padding-bottom:20px;font: 13px/20px Georgia, "Times New Roman", Times, serif; color:#999; text-decoration:none; float:left;position:relative;}
.project-image{ float:left; }
.project-caption{padding:10px 0px 10px 0px;margin:0;float:left;width:100%;clear:left;}
.prop-client {
	float:right;
	width:1px;
	height:304px;
}
.prop-project {
	float:right;
	width:1px;
	height:284px;
}
.propclear {
	clear:both;
    height:1px;
    overflow:hidden;
}
/* SNAPSHOT */
#snapshot {
	width: 934px;
	position: absolute;
	left: 9px;
	bottom: 0px;
	background-color: #ffffff;
	z-index: 100;
}
#snapshot-header {
	height: 20px;
	width: 100%;
	background-color: #85ec00;
}
#footer, #snapshot-header {
font: 10px/20px Arial, Helvetica, sans-serif;color:#fff;}
#footer-text {
	margin-right:26px;
	float:right;
	display:inline;
}
#snapshot-content {
	width: 909px;
	display: none;
	padding-left: 25px;
	height:365px;
	overflow:hidden;
}
#snapshot-text {
	width: 422px;
	float: left;
	padding-right: 15px;
	padding-top: 86px;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color:#898888;
}
#snapshot-text p {
	padding:0;
	margin:0;
}
#snapshot-desc .Heading { color: #434343; border-bottom:1px solid; margin-bottom:19px; padding-bottom:2px;}
#snapshot-desc .Big-text { margin-bottom:25px; }
#snapshot-desc .Big-text, #snapshot-desc .Heading { font: 18px/22px Georgia, "Times New Roman", Times, serif; display:block; width:422px; }
#snapshot-image {
	width:472px;
	float:left;
	text-align:right;
	background-color:#fff;
}
.col, .col li {font:13px/14px Georgia, "Times New Roman", Times, serif;
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
	border:0;
}
.col li{
	width: 277px;
}
.col{ 
	color:#434343;
	padding-left:25px;
}
.row, .row li {
	display: list-item;
	list-style: none;
	padding: 0;
	margin: 0;
	border:0;
	padding-right:10px;
}
.row a {color:#434343;text-decoration:none;}
.row a:hover {text-decoration:underline;}
.row {
	float: left;
	width:277px;
}
.row li {
	font-size:14px;
	line-height:16px;
	color:#b3b1b1;
	display: inline;
	margin:0;
	padding:0;
	overflow:visible;
}
.client {
	padding:0;
	margin:0;
	display: block;
	width:277px;
	height:30px;
	overflow:visible;
}

/* INDEX BG*/
.index-bg {
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 9px;
	z-index: 1;
	display:none;
}

/* MENU */
.menu {
	width: 182px;
	height: 227px;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 20px;
	background-color: #ffffff;
	display: none;
	z-index: 10;
}
.menulist {
	position: absolute;
	left: 19px;
	top: 32px;
}
.menu ul.menulist,
.menu .menulist ul.submenu,
.menu .menulist .submenu ul.subsubmenu {
	height: 112px;
}
.menu ul.menulist,
.menu ul.menulist li,
.menu .menulist ul.submenu,
.menu .menulist ul.submenu li,
.menu .menulist .submenu ul.subsubmenu,
.menu .menulist .submenu ul.subsubmenu li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
.menu ul.menulist li,
.menu .menulist ul.submenu li,
.menu .menulist .submenu ul.subsubmenu li {
	line-height: 16px;
	height: 16px;
	margin-bottom: 2px;
	width: 143px;
	padding-left: 20px;
}
.menu .menulist .submenu {
	position: absolute;
	top: 0;
	left: 201px;
	display: block;
}
.menu .menulist .submenu .subsubmenu {
	display: none;
	position: absolute;
	top: 0;
	left: 201px;
}
.back,
.back2 {
	display: none;
	position: absolute;
	top: 6px;
	left: 28px;
}
.menuarea {
	background-image: url("images/menubkg.png");
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 150px;
	position: relative;
	overflow: hidden;
}
.menulist,
.menulist a,
.menulist span,
.close,
.back,
.back2 {
	color: #999999;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}
.close {
	position: absolute;
	top: 191px;
	left: 28px;
}
/*---end menu---*/

div.spacer {
	width: 934px;
	height: 100px;
}
/* Team */
#team {padding-left:27px;margin-top:42px;clear:both;}
.team_member {
	float: left;
	width: 287px;
	margin-right: 9px;
	font: 12px/16px Arial, Helvetica, sans-serif;color:#434343;cursor:pointer;
}
.team_member .team_alt {display:none;}
.team_member:hover .team_alt {display:block;}
.team_member:hover .team_title {text-decoration:none;}
.team_main p {margin:12px 0 0 0; float:left;padding:0 0 50px 0;width:287px;clear:left;position:relative;}
.team_portrait {
	background-color: #434343;
	height: 139px;margin-bottom: 10px;
	width:100%;
	float:left;
}
.team_name {font: 14px/20px Georgia, "Times New Roman", Times, serif; color:#85ec00;float:left;width:287px;}
.team_title {font-size:11px;font-weight:bold;display:block;margin-bottom: 10px;float:left;}
.team_alt {
	float: right;
	width: 139px;
	height: 139px;
}
.team_portrait img {
	float: left;
}
.project-med {
	width: 168px;
	height: 127px;
	float: left;
	padding-right: 8px;
}
#team .truncate {
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
	border-bottom:1px solid #e5f1cb;
	float:left;
	clear:both;
}
#team .truncate a {
	color:#898888;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:287px;
	height:14px;
}
#team .truncate a:hover {
	text-decoration:underline;
}
.prop-team {
	float:right;
	width:1px;
	height:210px;
}
.cv_full,.cv_mini {
	background-color:#fff; float:left;width: 286px; display:block;
}
.cv_full { display:none; overflow:hidden;}
/* Methodology */
#method-container {
	font: 13px/14px Georgia, "Times New Roman", Times, serif;
	position:absolute;
	top:140px;
	left:9px;
	color:#fff;
}
#method-bg {position:absolute;top:400px;left:50%;background-color:#666;}
#method-container .intro {font: 13px/16px Georgia, "Times New Roman", Times, serif; color:#fff;text-decoration:none;position:absolute;top:0px;left:25px;z-index:20;width:300px;}
#method-lines {z-index:11;}
#method-base, #method-lines, .method-hover {margin-top:5px;position:absolute;top:0px;left:0px;}
#method-base {top:72px;}
.method-hover {display:block;z-index:10;padding-left:27px;margin-top:77px;display:none;/*overflow:hidden; breaks IE*/}
#method-nav {padding-left:25px;}
#method-space {height:524px;padding-top:62px;}
.method-stage {float:left;width:166px;overflow:hidden;padding:0 11px 20px 0;font: 12px/16px Georgia, "Times New Roman", Times, serif;color:#fff;cursor:pointer;}
.method-step {float:left;height:35px;width:40px;display:block;}
.method-explain {font: 12px/20px Arial, Helvetica, sans-serif;font-weight:bold;color:#85ec00;display:block;clear:both; margin-bottom:3px;}
.method-text { opacity: 0.1; filter:alpha(opacity=10);zoom:1; }
.method-header { width:166px; height:35px; background:url(../images/stageline.jpg) no-repeat bottom left; margin-bottom:5px;filter:alpha(opacity=10);opacity: 0.1;}
/* Nav */
#navigation .active { color:#85ec00; }
#navigation-container {
	overflow:hidden;
	width:908px;
	height:0;
	position:relative;
	left:-26px;
	z-index: 25;
	padding-left:26px;
	background-color: #f2f2f2;
}
#navigation-sort {
	height: 116px;
	width: 908px;
	display: block;
	position:relative;
	top:-116px;
	z-index: 25;
}
#navigation-global {
	width: 171px;
	padding-top:19px;
}
#navigation-global a, .navlink {font: 12px/19px Arial, Helvetica, sans-serif; display:block; text-decoration:none; background-color: #f2f2f2;}
#navigation-global a { font-weight:bold; border-bottom:1px solid #d9d9d9; }
.navlink {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
	line-height:19px;
}
#navigation-global a:hover, .navrow li a:hover {color:#85ec00 }
.navigation-sub, #navigation-global {float:left;}
.navigation-sub { padding-top:19px; }
.navcol, .navcol li { margin:0; padding:0; border:0; display:inline;list-style-type:none}
.navcol li {width: 169px; padding-left:9px;float:left;}
.navrow, .navrow li {display:list-item;margin:0; padding:0; border:0;list-style-type:none;}
#navigation-discipline, #navigation-industry, #navigation-region { display:none; }
.topnav, .navlink { color:#565454; }
.active { color:#85ec00;font-weight:bold; }
#navigation-sort #latestwork {
	position: absolute;
	top: 7px;
	right: 28px;
}
#latestspec {
	width: 171px;
	padding-right: 9px;
	margin-top: 13px;
}
.latestimage, #latestspec {	float: left;}
.latestimage {width:168px;}
#latestwork #latestspec .navrow .latestheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #898888;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
}
#latestwork #latestspec .navrow .latestclient a {
	font-weight: bold;
}
/* Communicate */
#comm-container {
	width: 934px;
	height: 582px;
	/*background-color:#85ec00;*/
	background-color:#434343;
	position:relative;
}
.comm-left {
	margin:28px 0 0 25px;
	width:277px;
	float:left;
	display:inline;
}
#comm-right {
	float:left;
	margin: 44px 0 0 0;
	display:inline;
}
.comm-left,#comm-right {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color:#fff;
}
.comm-left a,#comm-right a {
	color:#fff;
	text-decoration:none;
}

/* Homepage client navigation */
#client-nav-arrows {float:left;}
#client-nav-back, #client-nav-next {width:20px; height:20px; background-image:url(../images/hp-arrows.gif);display:block;float:left;}
#client-nav-back {margin-left:8px; padding-right:1px;}
#client-nav-back:hover {background-position:0px -21px; }
#client-nav-next {margin-right:8px; padding-right:1px;background-position:-21px 0px; }
#client-nav-next:hover {background-position:-21px -21px; }

/* Interstate logo hover */
.logo-bg-white { background-color:#fff; }
.logo-bg-grey {	background-color:#434343; }
.logo-bg-green { background-color:#85ec00; }
/*#logo-contain a { position:relative;display:block; }*/
/*#logo-contain img {
	border:0;
	padding:0;
	margin:0;
}*/
#logo-alt,#logo-state {
	/*position:absolute;*/
	top:0;
	left:118px;
}
#logo-change #logo-state { display:none; }


#logo-change { position:relative; }
#logo-change a { display:block; position:absolute; }
#logo-inter { top:0; left:0; }
.inter-green {
	width:118px;
	height:46px;
	background-image:url(../images/inter-green.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.inter-white {
	width:118px;
	height:46px;
	background-image:url(../images/inter-white.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.state-green { 
	width:183px; 
	height:46px; 
	background-image:url(../images/state-green.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.state-white { 
	width:115px; 
	height:46px; 
	background-image:url(../images/state-white.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.esting-green { 
	width:183px;
	height:61px;
	background-image:url(../images/esting-green.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.section-green { 
	width:183px;
	height:46px;
	background-image:url(../images/section-green.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.face-green {
	width:106px;
	height:46px;
	background-image:url(../images/face-green.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.act-white {
	width:115px;
	height:46px;
	background-image:url(../images/act-white.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.act-green {
	width:115px;
	height:46px;
	background-image:url(../images/act-green.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.logo-story { width:301px;height:61px; }
.logo-methodology { width:301px;height:46px; }
.logo-team { width:301px;height:46px; }
.logo-communicate { width:233px;height:46px; }

/* +++ Story page +++ */

.story-content {padding:50px 0 0 25px;}
.story-col {float:left;width:286px;padding-right:10px;font: 14px/18px Georgia, "Times New Roman", Times, serif; color:#434343;}
.studio-col { float:left;width:278px;padding-right:20px;font: 14px/18px Georgia, "Times New Roman", Times, serif; color:#434343; }
.story-columns { font: 14px/18px Georgia, "Times New Roman", Times, serif; color:#434343; }
h2 {font: 36px/32px Georgia, "Times New Roman", Times, serif; color:#85ec00;padding-bottom:10px;margin: 20px 26px 40px;font-weight:normal;border-bottom: 1px solid #85ec00;}
#thumbs h3{font: 36px/32px Georgia, "Times New Roman", Times, serif;color:#999;padding:0px 0px 8px;margin:0px;border-bottom: 1px solid #e5e5e5;}
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}
#thumbs .year {
	float:left;
	width:168px;
	padding-right:10px;
}
#thumbs .year:hover h3 {color:#85ec00;}
.yearitmes, .yearitmes li {padding:0px;margin:0px;list-style-type:none;}
.yearitmes a:hover {color:#434343;}
.yearitmes li { float:left; width:168px; font:12px/20px Georgia, "Times New Roman", Times, serif;color:#999999;border-bottom: 1px solid #e5e5e5;}
.yearitmes li span { display:block; width:168px; height:20px; }
a:active { outline:none; }
:focus { -moz-outline-style:none; }
.arabic-tooltip-box { position:absolute; height:21px; display:block; z-index:1000; background:url(images/transparent.gif) repeat top left; }
.yearitmes p.tooltip-link { padding-top:12px; }

/* TOOLTIPS*/
.tooltip-grey, .tooltip-green, .tooltip-grey-image, .tooltip-green-image, .tooltip-gulf {position: absolute; z-index: 3000;display: none;width:282px;}
/* top */
.tooltip-grey .tooltop, .tooltip-grey-image .tooltop {background: url(../images/story/tooltip-top.png) no-repeat;height:20px;}
.tooltip-green .tooltop, .tooltip-green-image .tooltop {background: url(../images/story/tooltip-top-green.png) no-repeat;height:20px;}
.tooltip-gulf .tooltop { background: url(../images/story/tooltip-gulf-top.png) no-repeat bottom left; height:15px; }
.tooltip-grey .tooltop-last, .tooltip-grey-image .tooltop-last { background-image:url(../images/story/tooltip-top-last.png) !important; }
.tooltip-green .tooltop-last, .tooltip-green-image .tooltop-last { background-image:url(../images/story/tooltip-top-green-last.png) !important; }
/* bottom - no image */
.tooltip-grey .toolbottom {background: url(../images/story/tooltip-bottom.png) no-repeat;height:13px;}
.tooltip-green .toolbottom {background: url(../images/story/tooltip-bottom-green.png) no-repeat;height:13px;}
/* image container */
.tooltip-grey-image .toolimage,.tooltip-gulf .toolimage { background: url(../images/story/tooltip-image-grey.png) no-repeat; height:184px; width:282px;}
.tooltip-green-image .toolimage { background: url(../images/story/tooltip-image-green.png) no-repeat; height:184px; width:282px;}
/* image */
.toolimage img { padding:7px 0 0 13px; }
/* content */
.tooltip-grey .toolcontent { background: url(../images/story/tooltip-side.png) repeat-y; width:282px; padding-bottom:5px;}
.tooltip-green .toolcontent { background: url(../images/story/tooltip-side-green.png) repeat-y; width:282px; padding-bottom:5px;}
.tooltip-grey-image .toolcontent,.tooltip-gulf .toolcontent { background: url(../images/story/tooltip-side.png) repeat-y; width:282px; padding-bottom:10px;}
.tooltip-green-image .toolcontent { background: url(../images/story/tooltip-side-green.png) repeat-y; width:282px; padding-bottom:10px;}
.tooltip-gulf .toolcontent { position:relative; }
/* p */
.yearitmes p,#gulf-story p,#arabic-text-container p {padding:0 17px;font: 12px/16px Arial;color:#fff;margin:0px;}
/* a */
.yearitmes a,#gulf-story a,#arabic-text-container a { text-decoration:none; font-weight:bold; color:#fff;}
.yearitmes a:hover,#gulf-story a:hover,#arabic-text-container a:hover { color:#fff; }

.tooltip-gulf .toolpoint { background: url(../images/story/tooltip-gulf-point.png) no-repeat; width:8px; height:15px; position:absolute; top:34px; left:-2px; z-index:5000; display:block;}
.tooltip-gulf .toolpoint-arabic { background: url(../images/story/tooltip-gulf-point-arabic.png) no-repeat; width:8px; height:15px; position:absolute; top:34px; left:276px; z-index:5000; display:block;}

#cycle {
	margin-top:20px;
	float:left;
	width:880px;
	height:340px;
	padding:0 0 36px 0;
}
#cycle img { display:none; }

#stamp-container {
	position:relative;
	background-color:#ffffff;
}
.stamp { position:absolute; }
#stamp1 { left:344px;top:260px;z-index:1; }
#stamp2 { left:327px;top:105px;z-index:10; }
#stamp3 { left:437px;top:129px;z-index:5; }
#stamp4 { left:465px;top:257px;z-index:13; }
#stamp5 { left:594px;top:327px;z-index:12; }
#stamp6 { left:673px;top:27px;z-index:11; }
#stamp7 { left:648px;top:188px;z-index:9; }
#stamp8 { left:255px;top:190px;z-index:8; }
#stamp9 { left:222px;top:32px;z-index:7; }
#stamp10 { left:79px;top:211px;z-index:6; }
#stamp11 { left:445px;top:27px;z-index:4; }
#stamp12 { left:347px;top:328px;z-index:3; }
#stamp13 { left:367px;top:84px;z-index:2; }
#stampfull { z-index:1; }
#stamp-ie { height:500px; }

#scroll-buttons { margin: 0 auto 20px auto; text-align:center; height:20px; width:41px;}
#scroll-button-prev, #scroll-button-next { width:20px; height:20px; background-image:url(../images/hp-arrows.gif);display:block;float:left;}
#scroll-button-prev {background-position:0 0;padding-right:1px;}
#scroll-button-prev:hover {background-position:0 -21px !important; }
#scroll-button-next {background-position:-21px 0; }
#scroll-button-next:hover {background-position:-21px -21px !important; }
/*.disabled { visibility:hidden !important; }*/

#gulf-story span { background-color:#d8d8d7; }
#gulf-story { z-index:20;position:absolute; }
.highlightname, #gulf-story span.highlightname {color:#85ec00;background-color:#fff;}
.story-different { padding:0 0 34px 25px;float:left;position:relative; }
.story-timeflies { overflow:hidden;width:884px;margin-left:25px;position:relative; }
.timeline { width:890px;height:180px;position:relative; }
.gulf-english { padding:0 0 0 25px;width:350px; }
#arabic-text-container { float:right;padding-right:25px;width:256px;height:358px;position:relative; }
.arabic-tooltip { position:absolute;height:21px;display:block;z-index:1000;background:url(images/transparent.gif) repeat top left; }
.arabic-tooltip1 { top:35px;left:192px;width:19px; }
.arabic-tooltip2 { top:126px;left:7px;width:117px; }
.arabic-tooltip3 { top:215px;left:72px;width:109px; }
#brief { position:absolute; top:14px;left:592px;z-index:100; }

/* --- Story page --- */

.clearboth { clear:both; }


/*** unsure of usage below... ***/

#logo {
	height:46px;
	display:block;
}

.logo-fade { position:relative; }

/*********** navigator ***********/

/* position and dimensions of the navigator */
div.navi {
	width:80px;
	height:20px;
}

/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://static.flowplayer.org/tools/img/navigator.png) 0 0 no-repeat;     
	cursor:pointer;
	overflow:hidden;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 

#navigation a.blog { float:right; }