/* =SUBPAGE CONTENT
------------------------------------------------ */
.subpage {margin: 0 !important;}
.subpage #content {
background:url(./content-top-2.png) no-repeat 0 0;
_background: #181818;
position:relative;
padding-top: 15px;
}
.subpage #content-inner {
position: relative;
background:url(./content-btm-2.png) no-repeat left bottom;
_background: none;
padding-bottom:15px;
}
.subpage #content-inner-2 {
background:url(./content-bg-2.png);
_background: none;
min-height:275px;
}
.subpage #content .col-1 {
padding: 20px 32px;
}
#content .col-1 a {
color: #8dc63f;
}
#content .col-2 {
background: url(./content-divider.png) no-repeat 0 30px;
_background-image: url(./content-divider.gif);
position:relative;
min-height: 200px;
}
#title {
margin-bottom: 5px;
line-height: 1.4em;
font-size:16px;
color: #9eeb21;
}
#subtitle {
color: #fff;
margin-bottom: 9px;
font-size: 21px;
line-height: 1.1em;
}
#content p.preamble {
color: #fff;
font-size: 1.1em;
margin-bottom: .8em;
line-height: 1.3em;
}
.sidenav {
margin-top: 25px;
}
.sidenav li {
_height: 1%;
}
.sidenav li a {
display: block;
padding: 5px 0;
}
.sidenav li a:hover {
background: url(./arrow-white.png) no-repeat right center;
color: #fff !important;
}
/* =ABOUT US
------------------------------------------------ */
#about #about-postit[id] {background: url(./postit-bg.png) no-repeat 0 0;}
#about #about-postit {
_background: url(./about-postit.jpg) no-repeat;
display:block;
width: 280px;
height:290px;
position:absolute;
z-index:1;
top: 0;
left: 30px;
text-indent: -9000px;
}
#about #about-postit[id] span {background: url(./about-postit-trans.png) no-repeat 42px 25px;}
#about #about-postit span {
height: 270px;
width: 300px;
display:block;
}
#about #basement .twocol {
}
#about #basement .col-1 {
overflow: hidden;
margin-left: 30px;
width: 450px;
margin-right: :0;
_margin-left: 15px;
}
#about #basement .col-2 {
overflow: hidden;
float: right;
width: 450px;
}
#about #whoweare h2 {
margin-left: 30px;
width: 900px;
}
#about #whoweare dl {
clear: both;
position:relative;
min-height: 130px;
_height: 130px;
_width: 400px;
margin-bottom: 20px;
}
#about #whoweare dd.photo {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
}
#about #whoweare dt {
color: #329ecc;
float: left;
margin-left: 150px;
font-weight: bold;
font-size:  1.2em;
margin-bottom: .5em;
padding-right: 20px;
}
#about #whoweare dd.description {
margin-left:  150px;
clear: both;
padding-right: 20px;
}
/* =WHAT WE DO
------------------------------------------------ */
#whatwedo #whatwedo-postit {
background: url(./postit-bg.png) no-repeat 0 0;
_background: url(./whatwedo-postit.jpg) no-repeat;
display:block;
width: 280px;
height:290px;
position:absolute;
z-index:1;
top: 0;
left: 30px;
text-indent: -9000px;
}
#whatwedo #whatwedo-postit[id] span {background: url(./whatwedo-postit-trans.png) no-repeat 55px 35px;}
#whatwedo #whatwedo-postit span {
height: 270px;
width: 300px;
display:block;
}
#whatwedo #content .col-2 p {
margin: 0 0 1em;
}
#whatwedo #basement .twocol .col-1 {
padding-left: 30px;
width: 520px;
}
#whatwedo #basement .twocol ul.left {
width: 250px; float: left;
padding-bottom: 1em;
}
#whatwedo #basement .twocol ul.right {
width: 250px; float: left;
}
#whatwedo #basement .twocol .col-2 {
float:  right;
padding-right: 20px;
width: 320px;
}
#whatwedo #basement ul.basement-nav {
clear: both;
width: 250px;
}
/* =DOT
------------------------------------------------ */
#dot #dot-postit[id] {background: url(./postit-bg.png) no-repeat 0 0;}
#dot #dot-postit {
_background: url(./dot-postit.jpg) no-repeat;
display:block;
width: 323px;
height:290px;
position:absolute;
z-index:1;
top: 0;
left: 30px;
text-indent: -9000px;
}
#dot #dot-postit[id] span {background: url(./dot-postit-trans.png) no-repeat 60px 58px;}
#dot #dot-postit span {
_background: transparent;
height: 400px;
width: 300px;
display:block;
}
/* =SUBNAV
------------------------------------------------ */
#subnav {
position: absolute;
top: -2px;
right: 6px;
_left: 355px;
z-index: 9999;
}
#subnav[id] li {
background: url(./folio-nav-btn.png) no-repeat;
width: 140px;
height: 33px;
float: right;
text-align:center;
margin-right: 10px;
}
#subnav li a {
color: #40b0df;
display:block;
float:  left;
width: 140px;
height: 33px;
line-height: 33px;
font-size: 14px;
}

/* =PORTFOLIO
------------------------------------------------ */
#portfolio #title {
width:  200px;

}
#portfolio #subtitle {

}
#portfolio #content .col-1 h3 {
color: #fff;
font-size: 1.2em;
margin: 0 0 .5em;
}
#portfolio #content p {
font-size: 13px;
text-shadow: #000 0 0 0;
margin-bottom: .8em;
}
#portfolio #project-type {
margin-bottom: 1em;
color: #9cba5a;
}
#portfolio #content .col-1 {
width: 290px;
padding-right: 0;
}
#portfolio #content .col-2 {
width: 600px;
}
#portfolio #basement .col-1 {
background: url(portfolio-basement-shadow.png) no-repeat 0 0;
width: 175px;
padding-left: 31px;
min-height:300px;
padding-top: 0;
_height: 300px;
_background: transparent;
_display: inline;
}
#portfolio #basement .col-1 ul {
border-top: 1px solid #ebf1db;
}
#portfolio #basement .col-1 ul li {
_height: 1%;
}
#portfolio #basement .col-1 ul li a {
display: block;
font-size: 15px;
line-height: 1;
padding: 12px 0;
border-bottom: 1px solid #ebf1db;
}
#portfolio #basement .col-1 ul li a.current,
#portfolio #basement .col-1 ul li a:hover,
body.webdesign #portfolio-web a,
body.apps #portfolio-apps a,
body.print #portfolio-print a,
body.logos #portfolio-logos a {
color: #000;
background: url(basement-nav-item-2.png) repeat-x bottom;
}
#portfolio #basement .col-2 {
width: 700px;
margin-left: 18px;
float: left;
}
* html #portfolio #basement .col-2 {
display: inline;
}
#portfolio #thumbs-table td img {
margin-left: 17px;
margin-bottom: 17px;
}
/* =FEATURED PROJECT -- */
#portfolio #featured-project .frame {
background: url(banner-bg-2.gif) no-repeat 0 0;
height: 267px;
padding: 3px;
}
#featured-project .frame .screen-label {
bottom:3px;
left:3px;
width: 578px;
}
/* =PORTFOLIO ITEM 
------------------------------------------------ */
#portfolio .portfolio-item #content p {
font-size: 15px;
}
.portfolio-item #content .col-1 {
padding-top: 0;
width: 340px !important;
padding-bottom: 5px;
}
.portfolio-item #content .col-2 {
width: 565px !important;
background: transparent;
}
.portfolio-item #content-inner-2 {
padding-top: 5px;
}
#portfolio .portfolio-item #title {
margin-left: 31px;
margin-bottom: 12px;
background: url(./portfolio-casestudy-btn.png) no-repeat right top;
width: 899px;
}
#portfolio .portfolio-item #subtitle {
margin-bottom: 5px;
width: 310px;
}
.portfolio-item #location {
color: #90ad8b;
margin: .6em 0 1em;
font-size: .9em;
line-height: 1.3em;
font-style: italic;
}
.portfolio-item #location .external {
color: #8dc63f;
}
.portfolio-item .portfolioitem-nav {
padding: 15px 0 0 0;
}
.portfolio-item .portfolioitem-nav a {
float: right;
}
.portfolio-item .btn-launch-site {
margin-top: 1em;
}
.portfolio-item .frame img {
border: 3px solid #fff;
margin: 0 30px 15px 15px;
float: right;
}
/* =LOCATION
------------------------------------------------ */
#location #location-postit {
background: url(./postit-bg.png) no-repeat 0 0;
_background: url(./location-postit.jpg) no-repeat;
display:block;
width: 323px;
height:290px;
position:absolute;
z-index:1;
top: 10px;
left: 30px;
text-indent: -9000px;
}
#location #location-postit span {
background: url(./location-postit-trans.png) no-repeat 24px 0px;
_background: transparent;
height: 300px;
width: 300px;
display:block;
}
#location #basement .twocol[class] {
background:url(./basement-bg-lite.gif) repeat;
}
#location #basement .col-1 {
width: 620px;
}
#location #basement .col-2 {
width: 300px;
}
#location address .row {
display: block;
}
#location #italy-map {
margin-left: 135px;
margin-bottom: 17px;
}
#location #btn-try-contact-form {
background: url(./btn-try-contact-form.gif) no-repeat 0 0;
margin-top: 1.5em;
display: block;
width: 201px;
padding: 14px 0 14px 0;
font-size: 15px;
text-align: center;
}
#location #btn-try-contact-form:hover {
color: #000;
}
/* =CONTACT
------------------------------------------------ */
#contact #contact-postit[id] {
background: url(./postit-bg.png) no-repeat 0 0;
}
#contact #contact-postit {
_background: url(./contact-postit.jpg) no-repeat;
display:block;
width: 323px;
height:290px;
position:absolute;
z-index:1;
top: 10px;
left: 30px;
text-indent: -9000px;
}
#contact #contact-postit[id] span {
background: url(./contact-postit-trans.png) no-repeat 22px 52px;
}
#contact #contact-postit span {
_background: transparent;
height: 240px;
width: 240px;
display:block;
}
#contactform {
background: url(./icon-sendemail-48.gif) no-repeat 0 0;
padding-top: 10px;
}
#contactform h2 {
width:580px;
padding-left: 38px;
}
#required-key {
position: absolute;
top: 1.1em;
right: 172px;
color: #777;
}
#required-key .required {
color: red;
font-size: 1.3em;
}
#contactform h3 {
background: url(./contact-form-title.gif) no-repeat 0 0;
display:block;
height:41px;
text-indent:-9000px;
margin-bottom:20px;
}
#contact #basement .onecol {
padding-left:170px;
width: 790px;
padding-bottom: 34px;
}
#contact #basement .onecol[class] {
background:url(./basement-bg-lite.gif) repeat;
}
#contactform .col-1 {
width: 296px;
float: left;
}
#contactform .col-2 {
width: 326px;
float: left;
}
#contactform h4 {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
letter-spacing:1px;
*letter-spacing: 0;
color:#001d1f;
}
#contactform label {
color:#363636;
}
#contactform .row {
clear: both;
}
#contactform .row p {
color: #363636;
line-height: 1.2em;
font-size: 12px;
}
#contactform .captcha {
margin-top: 1em;
}
#contactform .captcha p {
width: 260px;
margin-bottom: 1em;
}
#contactform .captcha img {
background: #fff;
padding: 2px;
border:  1px solid #eee;
float:left;
margin-right: 4px;

}
#contactform .captcha input.textbox {
background: url(./form-textfield-84.gif) no-repeat;
margin-top: .3em;
width: 76px;
float:left;
margin-top: 1px;
font-size: 18px;
letter-spacing:2px;
text-align: center;
}
#contactform .send-info-btn {
margin-top: 10px;
}
/* =TESTIMONIALS 
------------------------------------------------ */
#testimonials #content .col-1 {
width: 900px;
}
#testimonials .quote[class]  {
background:url(./content-bg-2.png);
}
#testimonials .quote  {
padding: 17px 20px 1px;
width: 50%;
margin: 0 auto 15px;
}
#testimonials #content .quote blockquote {
color: #fff;
font: italic 1.8em/1.3em georgia;
}
#testimonials .quote cite {
text-align: right;
display: block;
font-size: .9em;
}
/* =PRIVACY
------------------------------------------------ */
#legalpage #content .col-1 {
width: 900px;
}