/* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !bootFolio: PROJECTS Layout */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .bf-projects { font-size: .9em; } .bf-projects .col1 .item { width: 100%; } .bf-projects .col2 .item { width: 49.999%; } .bf-projects .col3 .item { width: 33.333%; } .bf-projects .col4 .item { width: 24.999%; } .bf-projects .col5 .item { width: 19.999%; } .bf-projects .item { float: left; padding: 0px; width: 257px !important; margin: 0px 33px 30px 0px; } .bf-projects .itemFirst {} .bf-projects .itemLast { margin-right: 0px !important; } .bf-projects .item img { margin: 0px !important; padding: 0px !important; } .bf-projects .item-proj { overflow: hidden; } .bf-projects .item .thumbCont { float: left; } .bf-projects .item .thumbCont .thumb { background: url(../images/stripe.png) repeat; } .bf-projects .item .thumbCont .thumb a { position: relative; display: block; } .bf-projects .item .thumbCont .thumb a img { border: 7px solid #cecece; display: block; } .bf-projects .item .thumbCont .thumb a span, .bf-projects-scrollable .scrollable .items a span { background: url(../images/zoom.png) no-repeat; width: 16px; height: 16px; display: none; position: absolute; right: 15px; bottom: 15px; } .bf-projects .item .contentCont { margin: .6em 0 0 0; clear: both; float: left; width: 100%; } .bf-projects .item .contentCont h4 { font-size: 1.6em; margin: 0px 0px 0px 0px; padding: 0px; line-height: 1.1em; text-transform: none; font-weight: normal; color: #8bbb18; } .bf-projects .item .contentCont h4 a { text-decoration: none; } .bf-projects .item .contentCont span.subtitle { font-size: 1.2em; margin: .2em 0px 0px 0px; line-height: 1.1em; color: #bf9b6b; display: block; font-family: UnitRoundedOT-B, "Trebuchet MS", sans-serif; } .bf-projects .item .contentCont span.date { color: #666; font-size: .95em; display: block; font-family: UnitRoundedOT-L, "Trebuchet MS", sans-serif; } .bf-projects .item .contentCont .introtext { font-size: .95em; line-height: 1.3em; } .bf-projects .item .contentCont .introtext p { margin-bottom: .6em; } .bf-projects .item .contentCont span.url { display: block; font-size: .95em; line-height: normal; } .clrRow { clear: both; } .clrCol { clear: left; } #lightbox-image-details-caption span.popupTitle { font-family: UnitRoundedOT-B, "Trebuchet MS", sans-serif; font-size: 1.6em; font-weight: normal; color: #8bbb18; } #lightbox-image-details-caption p.popupDesc { font-family: UnitRoundedOT-L, "Trebuchet MS", sans-serif; font-size: 1.4em; font-weight: normal; color: #bf9b6b; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !bootFolio: PROJECT Layout */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .bf-zone { margin-bottom: 2em; } .bf-project-headzone { position: relative; } .bf-project h2.contentheading { color: #7EAC2F; font-size: 2em; font-weight: normal; line-height: 1.2em; margin: 0 70px 0 0; padding: 0px; } .bf-project span.subtitle { display: block; font-size: 1.2em; color: #5B91E5; } .bf-project span.date { position: absolute; top: 0px; right: 0px; font-size: 3em; color: #A68860; display: block; line-height: 1.1em; } .bf-project span.url { font-size: 1.2em; margin-top: 1.6em; display: block; } .cz-mainCol-wrap { float: left; display: inline; width: 680px; } .cz-mainCol { padding-right: 60px; } .cz-subCol-wrap { float: right; display: inline; width: 240px; } .cz-subCol { margin-top: 2.2em; } .termgroup-mod { background: #F6F3EF; margin-bottom: 1em; } .termgroup-mod h3 { background: #F2EDE7; padding: 10px; margin: 0px; text-transform: uppercase; font-size: 1.1em; line-height: 1.0em; color: #4C3607; } .termgroup-mod .compMod-content { padding: 10px; } .termgroup-mod ul.termslist { margin: 0px; } .termgroup-mod ul.termslist li { padding-top: 0px; } .bf-project .termgroups { color: #A68860; margin: 2em 0px 0px 0px; } .bf-project .termgroups ul {} .bf-project .termgroups ul li { margin: 0px; padding: .1em 0px .3em 0px; background: url(none); line-height: 1.1em; /*clear: both;*/ } .bf-project .termgroups ul li span {} .bf-project .termgroups ul li span.title { float: left; padding: 0px; width: 80px; display: block; position: absolute; } .bf-project .termgroups ul li span.terms { margin-left: 80px; display: block; } .bf-project .item { float: left; padding: 0px; margin-bottom: 3em; } .bf-project .item .imgCont {} .bf-project .item .imgCont .img { background: url(stripe.png) repeat; } .bf-project .item .imgCont .img img { border: 1px solid #C4A67E; } .bf-project .itemFirst {} .bf-project .itemLast { margin-bottom: 0px; } .bf-project-navBar-wrap { border-width: 1px 0px 1px 0px !important; } .bf-project-navBarTop-wrap { margin-bottom: 3em !important; } .bf-project-navBarBot-wrap { margin-top: 3em !important; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !bootFolio: SCROLLABLE modules */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .bf-projects-scrollable { padding-bottom: 1em;} /* !Container and Items */ div.scrollable { position:relative; overflow:hidden; width: 205px; height:155px; float: left; } div.scrollable div.items { width:20000em; position:absolute; clear:both; margin-left:0px; } div.scrollable div.items div { float:left; width:191px; height:139px; padding:0px; border:7px solid #cecece; background-color: #666; margin-right: 10px; } div.scrollable div.items div.active {} div.scrollable div.items a { position: relative; display: block; } /* !Next/Previous */ a.prev, a.next, a.prevPage, a.nextPage { display:block; width:18px; height:48px; background:url(../js/left-arrow-sm.png) no-repeat; float:left; margin:53px 10px; cursor:pointer; font-size:1px; } a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -48px; } a.disabled { visibility:hidden !important; } a.next, a.nextPage { background-image:url(../js/right-arrow-sm.png); clear:right; } /* !Navigator */ div.navi { margin:0 auto; width:42px; height:20px; clear: both; } div.navi a { width:8px; height:8px; float:left; margin:3px; background:url(../js/navigator.png) 0 0 no-repeat; display:block; font-size:1px; } div.navi a:hover { background-position:0 -8px; } div.navi a.active { background-position:0 -16px; } /* !Our Work larger */ .sbxModTable-ourwork .bf-projects-scrollable {} .sbxModTable-ourwork div.scrollable { width: 796px; height: 194px; } .sbxModTable-ourwork div.scrollable div.items div { width: 240px; height: 180px; margin-right: 17px; } .sbxModTable-ourwork a.prev, .sbxModTable-ourwork a.next, .sbxModTable-ourwork a.prevPage, .sbxModTable-ourwork a.nextPage { width: 30px; height: 80px; background: url(../js/left-arrow-lrg.png) no-repeat; margin:57px 10px; } .sbxModTable-ourwork a.prev:hover, .sbxModTable-ourwork a.next:hover, .sbxModTable-ourwork a.prevPage:hover, .sbxModTable-ourwork a.nextPage:hover { background-position: 0px -80px; } .sbxModTable-ourwork a.next, .sbxModTable-ourwork a.nextPage { background: url(../js/right-arrow-lrg.png) no-repeat; } .sbxModTable-ourwork div.navi { width: 42px; margin: 0 auto; padding-top: 6px; }