/** ::COLORS::
 * Services:	#ffcc00
 * Portfolio:	#ff9900
 * About:		#ff6600
 * Contact:		#ff0000
 */

/********************************************************************
*	Start: CSS Browser Reset
****************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,thead,th,tr,td,tbody{margin:0;padding:0;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;}
a{text-decoration:none;color:black;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl,dd,dt{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;padding:0;margin:0;}
q:before,q:after{content:'';}
abbr,acronym,.help{cursor:help;text-decoration:none;border:0;border-bottom:1px #666 dotted;}
/*****************************
*	End: CSS Browser Reset  
*****************************/

/********************************************************************
*	Start: Site-Specific Base Styles
************************************/
body {font-family:Arial,sans-serif;font-size:12px;line-height:20px;}
a {color:#000;}
h1,h2,h3,h4,h5,h6 {font-family:Arial Black,arial,sans-serif;font-size:15px;line-height:15px;margin-bottom:5px;font-weight:bold;color:#333;letter-spacing:-.05em;}
h1, h2 {font-size:25px;line-height:30px;}
h1 sup, h2 sup {font-family:Arial,sans-serif;font-size:11px;font-weight:normal;vertical-align:7px;letter-spacing:0;margin-left:-3px;}
.main-heading {font-size:30px;height:60px;line-height:60px;margin:0 0 1px 0;padding:0 15px 0 35px;background:#666;color:#fff;overflow:hidden;}
p,blockquote,ul,ol,dl,table {margin-bottom:10px;}
th,td {vertical-align:top;padding:0 5px 3px 0;}
th {font-weight:bold;}
ul, ol {margin-left:20px;}
ul li {list-style:disc;}
ol li {list-style:decimal;}
:focus {outline:0;}
input[type=text], textarea {font-family:Lucida Grande;font-size:12px;}
/*****************************
*	End: Site-Specific Base Styles
*****************************/

/********************************************************************
*	Start: Grids
********************************************************************/
/* Make sure to clear your floats, this does not use the .clearFix method */
.grid {float:left;margin-left:0; !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;border-left:0 !important;border-right:0 !important;}
.grid {_zoom:1;_height:1%;} /* IE */
.grid1of1{float:none;}
.grid1of2,.grid2of4{width:49.999999%;}
.grid1of3{width:33.333333%;_width:33.31999999%;}
.grid2of3{width:66.666666%;}
.grid1of4{width:24.999999%;}
.grid3of4{width:74.999999%;}
.grid1of5{width:19.999999%;}
.grid2of5{width:39.999999%;}
.grid3of5{width:59.999999%;}
.grid4of5{width:79.999999%;}
.grid-content {padding:10px 15px;}
.grid-content > :last-child {margin-bottom:0;}
.grid-first {clear:both;}
.cbox {margin-bottom:1px;}
.cbox .grid-content {margin-right:1px;}
.grid-last > .grid-content {margin-right:0;}
* html .grid-last .grid-content {margin-right:0;} /*IE6*/
/*****************************
*	End: Grids
*****************************/

/********************************************************************
*	Start: Utils
********************************************************************/
.float-left {float:left;}
.float-right {float:right;}
img.float-left {margin:0 5px 5px 0;}
img.float-right {margin:0 0 5px 5px;}
.clear {clear:both}
span.clear {clear:both;height:0;line-height:1%;font-size:0;display:block;visibility:hidden;overflow:hidden;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-justify {text-align:justify;}
/*****************************
*	End: Utils
*****************************/


body {text-align:center;background:url(/images/bg/home.jpg) center top no-repeat #000;color:#838383;}
#Wrapper {text-align:left;margin:auto;position:relative;width:1009px;}

#Header,
#Footer {padding:10px;}
#Footer {position:relative;font-size:11px;padding-bottom:20px;width:989px;margin:auto;}

#HeaderWrapper,
#BodyOuterWrapper,
#FooterWrapper {clear:both;text-align:left;width:100%;position:relative;}
#BodyOuterWrapper {padding:0 0 50px 0;z-index:5;}
#BodyInnerWrapper {margin:0 10px;}

#SubNav {float:left;font-family:Arial Black,arial,sans-serif;float:left;width:175px;margin:0;padding:1px 1px 0 0;color:#000;z-index:5;_padding-top:0;}
#SubNav ul {margin:0;}
#SubNav li {list-style:none;padding-bottom:1px;}
#SubNav a {display:block;padding:10px;height:40px;color:#999;background:#fff;line-height:40px;letter-spacing:-.05em;font-size:12px;font-weight:bold;line-height:15px;vertical-align:middle;}
#SubNav a.current {display:block;}
body#SectionServices 	#SubNav a.current,
body#SectionServices 	#SubNav a:hover {background-color:#ffcc00;color:#fff;}
body#SectionPortfolio 	#SubNav a.current,
body#SectionPortfolio 	#SubNav a:hover {background-color:#ff9900;color:#fff;}
body#SectionAbout 		#SubNav a.current,
body#SectionAbout 		#SubNav a:hover {background-color:#ff6600;color:#fff;}
body#SectionContact 	#SubNav a.current,
body#SectionContact 	#SubNav a:hover {background-color:#ff0000;color:#fff;}

#ContentWrapper {float:left;width:813px;margin-top:1px;padding-top:0;}
.content-faux-columns {background:url(/images/content-bg.jpg) 0 0 no-repeat;margin-bottom:1px;zoom:1;}
.content-faux-columns .primary-content {float:left;width:475px;background:none;}
.primary-content {padding:35px 35px 35px 35px;background:url(/images/content-bg-full.jpg) center top repeat-x #fff;overflow-x:hidden;}
.secondary-content {float:left;width:218px;padding:150px 25px 10px 25px;background: url(/images/secondary-1.jpg) center top no-repeat;}
#CallToActionFooter {background:#fff;padding:10px 20px;margin-top:1px;}

.primary-content {min-height:295px;_height:295px;position:relative;}
*+html .primary-content {min-height:291px;}
* html .primary-content {height:291px;}
body#SectionAbout .primary-content,
body#SectionPortfolio .primary-content {min-height:234px;_height:234px;}

#FooterWrapper {position:relative;color:#fff;z-index:0;height:70px;overflow:hidden;z-index:9999;} /*background:rgba(0,0,0,.5);*/
#FooterWrapper .bg {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
#FooterWrapper .bg {display:none;position:absolute;top:0;left:0;width:100%;height:85px;background:#000;opacity:.8;-moz-opacity:.8;-webkit-opacity:.8;}
#FooterWrapper p {margin:0;line-height:15px;}
#FooterWrapper p.tagline {font-family:Arial Black,arial,sans-serif;font-size: 16px; font-weight: bold;margin-bottom:3px;}
#FooterWrapper p.tagline sup {font-family:Arial,sans-serif;font-size:10px;font-weight:normal;vertical-align:3px;letter-spacing:0;margin-left:-3px;}

#HomeLink,
#HomeButton {float:left;margin-right:1px;line-height:0;}
#HomeButton {background:url(/images/home-button.gif) left top no-repeat;display:block;width:60px;height:60px;}
#HomeButton.current,
#HomeButton:hover {background:url(/images/home-button.gif) left -60px no-repeat;}

.main-heading {height:60px;line-height:60px;}
body#SectionServices	.main-heading {background-color:#ffcc00;}
body#SectionPortfolio	.main-heading {background-color:#ff9900;}
body#SectionAbout		.main-heading {background-color:#ff6600;}
body#SectionContact		.main-heading {background-color:#ff0000;}
blockquote.heading-quote {float:right;width:250px;padding-right:10px;color:#000;padding:7px 10px 0 0;}

/*
.primary-content a {border-bottom: 1px solid #888;}
.primary-content a:hover {border-bottom: 1px solid #666;}
body#SectionServices 	.primary-content a:hover {border-bottom: 1px solid #ffcc00;}
body#SectionPortfolio 	.primary-content a:hover {border-bottom: 1px solid #ff9900;}
body#SectionAbout 		.primary-content a:hover {border-bottom: 1px solid #ff6600;}
body#SectionContact 	.primary-content a:hover {border-bottom: 1px solid #ff0000;}
*/

.secondary-content {font-family:Arial Black,arial,sans-serif;}
.secondary-content .blurb {font-size:20px;color:#999;letter-spacing:-.05em;line-height:20px;}
.secondary-content .blurb .align-center {display:block;}
.secondary-content .call-to-action {width: 200px;margin:30px auto 0 auto;text-align:center !important;position:relative;line-height:15px;}
.secondary-content .call-to-action a {display:block;width:49%;float:left;color:#333;margin:0;text-align:center;}
body#SectionServices 	.secondary-content {background: url(/images/secondary-1.jpg) center top no-repeat;}
body#SectionPortfolio 	.secondary-content {background: url(/images/secondary-2.jpg) center top no-repeat;}
body#SectionAbout 		.secondary-content {background: url(/images/secondary-3.jpg) center top no-repeat;}
.featured-project {padding:0 !important;width:268px !important;position:relative;}
.featured-project img {display:block;}
.featured-project  .heading {position:absolute;display:block;top:20px;left:20px;background:#fff;color:#ff0000;font-family:Arial Black,arial,sans-serif;padding:0 10px;line-height:30px;height:30px;}
.featured-project  .title {position:absolute;display:block;top:51px;left:20px;background:#fff;padding:5px 10px;}

#MainNav {font-family:Arial Black,arial,sans-serif;font-size:15px;position:absolute;top:10px;right:10px;z-index:5;}
#MainNav a.handle {float:left;margin-bottom:1px;}
#MainNav li {list-style:none;float:left;font-weight:bold;line-height:40px;padding-left:1px;}
#MainNav li a {display:block;float:left;padding:10px;width:113px;height:40px;color:#999;background:#fff;text-align:center;letter-spacing:-.05em;}
#MainNav li a.services-current,
#MainNav li a.services:hover	{background-color:#ffcc00;color:#fff;}
#MainNav li a.portfolio-current,
#MainNav li a.portfolio:hover	{background-color:#ff9900;color:#fff;}
#MainNav li a.about-current,
#MainNav li a.about:hover		{background-color:#ff6600;color:#fff;}
#MainNav li a.contact-current,
#MainNav li a.contact:hover		{background-color:#ff0000;color:#fff;}
#MainNav a.handle {background:url(/images/nav-main-opened.gif) no-repeat;}
#MainNav a.handle-closed {background:url(/images/nav-main-closed.gif) no-repeat;}

#ContactNav {position:absolute;top:71px;right:10px;z-index:5;}
#ContactNav a.handle {float:left;margin-bottom:1px;background:url(/images/nav-contact-opened.gif) no-repeat;}
#ContactNav a.handle-closed {background:url(/images/nav-contact-closed.gif) no-repeat;}
#ContactNav .flyout-content {background:#424242;padding:10px 25px;}
#ContactNav .flyout-content p {margin-bottom:1px;}
#ContactNav .flyout-content input,
#ContactNav .flyout-content textarea {width:200px;font-size:14px;background:#494949;color:#777;border:1px solid #515151;padding:2px;}
#ContactNav .flyout-content input:focus,
#ContactNav .flyout-content textarea:focus {color:#fff;}
#ContactNav .flyout-content button {background:#555;color:#fff;border:1px solid #666;padding:5px 10px;cursor:pointer;}
#ContactNav .flyout-content button:hover {background:#5c5c5c;}

#ContactPageForm table {margin:0;}
#ContactPageForm input,
#ContactPageForm textarea {background:#ddd;border:1px solid #ccc;font-size:13px;height:17px;padding:5px;width:205px;color:#444;}
#ContactPageForm textarea {height:50px;margin:0;}
#ContactPageForm input:focus,
#ContactPageForm textarea:focus {color:#000;}
#ContactPageForm td.submit {text-align:right;padding-right:0;}
#ContactPageForm button {color:#fff;display:block;background:#ff0000;border:0;padding:3px;margin-left:auto;width:75px !important;height:60px !important;font-weight:bold;font-size:13px;line-height:55px;border:0;cursor:pointer;}
#ContactPageForm button:hover {background:#ff0000;}

#LetsTalkModalForm {display:none;text-align:left;position:absolute;width:500px;z-index:9999;}
#LetsTalkModalForm .wrapper {position:relative;padding:35px;background:url(/images/content-bg-full.jpg) center top repeat-x #fff;zoom:1;}
#LetsTalkModalForm form {position:relative;}
#LetsTalkModalForm input,
#LetsTalkModalForm textarea {background:#e4e4e4;border:1px solid #d6d6d6;padding:3px 5px;width:250px;color:#666;}
#LetsTalkModalForm textarea {height:75px;}
#LetsTalkModalForm button {text-align:left;background:red;padding:3px 5px;width:260px;border:1px solid red;color:#fff;}
#LetsTalkModalForm .contact-response {position:relative;background:#fff;margin-right:10px;display:block;zoom:1;}

.contact-response-success {font-family:Arial Black,arial,sans-serif;font-size:25px;color:#333;margin:10px 0;}
.contact-response-error {font-family:Arial Black,arial,sans-serif;font-size:15px;color:#333;margin:10px 0;}

#FlyoutNav a.handle {display:block;width:43px;height:60px;overflow:hidden;}
#FlyoutNav a.handle-closed {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
#FlyoutNav a.handle-closed:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
#FlyoutNav a.handle-closed {opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;}
#FlyoutNav a.handle-closed:hover {opacity:1;-moz-opacity:1;-webkit-opacity:1;}
#FlyoutNav .flyout-content {display:none;margin:0;float:left;}

#Footer a {color:#fff;}
#FooterSocialMedia {position:absolute;right:10px;bottom:20px;}
#FooterSocialMedia a {display:block;float:left;margin-left:1px;height:20px;width:20px;background:url(/images/icons-social-media.gif) 0 0 no-repeat;}
#FooterSocialMedia a.linkedin {background-position:0 0;}
#FooterSocialMedia a.facebook {background-position:-20px 0;}
#FooterSocialMedia a.twitter  {background-position:-40px 0;}
#FooterSocialMedia a.linkedin:hover {background-position:0 -20px;}
#FooterSocialMedia a.facebook:hover {background-position:-20px -20px;}
#FooterSocialMedia a.twitter:hover  {background-position:-40px -20px;}

.rising-action-links {margin-bottom:0;}
.rising-action-links a {display:block;float:left;text-align:center;width:19.999999%;}
.rising-action-links a {background:url(/images/transparent.gif);} /* IE fix for block link */
.rising-action-links a .icon {display:block;height:50px;}
.rising-action-links a .icon img {margin-top:10px;}
.rising-action-links a .shadow {display:block;height:15px;}
.rising-action-links a .shadow img {margin:auto;width:100%;height:15px;}
.rising-action-links a {font-family:Arial Black,arial,sans-serif;letter-spacing:-.05em;}
#Home-RisingLinks a .icon {height:57px;}
#OurWork-RisingLinks a {width:24.999999%;}
#OurWork-RisingLinks a .icon {height:46px;}
#WhatWeDo-RisingLinks a {width:19.999999%;font-size:11px;line-height:13px;}
#WhatWeDo-RisingLinks a .icon {height:43px;}
#WhoWeAre-RisingLinks a .icon {height:61px;}

#WhatWeDoPages .prev-next {position:absolute;bottom:-5px;left:0;height:30px;width:100%;font-family:Arial Black;font-weight:bold;letter-spacing:-.05em;}
#WhatWeDoPages .prev-next a {position:absolute;bottom:0px;display:block;height:30px;line-height:30px;}
#WhatWeDoPages .prev-next a.prev-page {left:35px;padding-left:50px;}
#WhatWeDoPages .prev-next a.next-page {right:35px;padding-right:50px;}
#WhatWeDoPages .prev-next a img {position:absolute;top:3px;}
#WhatWeDoPages .prev-next a.prev-page img {left:0;}
#WhatWeDoPages .prev-next a.next-page img {right:0;}


.scrollable-vertical {overflow:hidden;position:relative;}
.scrollable-vertical .scrollable-nav {margin-bottom:1px;height:60px;}
* html .scrollable-vertical .scrollable-nav {overflow:hidden;} /*IE6*/
.scrollable-vertical .scrollable-nav a {display:block;height:60px;width:60px;float:left;background:#333;border:0 !important;margin-right:1px;}
.scrollable-vertical .scrollable-nav a img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);}
.scrollable-vertical .scrollable-nav a img {opacity:.10;-moz-opacity:.10;-webkit-opacity:.10;}
.scrollable-vertical .scrollable-nav a.active,
.scrollable-vertical .scrollable-nav a:hover {border:0 !important;background:#444;}
.scrollable-vertical .scrollable-nav a.active img,
.scrollable-vertical .scrollable-nav a:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.scrollable-vertical .scrollable-nav a.active img,
.scrollable-vertical .scrollable-nav a:hover img {opacity:1;-moz-opacity:1;-webkit-opacity:1;}
.scrollable-vertical .scrollable-clip {overflow:hidden;position:relative;clear:both;}
* html .scrollable-vertical .scrollable-clip {z-index:-1;} /*IE6*/
.scrollable-vertical .scrollable-items {position:relative;clear:both;}
.scrollable-vertical .scrollable-item {position:relative;clear:both;margin-bottom:62px;}
* html .scrollable-vertical .scrollable-item {height:1%;} /*IE6*/
*+html .scrollable-vertical .scrollable-item {height:1%;} /*IE7*/

.slider-horizontal {position:relative;width:100%;overflow:hidden;margin-bottom:1px;}
.slider-horizontal .slider-items {position:relative;width:10000px;}
.slider-horizontal .slider-item {position:relative;}

.portfolio .scrollable-nav a {background:#FF9900;}
.portfolio .scrollable-nav a:hover {background:#FF9900;}

.portfolio .slider-horizontal {height:243px;}
.portfolio .slider-nav a {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.portfolio .slider-nav a {position:relative;line-height:243px;display:block;height:243px;width:49%;position:absolute;top:0;zoom:1;opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;}
.portfolio .slider-nav a {background:url(/images/transparent.gif);} /* IE fix for block link */
.portfolio .slider-nav a.next-portfolio-item,
.portfolio .slider-nav a.disabled {display:none;}
.portfolio .slider-nav a.slider-prev,
.portfolio .slider-nav a.prev-portfolio-item {left:0;text-align:left;}
.portfolio .slider-nav a.slider-next,
.portfolio .slider-nav a.next-portfolio-item {right:0;text-align:right;}
/* Hacking IE6 to use the transparent pngs */
* html .portfolio .slider-nav a.slider-prev img,
* html .portfolio .slider-nav a.slider-next img,
* html .portfolio .slider-nav a.prev-portfolio-item img,
* html .portfolio .slider-nav a.next-portfolio-item img {display:none;}
* html .portfolio .slider-nav a b {display:block;position:absolute;top:100px;font-size:15px;padding:20px 40px;}
* html .portfolio .slider-nav a.slider-prev b,
* html .portfolio .slider-nav a.prev-portfolio-item b {left:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/portfolio/prev.png', sizingMethod=image);}
* html .portfolio .slider-nav a.slider-next b,
* html .portfolio .slider-nav a.next-portfolio-item b {right:10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/portfolio/next.png', sizingMethod=image);}
.portfolio .slider-nav a:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.portfolio .slider-nav a:hover {opacity:1;-moz-opacity:1;-webkit-opacity:1;}
.portfolio-item-details {padding:0;margin:1px 0;background:url(/images/content-bg-full.jpg) center top repeat-x #fff;color:#666;padding:10px 0;}
.portfolio-item-details table {margin:0;border:0;width:100%;}
.portfolio-item-details table td {padding:0;border:0;}
.portfolio-item-details p {min-height:40px;_height:40px;padding:0 10px 0 15px;margin-bottom:0;line-height:15px;}
.portfolio-item-details p.portfolio-title {border:0;white-space:nowrap;}
.portfolio-item-details p.portfolio-deliverables {}
.portfolio-item-details p strong {display:block;font-family:Arial Black,arial,sans-serif;font-size:18px;line-height:22px;color:#000;letter-spacing:-.05em;white-space:nowrap;}
.portfolio-item-details a {color:#666;}
.portfolio-item-details a:hover {color:#444;}
.portfolio-item-comment {margin:1px 0;padding:10px 15px;background:url(/images/content-bg-full.jpg) center top repeat-x #fff;}

.case-studies {height:530px;}
.case-studies .scrollable-nav a {background:#FF9900;}
.case-studies .scrollable-nav a:hover {background:#FF9900;}
.case-studies .case-study-logo {float:right;width:199px;margin:0 0 5px 5px;padding:0;background:#333;}
.case-studies .case-study-content-wrapper {float:left;width:613px;}
.case-studies .case-study-content {padding:10px 25px;background:url(/images/content-bg-full.jpg) center top repeat-x #fff;}
.case-studies-secondary {letter-spacing:-.03em;}
.case-studies-secondary h4 {margin-bottom:0;}
.case-studies-secondary p {font-size:12px;line-height:20px;}
.case-studies-secondary a {color:#999;}
.case-studies-secondary a:hover {color:#666;}
.case-studies-secondary .prev-next {position:absolute;left:570px;bottom:10px;width:218px;}
.case-studies-secondary .prev-next a {font-size:13px;color:#333;position:absolute;bottom:0;display:block;height:30px;line-height:30px;}
.case-studies-secondary a.prev-page {left:0;padding-left:50px;}
.case-studies-secondary a.next-page {right:0;padding-right:50px;}
.case-studies-secondary a.prev-page img {position:absolute;top:3px;left:0;}
.case-studies-secondary a.next-page img {position:absolute;top:3px;right:0;}

.testimonials .testimonial {padding-bottom:10px;border-bottom:3px double #ddd;margin-bottom:20px;}
.testimonials .testimonial:last-child {margin-bottom:0;border:0;}
.testimonials .author,
.testimonials .company {font-weight:bold;color:#333;}

.bullets {margin-left:0;}
.bullets li {list-style:none;padding:0 0 0 10px;margin:0 0 10px 35px;border-left:3px solid red;line-height:15px;}
.home-bullets {margin:0 0 10px 0;padding-bottom:10px;border-bottom:1px solid #ddd;}
.home-bullets li {position:relative;margin:0 0 5px 110px;}
.home-bullets li strong {font-family:Arial Black,arial,sans-serif;font-size:15px;color:#333;position:absolute;top:0;left:-110px;width:100px;text-align:right;}

#OverlayMask {bottom:0 !important;}