html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; font-weight:normal;line-height:1.4em;}
	
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* :focus { outline: 0; }	
	
/*----------clear floats----------*/
	
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* for IE6 */ * html .group { height:1%;}
/* for IE7 */ *:first-child+html .group { min-height:1px;}


/*----------global rules----------*/

body {font-family:'Open Sans', sans-serif; font-size:75%; color:#666;}
strong {font-weight:700; color:#333;}

a {text-decoration:none; color:#FC2B2B; font-weight:700;}
p {margin-bottom:1em;}
h1 {font-size:6em; font-weight:800; text-transform:uppercase; line-height:.8em;}
h2 {font-size:3.16666667em; font-weight:800; text-transform:uppercase; line-height:.8em;}
h3 {font-size: 2.333333333em; font-weight:800; text-transform:uppercase; line-height:.8em; margin-bottom:.5em;}
h4 {font-size:2em; font-weight:800; text-transform:uppercase; line-height:.8em;}
h5 {font-size:1.666666667em; font-weight:800; text-transform:uppercase; line-height:.8em;}
h6 {font-size:1.333333333em; font-weight:800; text-transform:uppercase; line-height:.8em;}

/*----------sidebar navigation----------*/

#sidebar {width:960px; margin:0 auto;}
#sidebar header {width: 225px; position: fixed; float: left; background:url(../images/bg.png) repeat-y left top; height:100%; z-index:100; min-height:700px;}
#sidebar header aside {position:fixed; bottom:0; text-transform:uppercase;}
#sidebar p.header {font-weight:800; color:#fff; background:url(../images/sidebar-divider.png) no-repeat left bottom; padding:8px 10px; margin-bottom:0; letter-spacing:.1em;}
#sidebar div.social-share {width:188px; margin-left:18px;}
#sidebar .social-share ul {margin-bottom:1em;}
#sidebar .social-share li {display:block; padding:5px 0px 0px 10px;}
#sidebar p.copyright {font-size:.6666666667em;}
#sidebar h1 {margin-bottom:15px;}
#sidebar h1 a {display:block;}
#sidebar h1 img {display:block; margin:0 auto;}
#sidebar nav {width:188px; margin:0 auto; border:solid #fff; border-width:5px 0; font-family:"Open Sans"; padding:5px 0;}
#sidebar nav ul {text-transform: uppercase; font-size:13px; list-style-type: none;}
#sidebar nav li {text-align:right; padding:.25em 0;}
#sidebar nav li.selected {padding:.5em 0; border-top:2px solid #444; border-bottom:2px solid #444; margin:5px 0 10px;}
#sidebar nav span.subtitle {font-size:10px; padding: 0;}
#sidebar nav span.title {display:block; padding-bottom:.25em;}
#sidebar nav span.number, #sidebar nav span.subtitle {display:none;}
#sidebar nav li.selected span.number {color:#BBB; font-weight:normal;}
#sidebar nav li.selected span.title {color:#fff; font-weight:bold}
#sidebar nav li.selected span.subtitle {color:#FF3200;}
#sidebar nav li a {color: #666; text-decoration:none; display:block; letter-spacing:.1em;}
#sidebar nav li a:hover {color: #515151;	}
#sidebar nav li.selected span.number {display:inline;}
#sidebar nav li.selected span.subtitle {display:block;}

/*----------content framework----------*/

section.outer {position:relative; overflow:hidden; padding-bottom:200px;}
.container {width:960px; margin:0 auto; /*background:url(../images/bg.png) repeat-y left top; height:100%;*/}
.inner {width:720px; margin-left:240px; padding-bottom:40px; padding-top:10px; position:relative;}
.inner img {position:relative; z-index:0;}
.inner header.main, .inner header.intro {padding-bottom:22px; margin-bottom:20px;}
.inner header.main h1, .inner header.intro h1 {font-size:1em; font-style:italic; text-transform:uppercase; font-weight:600; padding:6px 20px; text-align:right;}
.inner header.main h1 {color:rgb(191,190,190);}
.inner header.main h1 span.number, .inner header.intro h1 span.number {display:block; float:left;}
.inner header.main.dark {background:url(../images/header-arrow-black.png) no-repeat 10px bottom;}
.inner header.main.dark h1 {background:#363636;}
.inner header.intro.light {background:url(../images/header-arrow-white.png) no-repeat 10px bottom;}
.inner header.intro.light h1 {background:#fff;  }
.inner header.sub {border:2px solid #333; border-width:2px 0; margin-bottom:1em;}
.inner header.sub h1 {text-transform:uppercase; font-weight:700; letter-spacing:.1em; line-height:2em; color:#484848; font-size:1.3333333em;}
.inner header.sub h1 span.number {display:block; float:right; width:130px; text-align:right; font-style:italic; color:rgb(191,190,190); background:#333; font-weight:400; letter-spacing:.4em; padding-right:10px; font-size:.75em; line-height:2.66666666em;}

/*----------INTRO----------*/

section#intro {height:1300px; /*background:url(../images/our-story-background.jpg) 50% -350px no-repeat;*/ /*background:url(../images/our-story-background.jpg) 50% -450px no-repeat;*/ background:url(../images/our-story-background.jpg) 50% 0 no-repeat; /*background:#4d4d4f;*/ padding-bottom:0; overflow:hidden;}
section#intro div.scale {/*background:url(../images/intro-text.png) 0 80px no-repeat;*/ background:url(../images/intro-text.png) 85px 80px no-repeat; height: 1170px; position: absolute; /*width: 50px;*/ width:100%; z-index: 100;}
/*#intro img.scale {float:left; margin-right:30px;}*/
#intro h1.intro {color:rgb(255,255,255); margin-bottom:1.5em; margin-left:60px;}
#intro h1.intro span {color:rgb(248,127,45); display:block;}

/*----------ABOUT US----------*/

section#about-us {/*min-height:700px;*/}
div.billboard {position:absolute; width:100%; height:700px; background:url(../images/billboard.png) no-repeat 0 0;}
section.section20 {height:700px; background:url(../images/about-us-background.png) no-repeat -40px -120px;}
h1.startflashing-text {position:absolute; left:200px; top:110px; color:rgb(255,55,0); margin-bottom:1.5em; z-index:10;}
div.services ul.tabs {margin-bottom:2em;}
div.services ul.tabs li {width:140px; height:82px; display:block; float:left; margin-right:2px; text-align:center; /*line-height:67px;*/}
div.services ul.tabs div.icon {height:60px; line-height:60px;}
div.services ul.tabs a {width:140px; height:82px; display:block; background:url(../images/services-tab-black.png) repeat-y left top; /*line-height:67px;*/}
div.services ul.tabs div.label {color:#fff; font-weight:600; font-size:.9166666667em;}
div.services ul.tabs a.current {background:url(../images/services-tab-red.png) repeat-y left top;  }
div.services ul.tabs img {vertical-align:middle;}
div.services h3 {color:#FF3200;}
div.services h3 span {font-weight:300; margin-left:.5em;}
div.card {padding-bottom:1.5em;}
div.card img {float:left;}
div.card .details {padding-top:1.5em; margin-left:410px;}
/*h5.tabs-location strong {color:#FF3200;}*/
h5.tabs-location {font-weight:300; margin-bottom:.5em; padding-bottom:.5em; border-bottom:3px solid #333; /*color:#FF3200;*/}
h5.tabs-location strong {font-weight:800;}
h5.tabs-location span {display:block; float:right; font-size:.6em; padding-top:.6em; letter-spacing:.2em;}
p.clients {border-bottom:2px solid #d3d3d3; padding-bottom:1em;}
p.clientstop {border-top:2px solid #d3d3d3; padding-top:1em;}
p.clients span {color:#333;}

/*----------OUR WORK----------*/

div.our-work-header {background:url(../images/our-work-background.jpg) 50% 0 no-repeat; height:690px; /*background:rgb(221,221,31);*/}
div.our-work-header section.inner {background:url(../images/our-work.png) no-repeat 5px 0; height:690px;}
div.web-design ul.list {border-bottom:2px solid #333;}
div.web-design ul.list li {font-size:1.33333333em;}
div.web-design ul.tabs a {display:block; padding:.25em .5em; font-weight:700; color:#A7A7A7;}
div.web-design ul.list li:nth-child(odd) {background-color:#ebedeb;}
div.web-design ul.tabs a.current {color:#fff; background-color:#FF3200;}
div.project {background:url(../images/divider.png) repeat-x left top; padding-top:40px; margin-bottom:2em;}
div.project img {/*float:left;*/}
div.project .info {margin-left:490px;}
div.project .info img.logo {display:block; margin-bottom:1em; float:none;}
div.project h5.tabs-location {border:none; padding-bottom:0;}
div.project p.header {margin-top:1em; border-top:2px solid #333; border-bottom:1px solid #d3d3d3; text-transform:uppercase; padding:.5em 0;}
div.project h4 {color:#FF3200;}
div.web-design p.testimonial {border:1px solid #d3d3d3; border-width:1px 0; padding:1em 0;}
div.web-design p.testimonial span {color:#FF3200;}
div.web-design p.situation-analysis strong {text-transform:uppercase; font-size:1.166666667em; font-weight:800;}

/*----------OUR PEOPLE----------*/

section#our-people .intro {margin-bottom:2em; padding-bottom:60px; background:url(../images/divider2.png) repeat-x left bottom;}
section#our-people .intro h1 {color:#FF3200; margin-bottom:0.25em; letter-spacing:0.1em; line-height:0.9em;}
section#our-people .intro img {float:left;}
section#our-people .intro .description {margin-left:490px;}
section#our-people .intro .description h4 {padding-top:.5em; letter-spacing:.1em; line-height:1em; margin-bottom:.5em;}
section#our-people .bios h3 {letter-spacing:0.1em; color:#FF3200; border-bottom:3px solid #333; padding-bottom:0.5em;}
section#our-people .bios img {float:left;}
section#our-people .bios .info {margin-left:410px;}

/*----------TALK TO US----------*/

section#talk-to-us div.contact img {float:left; margin-left:35px;}
section#talk-to-us div.contact div.info {margin-left:410px;}
section#talk-to-us div.contact div.info div.short {width:210px; padding-right:20px;}
section#talk-to-us div.contact div.info h5 {border-top:7px solid #333; padding-top:.75em; letter-spacing:.05em; line-height:1em; margin-bottom:1em;}
section#talk-to-us .details {border:solid #333; border-width:2px 0;}
section#talk-to-us .details h6 {text-transform:none; color:#FF3200; padding:1em 0; line-height:1.5em; border-bottom:1px solid #a7a7a7;}
section#talk-to-us .details h6 a {text-transform:none; color:#FF3200; padding:1em 0; line-height:1.5em; font-weight: 800;}
section#talk-to-us .details span {display:block; font-weight:400;color:#222;}
section#talk-to-us .details span:after {content: " /";}

/*----------content classes----------*/

ul.circles span {display:block; float:left; width:19px; height:19px; text-align:center; line-height:19px; background:url(../images/disc.png) no-repeat left top; color:#BFBEBE; font-weight:700; font-style:italic;}
ul.circles p {margin-left:25px;}
div.three-column {-moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px;column-count: 3; column-gap: 20px;}
div.divider {background:url(../images/divider.png) no-repeat center bottom; padding-bottom:40px; margin-bottom:2em;}
div.slidewrap {position:relative; border-bottom:3px solid #333;}
ul.slidecontrols {position:absolute; top:140px; width:389px; height:53px; z-index:100;}
.project ul.slidecontrols {position:absolute; top:140px; width:471px; height:53px; z-index:100;}
div.project div.images {width:471px; float:left;}
div.project div.slidewrap {border-bottom:none;}
div.project div.images ul.slider {margin-bottom:1em;}
ul.slidecontrols .next, ul.slidecontrols .prev {width:41px; height:53px; position:absolute; text-indent:-5000px;}
ul.slidecontrols .next {right:0; background:url(../images/slider-next.png) no-repeat;}
ul.slidecontrols .prev {left:0; background:url(../images/slider-prev.png) no-repeat;}
ol.carousel-tabs {position:absolute; right:0; top:0; margin-bottom:1em;}
div.project ol.carousel-tabs {position:relative; margin-bottom:0;}
ol.carousel-tabs li {display:inline; letter-spacing:.2em;}
ol.carousel-tabs a {color:#333; font-weight:400;}
ol.carousel-tabs li.carousel-active-tab a {font-weight:800;}
ol.carousel-tabs li:after {content:" / ";}
ol.carousel-tabs li:last-child:after {content:"";}
.parallax-viewport {position: relative;/* relative, absolute, fixed */overflow: hidden;}
.parallax-layer {position: absolute;}  
#parallax { position:relative; width:720px; height:700px; }
#facebook {width:27px; height:27px; position:absolute; right:-57px; top:10px; z-index:1000;}
#facebook a {display:block; height:27px; width:27px;}
#twitter {width:27px; height:27px; position:absolute; right:-57px; top:45px; z-index:1000;}
#twitter a {display:block; height:27px; width:27px;}