/* HOME PAGE SPECIFIC STYLES */

/* HERO HOME */
div#hero { width: 100%; height: 327px; background: #9f6d2b url('/images/bg-hero.jpg') top center no-repeat; color: #3e4042; }
div#heroWrapperLeft { width: 100%; height: 327px; background: url('/images/bg-hero-topleft.png') top left no-repeat; color: #3e4042; }
div#heroWrapperRight { width: 100%; height: 327px; background: url('/images/bg-hero-topright.png') top right no-repeat; color: #3e4042; }
.heroLogo { margin: 84px 0 0 30px; }

#portfolio { margin: -10px 0 0 0; padding: 0; }
#portfolio li { margin: 0; padding: 0; }

#portfolio-sm { float: left; width: 276px; margin: 0 30px 0 0; padding: 0; }
#portfolio-sm li { margin: 0; padding: 0; }

/* SLIDER */
.slider-wrap { float:left; width: 470px; top: 0px; margin:0px 0 0 0px; }
.stripViewer .panelContainer .panel ul{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; width:470px; margin:0px 0 0 0px; height:326px; }
.stripViewer .panelContainer { position:relative; left:0; top:0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 470px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
#movers-row { position: relative; top: -30px; z-index: 100; width: auto; margin-bottom: 0; text-align: center; }
#movers-row li { display: inline; width: 20px; height: 20px; padding: 0 2px; }
#movers-row li a { color: #af8a54; line-height: 20px; }
#movers-row li a:hover { text-decoration: none; }
#movers-row li a.cross-link { display: inline-block; width: 20px; height: 20px; background: url('/images/moover_off.png'); }
#movers-row li a.active-thumb { display: inline-block; color: #ece4c1; width: 20px; height: 20px; background: url('/images/moover_selected.png'); }

.featured_info { float: left; width: 470px; padding-top: 32px; }
.featured_info h2 { width: 470px; height: 100px; text-indent: -99999px; margin-bottom: 10px; padding-bottom: 0px; }
.featured_info p { font: 1.15em/1.3em Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color:#000000; text-shadow: #d0ac6d 0px 1px 0px; }
.featured_info h2 span { display: block; background:url(/images/life_is_good.png) no-repeat; width: 470px; height: 100px; }
.featured_image { float: right; background:url(/images/featured_image_bg.png) no-repeat; width: 474px; height: 334px; margin: 4px -14px 0 0; position: relative; }
.featured_image .img { position: absolute; width: 419px; height: 242px; margin: 32px 0 0 26px; z-index:2; }
* html .featured_image .img { position: absolute; width: 419px; height: 242px; margin: -58px 0 0 25px; z-index:2; }
*:first-child+html .featured_image .img { position:absolute; width:419px; height:242px; margin:-58px 0 0 25px; z-index:2; }
/*IE8*/
.featured_image .img { margin-top/*\**/:-60px\9; }

#featured_wrap .learnmore_btn,  .learnmore_btn { width: 460px; height: 77px; text-indent: -99999px; float:left; }
.learnmore_btn { position: relative; z-index: 101; float: right; }
#hero .learnmore_btn a, .learnmore_btn a { color: #fef; background: url(/images/learn_more.png) no-repeat; display: block; width: 460px; height: 77px; cursor: pointer; }

/* SLIDER TEXT FADE */
.fade p { width: 100%; text-align: center; font-size: 2.4em; line-height: 60px; font-weight: bold; }

/* NEWS */
.news_title { float: left; padding: 14px 4px 4px 4px; font-size: 12px; font-weight: bold; color: #494949; }
ul#news { padding: 5px; float: left; width: 820px; }

/* FEATURED */
div#featured .container { padding-top: 38px; }
div#featured .photobox { height: 86px; background: url('/images/featured-photobox.png') top left no-repeat; }
div#featured .photobox img { float: left; margin: 6px 20px 6px 6px ; }
div#featured .photobox .featuredTitle { color: #956224; font-size: .95em; font-weight: bold; line-height: 1.1em; margin-bottom: 5px; }
div#featured .photobox .featuredTitle a { color: #956224; text-decoration: none; }
div#featured .photobox .featuredTitle a:hover { color: #956224; text-decoration: underline; }
div#featured .photobox .featuredText { color: #141313; font-size: .85em; line-height: 1.2em; padding-left: 100px; }

/* CONTENT */
div#content .container { padding: 35px 0 15px 0; }

div#content .shadowbox { width: 267px; background: url('/images/shadow-small.png') top center no-repeat; padding-top: 18px; }

div#content .shadowbox img { margin-bottom: 12px; }

div#content .shadowbox ul { list-style-position: inside; list-style-type: none; margin-top: 0; }
div#content .shadowbox ul li { color: #bb862d; font-size: 1em; margin-bottom: 16px; padding-bottom: 2px; padding-left: 22px; }

div#content .shadowbox ul li a { color: #bb862d; border-bottom: 1px #f1e7d5 solid; }
div#content .shadowbox ul li a:hover { color: #bb862d; text-decoration: none; border-bottom: 1px #dbd1bf solid; }

div#content .shadowbox ul li.view { background:url('/images/icons/view.png') no-repeat left top; list-style:none; margin-left: 5px; margin-left: 5px; line-height: 16px; }
div#content .shadowbox ul li.download { background:url('/images/icons/download.png') no-repeat left top; list-style:none; margin-left: 5px; margin-left: 5px; line-height: 16px; }
div#content .shadowbox ul li.services { background:url('/images/icons/services.png') no-repeat left top; list-style:none; margin-left: 5px; margin-left: 5px; line-height: 16px; }
div#content .shadowbox ul li.help { background:url('/images/icons/help.png') no-repeat left top; list-style:none; margin-left: 5px; margin-left: 5px; line-height: 16px; }
div#content .shadowbox ul li.staff { background:url('/images/icons/staff.png') no-repeat left top; list-style:none; margin-left: 5px; margin-left: 5px; line-height: 16px; }

div#content h3.homeTitle { font-weight: bold; margin-bottom: 5px; }



/* SECONDARY PAGE SPECIFIC STYLES */

/* HERO SECONDARY */
div#hero_secondary { width: 100%; height: 172px; background: #9f6d2b url('/images/bg-hero-secondary.jpg') top center no-repeat; color: #3e4042; }
div#heroWrapperLeftSecondary { width: 100%; height: 172px; background: url('/images/bg-hero-topleft-secondary.png') top left no-repeat; color: #3e4042; }
div#heroWrapperRightSecondary { width: 100%; height: 172px; background: url('/images/bg-hero-topright-secondary.png') top right no-repeat; color: #3e4042; }
.heroLogoSecondary { float: left; margin: 34px 0 0 30px; }
.pageTitle h2 { float: left; width: 338px; height: 152px; margin: 10px 0 0 0; padding-bottom: 0; text-indent: -9000px; overflow: hidden; }

.pageTitle h2 span { display: block; width: 338px; height: 152px; }
.pageTitle h2 span.programs { background: url('/images/titles/programs.png') no-repeat; }
.pageTitle h2 span.our_process { background: url('/images/titles/our-process.png') no-repeat; }
.pageTitle h2 span.our-big-ideas { background: url('/images/titles/our-big-ideas.png') no-repeat; }
.pageTitle h2 span.resources { background: url('/images/titles/resources.png') no-repeat; }
.pageTitle h2 span.about-us { background: url('/images/titles/about-us.png') no-repeat; }
.pageTitle h2 span.contact-us { background: url('/images/titles/contact-us.png') no-repeat; }

div#hero_secondary .buttonContact { float: right; margin-top: 65px; }

.get-directions { font-size: .7em; color: #05b0ff; }
.get-directions a { color: #05b0ff; text-decoration: none; }
.get-directions a:hover { color: #d1873c; text-decoration: none; }

/* FEATURED PROGRAM */
.featured_program { clear: both; width: 960px; height: 290px; background: url('/images/featured_pro_bg.gif') no-repeat; float: left; margin: 0 0 40px 0; }
.featured_program .featured_pro_image { float: left; position: relative; width: 238px; height: 228px; margin: 20px 0 0 20px; background: url('/images/featured-photobox-lg.png') }
.featured_program .featured_pro_image img { margin: 6px 6px; }
.featured_program .featured_pro_details { float: right; width: 640px; padding: 40px 50px 0 0; height: 210px; overflow: hidden; color: #2b2b2b; }
.featured_program .featured_pro_details h2 { color: #2B2B2B; font-size: 2.2em; line-height: 1em; font-weight: bold; }
.featured_program .featured_pro_details h2 a { color: #2B2B2B; text-decoration: none; }
.featured_program .featured_pro_details h2 a:hover { color: #2B2B2B; text-decoration: none; }
.featured_program .featured_pro_details p { font-size: 1.15em; line-height: 1.4em; }
.featured_program .featured_pro_details .section_title { color: #6d6d6d; font-weight: bold; }

/* PROGRAM GRID */
#content .services .row,
#content .products .row { float: left; padding-bottom: 60px; }

#content .services .row .first img,
#content .services .row div img,
#content .products .row .first img,
#content .products .row div img{ float: left; }

#content .services .row .first,
#content .services .row div,
#content .products .row .first,
#content .products .row div { width: 445px; float: left; }

#content .services .row div,
#content .products .row div { padding-left: 70px; }

#content .services .row .first,
#content .products .row .first { padding-left: 0px; }

#content .services .row .first div,
#content .services .row div div,
#content .products .row .first div,
#content .products .row div div { float: right; width: 300px; padding-left: 0px; }

#content .services .row h2,
#content .products .row h2 { font-size: 2em; margin-bottom: 28px; }

#content .services .row h2 a,
#content .products .row h2 a { color: #433D32; text-decoration: none; }

#content .services .row h2 a:hover,
#content .products .row h2 a:hover { color: #433D32; text-decoration: none; }


.photobox { height: 100px; margin-bottom: 20px; background: url('/images/featured-photobox.png') no-repeat scroll left top transparent; }
.photobox .one-day { padding-left: 106px; }
.photobox img { float: left; margin:6px 20px 6px 6px; }

/* TERTIARY PAGE SPECIFIC STYLES */
div#content.tertiary { background-position: top right; }

.sidebar { min-height: 400px; background:url('/images/bg-sidebar.gif') no-repeat; }

div.box { float: left; min-height: 500px; padding-bottom: 20px; width: 265px; }

.sidenav { border-bottom: 1px solid #fff; border-top: 1px solid #f3f3f3; float: left; margin: -34px 0 20px 0; padding-bottom: 0; width: 100%; }
.sidenav li { font-size: 1.2em; font-weight: bold; line-height: 40px; border-bottom: 1px solid #f3f3f3; border-top: 1px solid #fff; display: block; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0 0 0 30px; background: url('/images/bullet-sidbarnav-default.gif') 12px 50% no-repeat; }

.sidenav li a { display: block; color: #bb862d }
.sidenav li a:hover { color: #999; text-decoration: none; }

.sidenav li.current { color: #2b2b2b; background: url('/images/bullet-sidbarnav-current.gif') 12px 14px no-repeat; }
.sidenav li.current a { display: block; color: #2b2b2b; }
.sidenav li.current a:hover { color: #2b2b2b; }

.sidenav li ul {  }
.sidenav li ul li { font-size: .8em; line-height: 16px; padding-bottom: 8px; list-style-image: none; list-style-position: outside; list-style-type: none; background: none; border: none; padding-left: 20px; }

div#content .section { float: left; width: 100%; margin-bottom: 20px; border-bottom: 1px dashed #e8e8e8; }
div#content h2 { color:#2B2B2B; font-size: 26px; font-weight: bold; line-height: 26px; }
div#content h3 { font-weight: normal; line-height: 1.2em; margin-bottom: 15px; }
div#content h3 a { color: #2c2c2c; text-decoration: none; }
div#content h3 a:hover { color: #2c2c2c; text-decoration: none; }
div#content h3.intro_text { color: #7D7D7D; font-weight: normal; font-size: 1.6em; line-height: 1.2em; margin-bottom: 30px; }
