* {margin:0px;padding:0px;font-family:"Helvetica Neue Light","Helvetica Neue",sans-serif;font-weight:200;color:#666}
html, div, map, dt, isindex, form {display: block}  
body {color:#383838}
ul {list-style:none;margin-bottom:15px}
li {margin-bottom:5px}
a {text-decoration:none;outline:none}
a:hover {border-bottom:1px dashed #666}

.opacity {
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s
}

.color {
	transition: color 1s;
	-moz-transition: color 1s;
	-webkit-transition: color 1s
}

.bg {
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s
}

#clients a:hover, .header a:hover, .project:hover {border-bottom:none}
p {line-height:27px;padding-bottom:20px}
.p {padding-top:15px}
.small {font-size:14px;float:right}
a img {border:0}
b {font-weight:400;font-size:14px;letter-spacing:1px;padding-right:5px;color:#666}
h2 {font-family:'Raleway', sans-serif;color:#444444;font-size:30px;padding:0 0 15px 0;font-weight:100;letter-spacing:2px;line-height:40px}
.m {position:relative;display:block;float:left;width:980px;height:20px;margin-bottom:300px}
.no-m {margin:0 !important}
.no-m-l {margin-left:0 !important}
h2 span {font-size:14px}
h3 {font-size:20px;font-weight:400;margin-bottom:10px}
.read {color:#9CC79D;font-weight:bold}
.read:hover {border-bottom: none;color: #fb6b5b}
.border-small {position:absolute;top:524px;width:100%;z-index:-10;height:100px;background:url(images/border-small.png)repeat-x center}
.border {position:absolute;top:940px;width:100%;height:100px;background:url(images/border.png)repeat-x center}
.left {padding-right:200px}
.center {position:relative;width:980px;min-height:500px;max-height:2000px;margin:0px auto}
.header {height:75px;position:relative;top:0px;margin-bottom:40px}
h1 a {display:block;float:left;width:273px;height:85px;background: #9cc6c7 url('images/logo.jpg') no-repeat;text-indent:-9999999px}
h1 a:hover {background-position:-273px 0}
.header img {margin:47px 0 0 23px}
#soc {position:absolute;right:15px;bottom:100px;height:24px;width:320px!important;z-index:19}
#soc span {display:block;width:160px;height:24px;float:left;margin-top:5px}
#soc div {width:100px;height:24px;float:left}
.soc {display:block;float:left;width:16px;height:16px;background:url('images/soc-sprite.jpg') no-repeat;margin-right:10px}
#linkedin {background-position:-16px}
#facebook {background-position:-32px}
#twitter {background-position:-48px}
.header .nav {position:absolute;height:15px;bottom:0;right:0}
.footer {position:fixed;bottom:0;left:0;z-index:500;zoom:1;width:100%;height:75px;margin:0 auto;background:#292a2a url(images/bg.gif) center;border-top:10px solid #9cc79d}
.footer div {margin:0 auto;width:980px}
#locations {position:absolute;z-index:100;top:5px;left:850px;width:120px !important;height:43px;background:url(images/locations.png) no-repeat}
.label {position:absolute;z-index:200;height:150px;width:150px;background:url(images/label-sprite.png)no-repeat;text-indent:-9999999px}
#store {background-position:0;top:1120px;right:-80px}
#locations:hover {cursor:crosshair;background-position:0 -44px}
#contact-btn, .view {text-transform:capitalize}
.header .nav {top:48px}
.nav {position:relative;float:left;margin-top:25px}
.header .nav a, .footer li {font-family:'pt sans', sans-serif;text-transform:uppercase;letter-spacing:1px;float:left;list-style:none;margin-bottom:10px}
.header .nav a {color:#666;margin:0 10px;letter-spacing:1px;margin-bottom:20px;font-size:15px;font-weight:500}
.header .nav a:hover {color:#ccc}
#features {position:relative;height:360px}
#features img {float:left;}
#slider {position:relative;height:350px;font-family:verdana;color:#383838;-moz-box-shadow:3px 6px 7px #666;-webkit-box-shadow:3px 6px 7px #666;box-shadow:3px 6px 7px #666;}
#slider li {height:358px}
.slider-arrow {position:absolute;height:96px;width:48px;background:url(images/arrow-sprite.png);top:37%;margin-top:0px;z-index:100;cursor:pointer}
#left-arrow {left:-2px}
#left-arrow:hover {background-position:-48px}
#right-arrow {left:610px;background-position:-144px}
#right-arrow:hover {background-position:-96px 0px}
.slider-buttons {position:absolute;left:285px;top:380px;z-index:100}
.slider-buttons li {float:left;background:#fff;border:1px #dfddfd solid;border-radius:40px;-webkit-box-shadow:inset 2px 2px 1px #3a3939;box-shadow:inset 2px 2px 1px #3a3939;width:15px;height:15px;margin-left:5px;cursor:pointer}
.slider-info {float:right;width:300px;height:358px;background:#fff;font-size:14px;z-index:10;padding:7px}
.slider-info h3 {padding:24px 24px 0 24px;font-size:24px;color:#666;font-family:'pt sans', sans-serif;font-weight:600}
.slider-info h4 {color:#4b4b4b;padding:14px 24px 0 24px}
.slider-info p {padding:14px 0px 0px 24px;line-height:18px;font-size:14px;color:#4b4b4b}
.view {float:right;line-height:26px;background:#9cc79d;padding:6px 8px 4px 8px;color:#fff;margin:10px 10px 0 0;font-size:14px;border:0 !important}
.view:hover {color:#fffccc;background:#fb6b5b}
.button-sprite {position:absolute;display:block;z-index:50;right:0;width:35px;height:100px;background:url(images/button-sprite.jpg)no-repeat}
#clients-btn {top:525px}
#details-btn {top:800px;background-position:-35px 0}
#story-btn {top:613px;background-position:-70px 0}
#work-btn {top:705px}
#projects-btn {top:524px;background-position:-140px 0}
.section {width:300px;height:200px;margin:0 40px 40px 0;float:left} 
.section-p {margin-bottom:20px;float:left;padding:10px}
.section-c {width:280px;margin-bottom:20px;float:left}
.section-c h3, .section-p h3 {padding:0 0 15px 0;letter-spacing:1px}
.section-c ul li, .section-p ul li {font-size:12px;padding-bottom:10px}
.section-c b {font-weight:bold;font-size:12px}
.section p {padding-right:5px;line-height:20px;font-size:14px;color:#4b4b4b}
.section h3, h3 {font-family:'pt sans', sans-serif;font-weight:500;font-size:24px;text-transform:capitalize;color:#666;margin-bottom:10px}
.footer {font-size:10px}
.footer .nav {margin-top:32px;width:980px} 
.footer .nav a {margin-right:15px}
.footer .nav a:hover {border-bottom:1px dashed #ccc;padding-bottom:5px}
.footer .nav span a{margin-right:0}
.footer .nav span {margin-right:300px}
.button {float:right;display:block;width:50px;height:50px;background:url('images/button-sprite.png') no-repeat;margin:-18px 10px 0 0;cursor:pointer;text-indent:-99999999px;padding-bottom:0 !important;border:0 !important}
#signup {background-position:0 0;margin-right:0}
#signup:hover {background-position:-50px 0}
#contact {margin-top:-20px;margin-right:0;background-position:-100px}
#contact:hover {background-position:-150px}
#blog {background-position:-200px}
#blog:hover {background-position:-250px}
iframe {margin-bottom:20px}
.txt-arrow {padding-right:20px;background:url(images/txt-arrow.png) no-repeat}
h1, .projects {float:left}
.projects li{float:left;padding:0 6px}
li.slider-active {background:#9cc6c7}
.p-img img {margin-right:20px}

/* portfolio page */

#mc_embed_signup {width:980px;float:left}
#right {width:642px;height:1000px;float:right;margin-top:40px}
.r-border {width:642px;height:5px;float:right;margin:25px 0;border-top:1px dashed #666}
#left {width:300px;height:1000px;float:left;margin-top:40px}
#project-box {height:60px;width:980px;float:left;margin:60px 0 40px 0;border-bottom:1px dashed #666}
#project {position:absolute;top:700px;left:-50px;z-index:100;display:block;float:left;width:120px;height:120px;background:url(images/project.png)no-repeat}
#project + h2 {margin-left:85px}
.thumb {float:left;width:300px;margin:20px 0 0 40px;min-height:375px;max-height:500px}
.thumb li, .thumb b {color:#4b4b4b;font-size:14px}
.sliderbutton {float:left;position:absolute;width:150px;height:150px;cursor:pointer;z-index:20;background:url(images/p-slider-sprite.png) no-repeat}
.storebuttons {top:275px;position:absolute !important}
#slideleft {position:fixed;left:20px;background-position:0}
#slideleft:hover {background-position:-150px}
#slideright {position:fixed;right:20px;background-position:-300px}
#slideright:hover {background-position:-450px}
#p-slider {float:left;position:relative;overflow:auto;width:980px;height:550px;background:transparent;margin:0 0 20px 0}
#p-slider ul {position:absolute;list-style:none;top:0;left:0}
#p-slider li {float:left;width:980px;height:550px}
#p-slider-buttons {position:absolute;top:680px;left:440px;list-style:none;height:25px}
.p-slider-buttons li {float:left;cursor:pointer;height:8px;width:8px;background:#ccc;margin:0 4px 0 0;border:1px solid #fff}
.p-slider-buttons li:hover, li.current {background:#9CC79D}
#a-slider {float:left;position:relative;overflow:auto;width:980px;height:410px;background:transparent;margin:0 0 40px 0}
#a-slider ul {position:absolute;list-style:none;top:0;left:0}
#a-slider li {text-align:center;float:left;width:980px;height:410px;background:url(images/pre.gif)no-repeat center}
#a-slider-buttons {position:absolute;top:670px;left:440px;list-style:none;height:25px}
#b-slider-buttons {position:absolute;top:560px;left:440px;list-style:none;height:25px}

/* client logos */
#clients {height:45px;margin:80px 0 50px 0;background:transparent}

.clients {
float:left;
display:block;
height:43px;
margin-right:40px;
background:url('images/clients-sprite.png') no-repeat;
-moz-opacity:0.60;
opacity:.6;
filter:alpha(opacity=60)
}

.clients:hover {
-moz-opacity:1.0;
opacity:1;
filter:alpha(opacity=100)
}

#c-mtv {width:56px}
#c-cmt {width:90px;background-position:-56px 0}
#c-barnes {width:154px;background-position:-147px 0}
#c-epic {width:62px;background-position:-303px 0}
#c-sub {width:69px;background-position:-368px 0}
#c-fray {width:104px;background-position:-436px 0}
#c-lifeway {width:115px;background-position:-541px 0;margin-top:3px}
#c-target {width:44px;background-position:-661px 0;margin:0}

/* project thumbs */

.project {float:left;display:block;width:300px;margin:15px 0; opacity: .8}
.project:hover {opacity: 1}
.web {height:243px;background: url(images/nashville-web-design-sprite.jpg) no-repeat}
.design {height:386px;background: url(images/design-sprite.jpg) no-repeat}
#rw {background-position:-1200px}
#parman {background-position:-3600px}
#oc {background-position:-408px}
#htf {background-position:-300px}
#hh {background-position:-1500px}
#fray {background-position:-1020px}
#di {background-position:-1428px}
#cmt {background-position:-1632px}
#ap {background-position:-3000px}
#al {background-position:-600px}
#ls {background-position:0}
#ige {background-position:-900px}
#l100 {background-position:-1800px}
#pace {background-position:-2400px}
#manzana {background-position:-2700px}
#lamp {background-position:-3300px}
#ep{background-position:-3900px}
#masato {background-position:-4200px}

/* design thumbs */
#unwed {background-position:-300px}
#sybris {background-position:-900px}
#mtb {background-position:-1500px}
#grok {background-position:-1800px}
#cmt-oc {background-position:-3600px}
#cmt {background-position:-4200px}
#fringe {background-position:-3000px}
#wwf {background-position:-3300px}
#feist {background-position:-2100px}
#ag {background-position:-2400px}
#canopy {background-position:-4500px}
#prox1 {background-position:-1200px}
#prox2 {background-position:-2700px}
#arc {background-position:-600px}
#tropic {background-position:-3900px}

/* Contact Form */

#payment {background:url(images/bg.jpg);box-shadow:1px 1px 2px #666;counter-reset:fieldsets;padding:20px;width:600px;margin-bottom:150px}
#payment fieldset {border:none;margin-bottom:10px;}
#payment fieldset:last-of-type {margin-bottom:0;}
#payment legend {color:#fff;font-size:16px;font:19px "Helvetica Neue Light","Helvetica Neue",sans-serif;font-weight:100;letter-spacing:1px;padding-bottom:10px}
#payment > fieldset > legend:before {content:"Step " counter(fieldsets) ":";counter-increment:fieldsets;}
#payment fieldset fieldset legend {color:#111111;font-size:13px;font-weight:normal;padding-bottom:0}
#payment ol li {background:#fff;border-color:#666;border-style:solid;border-width:1px;line-height:30px;list-style:none;padding:5px 10px;margin-bottom:15px;}
#payment ol ol li {background:none;border:none;float:left;}
#payment label {float:left;font-size:13px;width:575px;color:#666}
input {width:565px !important}
#payment fieldset fieldset label {background:none no-repeat left 50%;line-height:20px;padding:0 0 0 30px;width:auto}
#payment fieldset fieldset label:hover {cursor:pointer;}
#payment input:not([type=radio]),form#payment textarea {background:#fff;border:none;font:italic 13px Georgia, "Times New Roman", Times, serif;outline:none;padding:5px;width:500px}
#payment input:not([type=submit]):focus,form#payment textarea:focus{background:#eaeaea}
#payment input[type=radio] {float:left;margin-right:5px}
#payment button {background:#9cc6c7;border:none;color:#fff;display:block;font:18px "Helvetica Neue Light","Helvetica Neue",sans-serif;letter-spacing:1px;margin:auto;padding:7px 25px;text-transform:uppercase}
#payment button:hover {background:#666;cursor:pointer}
input[placeholder], [placeholder], *[placeholder]{color:#a6a5a5}
select, option {width:575px;height:20px;background:none;color:#666}
textarea {width:575px !important}

/* TinyBox */

#testdiv {width:600px;margin:0px auto;border:1px solid #ccc;padding:20px 25px 12px;background:#fff}
.tbox {position:fixed !important;top:200px !important;display:none;padding:14px 17px;z-index:900}
.tinner {padding:15px;background:#fff url(images/preload.gif) no-repeat 50% 50%;border-right:1px solid #333;border-bottom:1px solid #333}
.tmask {position:fixed;display:none;top:0px;left:0px;height:100%;width:100%;background:#000;z-index:800}
.tclose {position:absolute;top:0px;right:0px;width:30px;height:30px;cursor:pointer;background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}
#error {background:#ff6969;color:#fff;text-shadow:1px 1px #cf5454;border-right:1px solid #000;border-bottom:1px solid #000;padding:0}
#error .tcontent {padding:10px 14px 11px;border:1px solid #ffb8b8}
#success {background:#2ea125;color:#fff;text-shadow:1px 1px #1b6116;border-right:1px solid #000;border-bottom:1px solid #000;padding:10}
#bluemask {background:#000}
#frameless {padding:0}
#frameless .tclose {left:6px}