/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:inherit;text-decoration:underline;}
a:visited {color:inherit;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* layout.css */

/* 
	orange : ff9300
	blue: 00aeff
	green: 77cb00
	yellow: edd400
*/

body.home{background:url(images/site-home-bg.jpg) repeat-x 0 0;}
body{background:url(images/site-bg.jpg) repeat-x 0 0;}
.site{margin:0 auto;width:960px;}

.header{background:url(images/header-bg.jpg) repeat-x 0 0;height:90px;position:relative;z-index:1000;}

.client-login{height:20px;margin:0 auto -20px;position:relative;width:960px;z-index:2;}
.client-login:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.client-login a{background:url(images/client-login.jpg) no-repeat 0 0;display:block;margin:0 0 0 auto;height:20px;width:78px;}
.client-login a span{display:none;}

.main-navigation{height:90px;list-style:none;margin:0 auto;position:relative;width:960px;z-index:1;}
.main-navigation:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.main-navigation h1,.main-navigation li{margin:0;}
.main-navigation li{float:left;}
.main-navigation .main-logo a,.main-navigation .about a,.main-navigation .services a,.main-navigation .products a,.main-navigation .portfolio a,.main-navigation .contact a{background:url(images/main-navigation.png) no-repeat 0 0;display:block;height:90px;}
.main-navigation .main-logo a span,.main-navigation .about a span,.main-navigation .services a span,.main-navigation .products a span,.main-navigation .portfolio a span,.main-navigation .contact a span{display:none;}
.main-navigation .main-logo a{background-position:0 0;width:335px;margin:0 136px 0 0;}
.main-navigation .about a{background-position:-335px 0;width:107px;}
.main-navigation .services a{background-position:-442px 0;width:117px;}
.main-navigation .products a{background-position:-559px 0;width:136px;}
.main-navigation .portfolio a{background-position:-695px 0;width:138px;}
.main-navigation .contact a{background-position:-833px 0;width:127px;}
.main-navigation .about a:hover,.main-navigation .about a.active{background-position:-335px -90px;width:107px;}
.main-navigation .services a:hover,.main-navigation .services a.active{background-position:-442px -90px;width:117px;}
.main-navigation .products a:hover,.main-navigation .products a.active{background-position:-559px -90px;width:136px;}
.main-navigation .portfolio a:hover,.main-navigation .portfolio a.active{background-position:-695px -90px;width:138px;}
.main-navigation .contact a:hover,.main-navigation .contact a.active{background-position:-833px -90px;width:127px;}

.home-gallery{background:url(images/home-gallery-bg.png) no-repeat bottom center;height:310px;list-style:none;margin:0;width:960;}
.home-gallery .home-tagline{float:left;height:310px;position:relative;width:460px;z-index:1010;}
.home-gallery .home-tagline h2{background:url(images/home-tagline.png) no-repeat 0 0;height:310px;margin:0;width:460px;}
.home-gallery .home-tagline h2 span{display:none;}
.home-gallery .work-button{background:url(images/work-button.png) no-repeat 0 0;display:block;height:40px;margin:-60px 0 0 auto;width:200px;}
.home-gallery .work-button span{display:none;}
.home-gallery .home-slideshow{background:url(images/sample-slide-bg.png) no-repeat 0 0;float:left;height:310px;width:500px;}
.home-gallery .home-slideshow p{margin:0;}
.home-gallery .portfolio-button{background:url(images/portfolio-button.png) no-repeat 0 0;display:block;height:40px;margin:-60px 0 0 auto;position:relative;width:160px;z-index:10000;}
.home-gallery .portfolio-button span{display:none;}

.home-services{list-style:none;margin:15px 0 0;}
.home-services:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.home-services h3{background:url(images/home-services-headlines.png) no-repeat 0 0;height:30px;margin:0;width:150px;}
.home-services .strategy h3{background-position:0 0;}
.home-services .design h3{background-position:0 -30px;}
.home-services .development h3{background-position:0 -60px;}
.home-services .marketing h3{background-position:0 -90px;}
.home-services h3 span{display:none;}
.home-services li{float:left;width:240px;}
.home-services li p{color:#FFF;height:80px;margin:0 0 10px 0;padding:0 0 0 30px;}
.home-services li a{background:url(images/learn-more-button.png) no-repeat right 3px;display:block;height:20px;line-height:20px;margin:0 0 0 auto;padding:0 20px 0 0;text-decoration:none;text-align:right;width:80px;}
.home-services .strategy h3,.home-services .strategy a{color:#df8305;}
.home-services .design h3,.home-services .design a{color:#00aeff;}
.home-services .development h3,.home-services .development a{color:#77cb00;}
.home-services .marketing h3,.home-services .marketing a{color:#edd400;}

.home-content{padding:20px 0;}
.home-content:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.home-content .left{float:left;width:470px;}
.home-content .right{float:right;width:470px;}

.interior-content{margin:30px 0 0;padding:10px 0;}
.interior-content:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.interior-content .left{float:left;width:670px;}
.interior-content .left p{font-size:1.2em;line-height:2em;}
.interior-content .right{background:#FAFAFA;float:right;padding:10px;width:250px;}
.interior-content .right h2{margin:0 0 .2em;}
.interior-content .right ul{list-style:none;margin:0;}

.interior-content .right .content-blog{width:250px;}

.interior-content .services-strategy{background:url(images/services-strategy.jpg) no-repeat 0 0;line-height:2em;margin:2em 0;padding:0 0 0 260px;}
.interior-content .services-strategy strong{color:#ff9300;display:block;font-size:1.8em;font-weight:normal;margin:0 0 .2em;}
.interior-content .services-design{background:url(images/services-design.jpg) no-repeat right 0;line-height:2em;margin:2em 0;padding:0 260px 0 0;}
.interior-content .services-design strong{color:#00aeff;display:block;font-size:1.8em;font-weight:normal;margin:0 0 .2em;}
.interior-content .services-development{background:url(images/services-development.jpg) no-repeat 0 0;line-height:2em;margin:2em 0;padding:0 0 0 260px;}
.interior-content .services-development strong{color:#77cb00;display:block;font-size:1.8em;font-weight:normal;margin:0 0 .2em;}
.interior-content .services-marketing{background:url(images/services-marketing.jpg) no-repeat right 0;line-height:2em;margin:2em 0;padding:0 260px 0 0;}
.interior-content .services-marketing strong{color:#edd400;display:block;font-size:1.8em;font-weight:normal;margin:0 0 .2em;}

.portfolio-section{border-bottom:1px solid #999;/*height:300px;*/list-style:none;margin:0 0 20px;padding:0 0 20px;width:960px;}
.portfolio-section:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.portfolio-section .gallery1,.portfolio-section .gallery2,.portfolio-section .gallery3,.portfolio-section .gallery4,.portfolio-section .gallery5,.portfolio-section .gallery6,.portfolio-section .gallery7,.portfolio-section .gallery8{float:left;/*height:300px;*/width:600px;}
.portfolio-section .gallery1 .controls,.portfolio-section .gallery2 .controls,.portfolio-section .gallery3 .controls,.portfolio-section .gallery4 .controls,.portfolio-section .gallery5 .controls,.portfolio-section .gallery6 .controls,.portfolio-section .gallery7 .controls,.portfolio-section .gallery8 .controls{height:40px;list-style:none;margin:10px 0 0;position:relative;width:600px;z-index:20;}
.portfolio-section .gallery1 .controls a span,.portfolio-section .gallery2 .controls a span,.portfolio-section .gallery3 .controls a span,.portfolio-section .gallery4 .controls a span,.portfolio-section .gallery5 .controls a span,.portfolio-section .gallery6 .controls a span,.portfolio-section .gallery7 .controls a span,.portfolio-section .gallery8 .controls a span{display:none;}
.portfolio-section .gallery1 .controls a.previous,.portfolio-section .gallery2 .controls a.previous,.portfolio-section .gallery3 .controls a.previous,.portfolio-section .gallery4 .controls a.previous,.portfolio-section .gallery5 .controls a.previous,.portfolio-section .gallery6 .controls a.previous,.portfolio-section .gallery7 .controls a.previous,.portfolio-section .gallery8 .controls a.previous{background:url(images/gallery-controls.png) no-repeat 0 -40px;display:block;float:left;height:40px;text-decoration:none;text-align:center;width:100px;}
.portfolio-section .gallery1 .controls a.next,.portfolio-section .gallery2 .controls a.next,.portfolio-section .gallery3 .controls a.next,.portfolio-section .gallery4 .controls a.next,.portfolio-section .gallery5 .controls a.next,.portfolio-section .gallery6 .controls a.next,.portfolio-section .gallery7 .controls a.next,.portfolio-section .gallery8 .controls a.next{background:url(images/gallery-controls.png) no-repeat 0 0;display:block;float:right;height:40px;text-decoration:none;text-align:center;width:100px;}

.portfolio-section .content{float:right;height:/*280px;*/padding:0 10px 10px;width:340px;}
.portfolio-section .content h1,
.portfolio-section .content h2,
.portfolio-section .content h3,
.portfolio-section .content p{margin:0;padding:0;}
.portfolio-section .content h1{color:#0079c2;font-size:1.8em;font-weight:normal;margin:0 0 .2em;padding:0;}
.portfolio-section .content h2{color:#666;font-size:1.1em;font-weight:normal;margin:0 0 .4em;}
.portfolio-section .content h3{border-top:1px dotted #999;color:#000;font-size:1.4em;font-weight:normal;margin:0 0 .4em;padding:.4em 0 0;}
.portfolio-section .content p{margin:0 0 .5em;}

.portfolio-section .content .portfolio-services{list-style:none;margin:0;padding:0;}
.portfolio-section .content .portfolio-services li{float:left;}
.portfolio-section .content .portfolio-services li ul li{float:none;}

.content-headline{color:#0079c2;margin:0;}
.content-headline-2{color:#444;font-style:italic;	}
.content-blog{list-style:none;margin:0;width:470px;}
.content-blog li{background:url(images/content-blog-icon.png) no-repeat 10px 10px;color:#444;padding:10px 10px 10px 30px;}
.content-blog a{color:#333;}
.content-blog strong{color:#222;display:block;}
.content-blog strong a{color:inherit;text-decoration:none;}
.content-blog-odd{background:#f2f2f2 url(images/content-blog-icon.png) no-repeat 10px 10px;}

.content-quick-facts{list-style:none;margin:0;padding:0;}
.content-quick-facts li{margin:0 0 1em;}
.content-quick-facts li ul{border-top: 1px dotted #CCC;list-style:none;margin:0;padding:0;}
.content-quick-facts li ul li{border-bottom:1px dotted #CCC;margin:0;padding:5px;}
.content-quick-facts .strategy{}
.content-quick-facts .strategy strong{background:url(images/strategy-icon.png) no-repeat 0 1px;color:#ff9300;font-size:1.3em;font-weight:normal;margin:0;padding:0 0 0 20px;}
.content-quick-facts .design{}
.content-quick-facts .design strong{background:url(images/design-icon.png) no-repeat 0 1px;color:#00aeff;font-size:1.3em;font-weight:normal;margin:0;padding:0 0 0 20px;}
.content-quick-facts .development{}
.content-quick-facts .development strong{background:url(images/development-icon.png) no-repeat 0 1px;color:#77cb00;font-size:1.3em;font-weight:normal;margin:0;padding:0 0 0 20px;}
.content-quick-facts .marketing{}
.content-quick-facts .marketing strong{background:url(images/marketing-icon.png) no-repeat 0 1px;color:#edd400;font-size:1.3em;font-weight:normal;margin:0;padding:0 0 0 20px;}

.content-contact-info strong{display:block;font-size:1.4em;font-weight:normal;}

.content-services{border-top:1px solid #CCC;margin:0;padding:0;}
.content-services li a{border-bottom:1px solid #CCC;color:inherit;display:block;margin:0;padding:10px 10px 10px 30px;text-decoration:none;}
.content-services li.strategy a{background:url(images/strategy-icon.png) no-repeat 5px 14px;}
.content-services li.design a{background:url(images/design-icon.png) no-repeat 5px 14px;}
.content-services li.development a{background:url(images/development-icon.png) no-repeat 5px 14px;}
.content-services li.marketing a{background:url(images/marketing-icon.png) no-repeat 5px 14px;}

.content-services li a strong{display:block;font-size:1.4em;font-weight:normal;}
.content-services li.strategy a strong{color:#ff9300;}
.content-services li.design a strong{color:#00aeff;}
.content-services li.development a strong{color:#77cb00;}
.content-services li.marketing a strong{color:#edd400;}

.wpcf7-form{}
.wpcf7-form p{color:#333;}
.wpcf7-form p span{}
.wpcf7-form p span input{background:url(images/form.png) no-repeat 0 0;border:none;height:22px;outline-style:none;outline-width:0;padding:8px 0 0 5px;width:395px;}
.wpcf7-form p span input:focus{background:url(images/form.png) no-repeat 0 -60px;}
.wpcf7-form p span textarea{background:url(images/form.png) no-repeat 0 -120px;border:none;height:142px;outline-style:none;outline-width:0;padding:8px 0 0 5px;resize:none;width:395px;}
.wpcf7-form p span textarea:focus{background:url(images/form.png) no-repeat 0 -300px;border:none;}

.footer{background:#CCC url(images/footer-bg.jpg) repeat-x 0 0;}
.footer a{color:#FFF;}
.footer-content{color:#FFF;font-size:.9em;margin:0 auto;padding:30px 0 20px 0;width:960px;}
.footer-content:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.footer-summary{background:url(images/footer-summary.png) no-repeat 0 0;float:left;margin:0 20px 0 0;padding:0 0 0 25px;width:265px;}
.footer-office{background:url(images/footer-office.png) no-repeat 0 0;float:left;margin:0 20px 0 0;padding:0 0 0 25px;width:80px;}
.footer-fax{background:url(images/footer-fax.png) no-repeat 0 0;float:left;margin:0 20px 0 0;padding:0 0 0 25px;width:80px;}
.footer-new-jersey{background:url(images/footer-new-jersey.png) no-repeat 0 0;float:left;margin:0 20px 0 0;padding:0 0 0 25px;width:165px;}
.footer-indiana{background:url(images/footer-indiana.png) no-repeat 0 0;float:right;padding:0 0 0 25px;width:165px;}
.footer strong{font-size:1.5em;font-weight:normal;display:block;}