@charset "UTF-8";
/* CSS Document */

/********** 1. Reset and Base **********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {list-style: none;}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

br.clear {clear:both; display:block; height:1px; margin:-1px 0 0 0 }

div {position:relative; float:left}
/* End Reset */

/********** 2. Typography **********/
body {
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 100%;
	color:#444446;
    line-height: 18px
}

h1 {
	font-size: 24px;
	color:#3b3a3a;
	text-transform:uppercase;
	font-weight:700;
} 

h2 {
	font-size: 20px;
	font-weight:100;
	line-height:1.3
}

h3 {
	font-size:16.5px;
	font-weight:700;
	text-transform:uppercase;
	margin-top:30px;
	margin-bottom:10px
}

p {
	font-size: 12.5px;
	line-height:1.65
}
/* End Typography */

/********** 4. Links **********/
a {
	color:#444446;
	text-decoration:none;
}

a:hover {
	color: #18B2BC;
}

a:focus {
	top:1px
}
/* End Links */

/********** 5. Page Layout **********/

body {
	line-height: 1;
	float:none
}

#content {
	width:960px;
	margin:0px auto;
	text-align:left;
	clear:left;
	float:none;
	margin-top:90px;
}

.section {
	padding-top:37px;
	background:url(../images/footer-line.png) no-repeat;
	background-position:bottom left;
	padding-bottom:43px
}

.section:hover a {
	text-decoration:underline;
}

.section:hover a:hover {
	color: #18b2bc;
}

.less-pad {
	padding-top:28px;
	padding-bottom:50px
}

.left-column {
	width:250px;
}

.right-column {
	width:710px;
}

#work .left-column h2 {
	font-size:16.5px;
	font-weight:700;
	text-transform:uppercase;
	margin-top:10px
}

#blog .left-column h2 {
	font-size:16.5px;
	font-weight:700;
	text-transform:uppercase;
	margin-top:10px
}

.left-column p {
	line-height:1.4;
	font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2",serif;
	font-size:13.5px
}

.left-column .other-work li {
	line-height:1.6;
	font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2",serif;
	font-size:13.5px
}

/********** 6. Header **********/

#logo {
	width:300px
}

#logo p {
	font-size:16.5px;
	text-transform:uppercase;
	font-weight:300;
	margin-top:16px;
}

#header {
	width:960px;
	border-bottom:2px #444446 solid;
	padding-bottom:33px
}

#header a {
	border-bottom:solid 1px #fff;
}

#header:hover a {
	border-bottom:solid 1px #444446;
}

#header:hover a:hover {
	border-bottom:solid 1px #18B2BC;
}

/********** 7. Navigation **********/

ul.nav_main {
		list-style: none;
		margin-top:78px;
		width:auto;
		float:right
		}
		
ul.nav_main li {
		margin-right:18px;
		font-size:16.5px;
		font-weight:700;
		float:left;
		width:auto} /*!*/
		
ul.nav_main a {
		display:block;
		text-decoration:none;
		text-transform:uppercase;
		color:#444446;
		padding-bottom:2px;
}

ul.nav_main a:hover {
		color:#18b2bc;
}

/********** 8. What we do **********/

#what-we-do {
	width:290px;
	margin-top:23px
}

#what-we-do h2 {
	margin-top:26px
}

#marketing {
	width:377px;
	left:15px	
}

#design {
	width:377px;
	left:15px;
	top:35px
}

#online {
	width:377px;
	left:15px	
}



.what-we-do-arrow {
	background:url(../images/signpost-arrow.png);
	width:188px;
	height:48px;
	margin-top:15px;
}

.what-we-do-arrow:hover {
	background-position:bottom;
	cursor:pointer
}

.what-we-do-arrow a {
	color:#ffffff
}

.what-we-do-arrow:hover a:hover {
	color:#ffffff
}

.what-we-do-arrow h1 {
	font-size:30px;
	color:#ffffff;
	float:left;
	font-weight:100;
	margin-left:9px;
	margin-top:10px;
	width:40px
}

.what-we-do-arrow h2 {
	color:#ffffff;
	font-size:16.5px;
	font-weight:700;
	float:left;
	margin-left:5px;
	margin-top:7px
}

.left-column .what-we-do-arrow p {
	color:#ffffff;
	float:left;
	margin-left:5px;
	line-height:0.9;
	width:120px
}


.what-we-do-arrow-highlight {
	background:url(../images/signpost-arrow.png);
	width:188px;
	height:48px;
	margin-top:15px;
	background-position:bottom
}

.what-we-do-arrow-highlight:hover {
	background-position:bottom;
	cursor:pointer
}

.what-we-do-arrow-highlight a {
	color:#ffffff
}

.what-we-do-arrow-highlight:hover a:hover {
	color:#ffffff
}

.what-we-do-arrow-highlight h1 {
	font-size:30px;
	color:#ffffff;
	float:left;
	font-weight:100;
	margin-left:9px;
	margin-top:10px;
	width:40px
}

.what-we-do-arrow-highlight h2 {
	color:#ffffff;
	font-size:16.5px;
	font-weight:700;
	float:left;
	margin-left:5px;
	margin-top:7px
}

.left-column .what-we-do-arrow-highlight p {
	color:#ffffff;
	float:left;
	margin-left:5px;
	line-height:0.9;
}

/********** 9. Section Borders **********/

#work .section-line {
	background:none;
	border-bottom:2px solid #444446
}

#about .section-line {
	background:none;
	border-bottom:2px solid #444446
}

#contact-us .section-line {
	background:none;
	border-bottom:2px solid #444446
}

/********** 10. Section 3 (Work) **********/

.section03 {
	padding-top:31px;
	padding-bottom:50px
}

.section03 .left-column {
	height:420px
}

.section03 h2 {
	font-size:16.5px;
	font-weight:700;
	margin-top:10px
}

.section03 p {width:141px; line-height:1.3}

#section03-work {
	position:absolute;
	bottom:15px;
	left:40px;
}

.new-work-surround {
	width:154px;
	height:154px
}

.new-work-text {
	position:absolute;
	left:20px;
	top:43px;
	z-index:10
}

.work {
	width:293px;
	margin-right:40px
}

.work h2 {
	font-size:16.5px;
	font-weight:700;
	text-transform:uppercase;
	margin-top:10px;
	padding-top:7px;
	border-top:2px solid #444446;
	float:left;
	width:293px
}

.work p {
	border-bottom:1px solid #444446;
	line-height:1.0;
	padding-bottom:9px;
	margin-top:1px;
	float:left;
	width:293px;
	font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2",serif
}

.work .copy {
	border-bottom:0px;
	line-height:1.65;
	font-size:12.5px;
	padding-bottom:0px;
	margin-top:6px;
	float:left;
	width:293px;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
}

.image-surround {
	background:#ffffff
}

.line2 {
	margin-top:40px
}

#about .line2 {
	margin-top:33px
}

#work .right-column img {
	margin-bottom:40px
}

#work .section02 {
	padding-bottom:0px
}

/********** 10. Section 4 (Blog) **********/

.section04 {
	background:none;
	border-bottom:2px #444446 solid;
	padding-bottom:40px
}

.section04 h2 {
	font-size:16.5px;
	font-weight:700;
	text-transform:uppercase
}

.blog-details {
	position:relative;
	bottom:2px;
	margin-bottom:6px;
	font-size:13.5px;
	font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2",serif;
}

.section04 img {
	margin-top:15px;
	margin-bottom:17px
}

.read-more {
	margin-top:9px
}

.blog-header {
	margin-top:2px
}

.entry-header {
	width:710px
}

.entry-number {
	width:auto;
	margin-top:10px
}

.post-number {
	width:44px;
	height:44px;
	background:url(../images/post-number.png);
	position:absolute;
	left:-9px;
	top:-11px
}

.post-number:hover {
	background-position:bottom
}

.section:hover .post-number {
	background-position:bottom
}

.single .post-number {
	background-position:bottom
}

.archive .right-column h1 {
	margin-bottom:20px
}

.entry-details {
	width:550px;
	margin-left:20px
}

.wp-caption {
	width:710px !important
}

.wp-caption-text {
	width:auto;
	font-size:13.5px;
	font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2",serif;
	position:absolute;
	bottom:19px;
	left:0px;
	background:#d0d0d1;
	width:auto;
	padding-left:5px;
	padding-right:5px
}

.blog-entry {
	background:url(../images/footer-line.png) no-repeat;
	background-position:bottom right;
	padding-bottom:44px;
	margin-bottom:26px
}


/********** 11. Twitter **********/

.personal-twitter {
	width:172px;
	border-bottom:1px solid #444446;
	margin-top:20px
}

.personal-twitter img {
	float:left;
	margin-bottom:5px;
	margin-top:0px
}

.personal-twitter h2 {
	position:absolute;
	right:0px;
	bottom:0px
}

.twitter {
	width:172px;
	float:left;
	margin-top:5px
}

.twitter li {
	font-size:12.5px;
	line-height:1.65
}

/********** 12. Footer **********/

.footer {
	background:none;
	padding-bottom:90px
}

.footer-section p {
	line-height:1.5;
	position:relative;
	top:1px
}

.footer-section {
	padding-right:50px;
	border-right:1px #18b2bc solid;
	margin-right:50px
}

.footer h2 {
	font-size:16.5px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:2px
}

.accreditation {
	margin-top:14px
}

/********** 13. Contact Form **********/

#contact-form02 {
	float:left;
	width:960px;
}

#form-left {
	float:left;
	width:460px;
}

#form-right {
	float:left;
	width:460px;
	position:relative;
	left:40px
}

.form-item {
	width:460px;
	height:35px
}

label {
	float:left;
	line-height:1.4;
	font-size:12.5px;
	width:100px
}

#contact-form02 input {
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	float:right;
	width:350px;
	border:0px;
	background:#CCC;
	color:#444446;
	font-size:12px
}

textarea {
	float:right;
	border: 0px;
	background:#CCC;
	width:350px;
	height:159px;
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#444446;
	padding:5px
}

#form-right label {
	width:100px;
	float:left
}

#form-right .inputter {
	float:left
}

#form-right textarea {
	float:left
}

#contact-form02 .form-submit {
	font-size:16.5px;
	font-weight:700;
	text-transform:uppercase;
	width:auto;
	padding:0px;
	margin:0px;
	background:none;
}

#contact-form02 .form-submit:hover {
	color:#18B2BC;
	cursor:pointer;
}

/********** 14. Highlights **********/

#subForm label {
	float:left;
	line-height:1.4;
	font-size:12.5px;
	width:50px;
	margin-top:10px
}

#subForm input {
	padding-right:5px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:2px;
	float:left;
	width:112px;
	left:10px;
	border:0px;
	background:#CCC;
	color:#444446;
	font-size:12px;
	margin-top:10px
}

#subForm .form-submit {
	font-size:16.5px;
	font-weight:700;
	text-transform:uppercase;
	width:auto;
	padding:0px;
	margin:0px;
	background:none;
	margin-top:10px;
	position:relative;
	left:-3px
}

#subForm .form-submit:hover {
	color:#18B2BC;
	cursor:pointer;
}

/********** 15. Highlights **********/

#home .home-link a {
	color:#18b2bc;
	border-bottom:solid 1px #18b2bc
}

#work .work-link a {
	color:#18b2bc;
	border-bottom:solid 1px #18b2bc
}

#about .about-link a {
	color:#18b2bc;
	border-bottom:solid 1px #18b2bc
}

#blog .blog-link a {
	color:#18b2bc;
	border-bottom:solid 1px #18b2bc
}

#contact-us .contact-link a {
	color:#18b2bc;
	border-bottom:solid 1px #18b2bc
}
			
.edgewood .edgewood-link {
	color:#18b2bc;
	text-decoration:underline
}

.pixel-image .pixel-link {
	color:#18b2bc;
	text-decoration:underline
}

.hawke-and-hunter .hawke-link {
	color:#18b2bc;
	text-decoration:underline
}

.vision .vision-link {
	color:#18b2bc;
	text-decoration:underline
}

.strawberry .strawberry-link {
	color:#18b2bc;
	text-decoration:underline
}

.black-light .black-link {
	color:#18b2bc;
	text-decoration:underline
}

.cova .cova-link {
	color:#18b2bc;
	text-decoration:underline
}

.highland .highland-link {
	color:#18b2bc;
	text-decoration:underline
}


.decades .decades-link {
	color:#18b2bc;
	text-decoration:underline
}


/********** 16. Sexy Stuff **********/
			
a {
	-webkit-transition: color 0.15s linear;
}

a:hover {
	-webkit-transition: color 0.15s linear;
}

#header a {
	-webkit-transition: border-bottom 0.15s linear;
}

#header:hover a {
	-webkit-transition: border-bottom 0.15s linear;
	-webkit-transition: color 0.15s linear;
}

#header:hover a:hover {
	-webkit-transition: border-bottom 0.15s linear;
	-webkit-transition: color 0.15s linear;
}

.what-we-do-arrow {
	-webkit-transition: background-position 0.2s linear;
}

.what-we-do-arrow:hover {
	-webkit-transition: background-position 0.15s linear;
}

.what-we-do-arrow-highlight {
	-webkit-transition: background-position 0.2s linear;
}

.what-we-do-arrow-highlight:hover {
	-webkit-transition: background-position 0.15s linear;
}

.new-work {
	-webkit-transition: all 2.0s ease-in-out;
}

.new-work-text {
	-webkit-transition: all .2s ease-in-out;
}

.section03:hover .new-work {
	-webkit-transform: rotate(90deg);
}
	
.section03:hover .new-work-text	{
	-webkit-transform: rotate(-5deg);
}
	
#work .work img {
	-webkit-transition: opacity 0.15s linear;
}

#work .work:hover img {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	-webkit-transition: opacity 0.15s linear;
}

.design-award {
	position:absolute;
	top:-20px;
	left:-20px;
	z-index:99
}

#work .work:hover .design-award {
	filter:alpha(opacity=99.9);
	-moz-opacity:99.9;
	-khtml-opacity:99.9;
	opacity:99.9;
	z-index:99
}

#contact-form02 .form-submit {
	-webkit-transition: color 0.15s linear;
}

#contact-form02 .form-submit:hover {
	-webkit-transition: color 0.15s linear;
}

/********** 17. Inline **********/

.marg-zero {
	margin-right:0px !important
}

.marg-40 {
	margin-right:40px !important
}

#older-entries {float:left}
#newer-entries {float:right}