/* RESET CSS */

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%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background: #3a2e26 url('../images/body_bg.png') repeat-y;}
body, td, th, input, textarea { font: 14px/18px "Times New Roman", times, serif; line-height: 18px; }

#container { height: 478px; overflow: visible; width: 2764px; margin-left: 54px; padding-top: 37px; }
.page { width: 343px; height: 478px; overflow: hidden; float: left; position: relative; }


a { text-decoration: none; }
a:hover { text-decoration: underline; }


#primary-nav { width: 311px; overflow: hidden; height: 21px; left: 397px; top: 10px; position: fixed; }
#primary-nav ul { padding-left: 91px; background: url('../images/m_bg.jpg') no-repeat; height: 21px;}
#primary-nav li { height: 21px; float: left;}
#primary-nav a { height: 21px; float: left; text-indent: -9999px; overflow: hidden;}
#primary-nav .fabutan a { width: 65px; background: url('../images/m_fabutan.jpg') no-repeat;}
#primary-nav .ciff a { width: 74px; background: url('../images/m_ciff.jpg') no-repeat;}
#primary-nav .aim a { width: 81px; background: url('../images/m_aim.jpg') no-repeat;}
#primary-nav li a:hover { background-position: bottom left; }

/* Page BGs */
#home { background: url('../images/bg_home.jpg');}
#strategy-results { background: url('../images/bg_strategy_results.jpg');}
#who { background: url('../images/bg_who.jpg');}
#we-plan { background: url('../images/bg_weplan.jpg');}
#unique { background: url('../images/bg_unique.jpg');}
#cs-ciff { background: url('../images/bg_ciff_brief.jpg');}
#cs-fabutan { background: url('../images/bg_fabutan_brief.jpg');}
#cs-aim { background: url('../images/bg_aim_brief.jpg');}

/* Panel styles */

#home h1 { display: none;}

#strategy-results h2 { font-size: 33px; text-align: center; line-height: 33px; color: #b1d138; padding-top: 76px;}
#strategy-results h2 span { margin: 0 35px; }
#strategy-results h2 span span { display: none;  }
#strategy-results p { color: #696969; text-align: center; font-size: 16px; line-height: 22px; padding: 0 28px; }
#strategy-results p.brackets { padding-top: 65px; font-size: 20px; line-height: 32px; padding-bottom: 20px;  }
p.brackets span { line-height: 14px; display: block;}
#strategy-results strong { color: #FFF; font-weight: normal; }
#strategy-results .highlight39 { color: #b1d238;}
#strategy-results .highlight39 span span { display: none; }
#strategy-results .highlight39 span  { background: url('../images/strat39.png') no-repeat; padding: 0 17px 5px; margin: 0 0 -5px; line-height: 22px; }




#who h2 { font-size: 24px;  padding: 47px 0 45px 28px; color: #352a23; }
#who h2 span span { display: none;}
#who h2 span  {  padding: 0 55px 0 45px; margin-left: -3px;}
#who p { color: #FFF; padding: 0 27px 10px;}
#who em { color: #332820;}

#we-plan { color: #696969; }
#we-plan h2 { text-align: center; font-size: 18px; padding: 87px 0 32px 0;}
#we-plan h2 big { color: #b1d238; font-size: 55px; line-height: 55px; font-weight: normal; }
#we-plan p {padding: 0 27px 10px; }
#we-plan span span { display: none; }
#we-plan span { background: url('../images/weplan39.png') no-repeat; height: 37px; width: 43px; margin: -22px 3px 0 -5px; display: block; float: left; }

#unique { color: #696969; }
#unique h2 { color: #aa1025; font-size: 27px; line-height: 27px; padding: 45px 0 25px; text-align: center; font-weight: normal;}
#unique p {padding: 0 30px 110px; }


#cs-ciff { color: #696969;  }
#cs-fabutan { color: #b3a89b; }
#cs-aim { color: #a4b3c9; }

.case-study-brief { font-size: 14px; line-height: 22px; }
.case-study-brief h3 { font-size: 20px; line-height: 20px; color: #FFF; font-weight: normal; padding: 65px 0 254px 28px;}
.case-study-brief p { text-align: right; padding-right: 28px; }
.case-study-brief a { color: #b1d239; }

#case-studies {  display: none;}


.zoom { display: block; text-indent: -9999px; overflow: hidden; height: 24px; width: 25px; background: url('../images/zoom.png') no-repeat; 
	position: absolute; top: 21px; right: 26px; 
}
.zoom:hover { background-position: bottom left; }

/* Case study details view */
.case-study-detail { display: none; background: url('../images/details_bg.png') no-repeat; width: 998px; height: 543px; position: absolute; top: 0; 
	color:#505050; font-size: 12px; line-height: 15px; z-index: 1000;
 }

.case-study-detail .close a { display: block; text-indent: -9999px; overflow: hidden; background: url('../images/close.png') no-repeat; width: 20px; height: 20px; 
	position: absolute; top: 15px; }
.case-study-detail .close a:hover { background-position: bottom left;}
.case-study-detail .close-left a { left: 28px; }
.case-study-detail .close-right a { right: 27px; }

.case-study-detail h3 { color: #000; font-size: 20px; font-weight: normal; line-height: 20px; padding-bottom: 15px;  }
.case-study-detail .description { padding: 45px 0 0 72px; width: 260px;}
.case-study-detail .description a { background: #625751; color: #FFF; padding: 0 3px;}
.case-study-detail .description a:hover { background: #aa1025; text-decoration: none;}
.case-study-detail .description p { padding: 0 0 8px 0}
.case-study-detail .description p.highlight { color: #aa1025; font-size: 13px; }
.case-study-detail ul { padding-bottom: 8px; }
.case-study-detail li { background: url('../images/bullet.png') 4px 4px no-repeat; padding-left: 15px; padding-bottom: 4px;  }

.case-study-detail .viewer .images { position: absolute; width: 556px; height: 391px; overflow: hidden; top: 78px; right: 57px;  }
.viewer-nav { position: absolute; top: 48px; width: 570px;  right: 50px; font-family: arial; font-size: 11px; color: #767676;  text-align: center; font-weight: bold; }
.previous a, .next a { display: block; text-indent: -9999px; overflow: hidden; width: 59px; height: 18px;  }
.previous a:hover, .next a:hover { background-position: bottom left;  }
.next a { float: right; background: url('../images/next.png') no-repeat;}
.previous a {  float: left; background: url('../images/prev.png') no-repeat;}
.viewer-nav b { color: #c1c1c1;}


#blackout { 
	z-index: 500;
	background: #000; 
	position: absolute; 
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 2818px; 
	height: 100%;
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter: alpha(opacity=70);		
	display: none;
}

#footer { color:#9c968f; font-size: 13px; padding-left: 64px; position: fixed; width: 100%; }
#footer strong { color: #FFF; font-weight: normal;}
#footer span { color: #000; }
#footer a { color: #b1d239; }