﻿/********* Google Fonts   *********/
@import url(http://fonts.googleapis.com/css?family=Nobile:regular,bold);


#page { background: url(../images/page_bg4.jpg) no-repeat 50% 257px; }
.home #page { background: url(../images/page_bg.png) repeat-x 0 257px; }

#subhead { background: url(../images/subhead_bg.png) no-repeat 50% 95%; padding-top:7px; _padding-top:0; position:relative; }
.home #subhead { border-bottom:none; }

#logo-ror { display:block; width:397px; height:51px; background: url(../images/logo_ror.png) no-repeat 0 0; text-indent:-9999px; font-size:0; cursor:pointer }

#subnav { margin:6px 0 0 0 !important; list-style:none; }
#subnav li { float:left; padding:0; margin:0 !important; height:33px }
#subnav li a { display:block; padding:6px 12px 6px 12px; color:#1ab7ea; font-size:13px; text-decoration:none; text-shadow:#fff 0 1px 1px; }
#subnav li a:hover { text-decoration:underline; }

#subnav li#nav-about a{ padding-left:0 !important; }
.section-about #subnav li#nav-about a { padding-left:12px !important; }

#subnav li#nav-build { background: url(../images/nav_shadow.png) no-repeat 0 0; }
#subnav li#nav-build a { font-weight:bold; color:#363636 !important; background: url(../images/icn_arrow.png) no-repeat 100% 50%; padding-right:26px !important }

.section-about #subnav li#nav-about, .section-videos #subnav li#nav-videos, .section-news #subnav li#nav-news, .section-build #subnav li#nav-build
{ background: url(../images/nav_bg_right.png) no-repeat 100% 0; }
.section-about #subnav li#nav-about a, .section-videos #subnav li#nav-videos a, .section-news #subnav li#nav-news a, .section-build #subnav li#nav-build a
{ background: url(../images/nav_bg_left.png) no-repeat 0 0; font-weight:bold; text-shadow:none; color:#fff !important; padding-right:14px !important }

#widgets { position:absolute; bottom:0; right:0; margin:0 !important; padding:0; _top:32px }
#widgets li { float:left; height:57px; list-style:none; margin:0 0 0 20px !important; }
#widgets li a { width:95px; height:16px; text-align:center; display:block; text-indent:-9999px; font-size:0; }

#widgets li#widget-model a { background: url(../images/txt_model.png) no-repeat 50% -16px; }
.section-model #widgets li#widget-model { background: url(../images/icn_triangle.png) no-repeat 50% 100%; }
.section-model #widgets li#widget-model a, #widgets li#widget-model a:hover { background-position:50% 0; }

#widgets li#widget-return a { background: url(../images/txt_return.png) no-repeat 50% -16px; }
.section-return #widgets li#widget-return { background: url(../images/icn_triangle.png) no-repeat 50% 100%; }
.section-return #widgets li#widget-return a, #widgets li#widget-return a:hover  { background-position:50% 0; }

#widgets li#widget-matrix a { background: url(../images/txt_matrix.png) no-repeat 50% -16px; }
.section-matrix #widgets li#widget-matrix { background: url(../images/icn_triangle.png) no-repeat 50% 100%; }
.section-matrix #widgets li#widget-matrix a, #widgets li#widget-matrix a:hover { background-position:50% 0; }


#content p { margin-bottom:0; padding-bottom:15px; }

#feature { width:1100px; height:271px; margin:0 0 0 -140px; background: url(../images/feature_bg.jpg) no-repeat 0 0; }
#feature-inner { margin:1px 0 0 140px; padding-top:30px; width:390px; }
#feature h2 { color:#1ab7ea; text-transform:none; letter-spacing:0; font-size:24px }
#feature p { font-size:12px }
#btn_build { display:block; width:210px; height:37px; background: url(../images/btn_build.png) no-repeat 0 0; font-size:0; text-indent:-9999px; }

#blueBar { width:1100px; height:172px; margin-left:-140px; background: url(../images/blue_bar.jpg) no-repeat 0 0; }
#blueBar-inner { margin:0 0 0 140px;  }
#blueBar ul { list-style:none; margin:0 0 0 -20px; padding:0; }
#blueBar ul li { float:left; width:280px; color:#c0f0ff; }
#blueBar ul li strong { color:#fff; text-transform:uppercase; font-size:18px; display:block; padding:0 0 8px 30px; }
#blueBar ul li a { text-decoration:none; color:#d0f3fe; display:block; height:123px; padding:30px 25px 0 20px; }
#blueBar ul li a:hover { background:#1BB7EA; }

#sec-model strong { background: url(../images/icn_circle.png) no-repeat 0 0; }
#sec-return strong { background: url(../images/icn_graphs.png) no-repeat 0 0; }
#sec-matrix strong { background: url(../images/icn_matrix.png) no-repeat 0 0; }

#content-bottom { background: url(../images/btm_bg.jpg) no-repeat 50% 100%; padding-bottom:70px; }

#left-side { float:left; width:400px; padding-top:7px; }
#right-side { float:left; width:399px; margin-left:41px; padding-top:7px; }

#quotes { font-size:11px }

#quotebox { width:400px; height:200px; background:#000; color:#fff; margin-bottom:15px; font-size:12px }
#quotebox strong { color:#fff !important; }
#quotebox-inner { padding:32px 24px 0 230px; }

#news { padding-top:20px }
#news h2 { width:177px; height:25px; background: url(../images/txt_news_updates.png) no-repeat 0 0; font-size:0; text-indent:-9999px; }
#news ul { list-style:none; margin:0; padding:0; }
#news li { float:left; width:182px; font-size:11px; padding:4px 0; }
#news li:nth-child(odd){ margin-right:35px }
#news li a { color:#1ab7ea; font-weight:bold; display:block; }

#shaping h2 { width:349px; height:25px; background: url(../images/txt_shaping.png) no-repeat 0 0; font-size:0; text-indent:-9999px; }
#shaping ul { list-style:none; margin:0; padding:0; }
#shaping li { float:left; width:172px; margin-top:0 !important; margin-bottom:0 !important; padding:12px 0; font-size:11px; }
#shaping li:nth-child(odd){ margin-right:35px }
#shaping li a { color:#1ab7ea; font-weight:bold; }
#shaping li p { padding:0 0 0 33px; background: url(../images/icn_square.png) no-repeat 0 0; }

#shape_consumer p { background: url(../images/icn_consumers.png) no-repeat 0 0 !important; }
#shape_policy p { background: url(../images/icn_policy.png) no-repeat 0 0 !important; }
#shape_litigation p { background: url(../images/icn_litigation.png) no-repeat 0 0 !important; }
#shape_employee p { background: url(../images/icn_employee.png) no-repeat 0 0 !important; }
#shape_community p { background: url(../images/icn_activism.png) no-repeat 0 0 !important; }
#shape_financial p { background: url(../images/icn_financial.png) no-repeat 0 0 !important; }

#about { clear:both; padding-top:20px; position:relative; }
#about h2 { width:215px; height:19px; background: url(../images/txt_about.png) no-repeat 0 0; font-size:0; text-indent:-9999px; }
#about p { width:630px; padding-top:12px; }

#logos { position:absolute; top:44px; right:-28px; list-style:none; margin:0; padding:0; }
#logos li { float:left; margin-left:10px }
#logos li a { display:block; text-indent:-9999px; font-size:0; }

#logos li#logo-insight a { width:52px; height:27px; background: url(../images/logo_apco_insight.png) no-repeat 0 0; }
#logos li#logo-rila a { width:59px; height:24px; background: url(../images/logo_rila.png) no-repeat 0 0; }


#content h1, #content h2, #content h3 { font:normal 22px "nobile","Helvetica Neue", helvetica, arial, sans waterfall !important; color:#1ab7ea !important; text-transform:none !important; letter-spacing:0 }
#content h2 { font-size:16px !important; }
.home #content h2 { font-size:20px !important; }

#content { /*background: url(../images/blue_fade.jpg) no-repeat 50% 97px;*/ }
#content-inner { background: url(../images/btm_bg.jpg) no-repeat 50% 100%; padding-bottom:50px; }

.mainContent { padding-top:15px !important; position:relative; }
.home .mainContent { padding-top:0 !important; background:none; }

.sidebar-right .mainContent { width:400px; float:left; }

#sidebar-right { width:323px; float:left; margin:40px 0 0 117px; }

#build-rep { width:323px; height:273px; background: url(../images/note_build.png) no-repeat 0 0; }
#build-rep-inner { padding:122px 20px 0 53px; }
#build-rep h3 { position:absolute; left:-9999px; }


#model { margin:0 !important; padding:0; float:left; width:514px; height:471px; background: url(../images/model/model.png) no-repeat 0 0; list-style:none; position:relative; }
#model li { background: url(../images/model/small_circles.png) no-repeat 0 0; margin:0 !important; padding:0 !important; position:absolute; }
#model li a { display:block; width:149px; height:150px; text-indent:-9999px; font-size:0; }

#model li#model-reputation { left:151px; top:152px; background:none; }
#model li#model-reputation a { width:167px; height:168px; }

#model li#model-consumers { left:161px; background-position:0 -150px; }
#model li#model-consumers a:hover, #model li#model-consumers a.active { background: url(../images/model/small_circles.png) no-repeat 0 0; }

#model li#model-investors { top:162px; background-position:0 -450px; }
#model li#model-investors a:hover, #model li#model-investors a.active { background: url(../images/model/small_circles.png) no-repeat 0 -300px; }

#model li#model-employees { top:321px; left:161px; background-position:0 -750px; }
#model li#model-employees a:hover, #model li#model-employees a.active { background: url(../images/model/small_circles.png) no-repeat 0 -600px; }

#model li#model-communities { top:162px; left:320px; background-position:0 -1050px; }
#model li#model-communities a:hover, #model li#model-communities a.active { background: url(../images/model/small_circles.png) no-repeat 0 -900px; }

#slider { float:left; top:20px; width:400px; border:#e0ebef 1px solid; margin:20px -80px 0 0 !important; }
#slider ul {  margin:0; padding:0; }
#slider li { list-style:none; margin:0 !important; padding:0; }
#slider > li { *float:left; *height:1%; *width:100% }

#slider > li > a { display:block; width:400px; text-indent:-9999px; font-size:0; background-image: url(../images/model/titles.png); }

#sld-reputation > a { background-position:0 0; height:54px; }
#sld-reputation > a.active { background-position:-400px 0; }

#sld-consumers > a { background-position:0 -54px; height:55px; }
#sld-consumers > a.active { background-position:-400px -54px; }

#sld-investors > a { background-position:0 -109px; height:53px; }
#sld-investors > a.active { background-position:-400px -109px; }

#sld-communities > a { background-position:0 -162px; height:54px; }
#sld-communities > a.active { background-position:-400px -162px; }

#sld-employees > a { background-position:0 -216px; height:80px; }
#sld-employees > a.active{ background-position:-400px -216px; }

#slider > li > ul { background:#ebebeb url(../images/model/sub_bg.png) no-repeat 0 0; position:absolute; left:-9999px; }
#slider > li > ul > li { padding:6px 22px !important; border-top:#fff 1px solid; border-bottom:#e1e1e1 1px solid; }
#slider > li > ul > li:first-child { border-top:none; }
#slider > li > ul > li a { text-decoration:none; font:bold 16px helvetica neue, helvetica, arial; color:#000; text-shadow:#fff 0 1px 1px; }
#slider > li > ul > li > strong { font:bold 16px helvetica neue, helvetica, arial; color:#000; text-shadow:#fff 0 1px 1px; }
#slider > li > ul > li a:hover { color:#555; }

#slider > li > ul > li > ul { margin:5px 0 5px 22px; }
#slider > li > ul > li > ul > li { list-style:square }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
