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

/* CSS reset */

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, strong, 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}

/* end CSS reset */

/* vertical rhythm */

body {
  font-size: 14px;
  font-family: Arial, sans-serif;
  background:url(../images/bg_hero.png) repeat-x 0 108px;
  color:#404040;
}

body.home {
  background:url(../images/bg_hero-home.png) repeat-x 0 108px;
}

body.work {
  background:url(../images/bg_hero-work.png) repeat-x 0 108px;
}

body.filter {
  background:url(../images/bg_hero-work-filt.png) repeat-x 0 108px;
}

a {
	text-decoration:none;
	color:#781527;
	border-bottom:1px solid #b9b9b9;
	padding-bottom:2px;
	font-style:italic;
}

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

h1 {
	font-family:'Baskerville', 'Times New Roman', serif;
	color:#8badb2;
	font-style:italic;
	font-weight:600;
}

h2 {
	font-weight:bold;
	color:#404040;
}

hr {
	margin:0;
	padding:0;
	border-top:1px solid #b9b9b9;
	border-bottom:none;
	border-left:none;
	border-right:none;
	height:2px;
}

p {
font-size: 1em; /* 14px */
  line-height: 1.7143em; /* 24px */
  margin: 0 0 1.7143em 0;
 }
 
strong {
 	color:#404040;
	font-weight:bold;
}
 
/* 35px - The quick brown fox jumps over the lazy dog */
.class-for-35px {
font-size: 2.5em; /* 35px */
  line-height: 24px; /* 48px */
  margin-top: 0.6857em;
  margin-bottom: 0em;
  font-family:'Baskerville','Times New Roman', serif;
  color:#456b71;
  font-style:italic;
  font-weight:600;
}

h2.class-for-35px {
	display:inline;
}

p.inline {
	display:inline;
}

/* 24px - The quick brown fox jumps over the lazy dog */
.class-for-24px {
 font-size: 1.7143em; /* 24px */
  line-height: 1em; /* 24px */
  margin-top: 1em;
  margin-bottom: 0em;}
/* 22px - The quick brown fox jumps over the lazy dog */
.class-for-22px {
 font-size: 1.5714em; /* 22px */
  line-height: 1.0909em; /* 24px */
  margin-top: 1.0909em;
  margin-bottom: 0em;}
/* 16px - The quick brown fox jumps over the lazy dog */
.class-for-16px, body.workDetails h2 {
  font-size: 1.1429em; /* 16px */
  line-height: 1.5em; /* 24px */
  margin-top: 1.5em;
  margin-bottom: 0em;}
/* 15px - The quick brown fox jumps over the lazy dog */
.class-for-15px {
   font-size: 1.0714em; /* 15px */
  line-height: 1.6em; /* 24px */
  margin-top: 1.6em;
  margin-bottom: 0em;
}
/* 14px - The quick brown fox jumps over the lazy dog */
.class-for-14px, h2, .section, .hero-text p {
  font-size: 1em; /* 14px */
  line-height: 1.7143em; /* 24px */
  margin-top: 1.7143em;
  margin-bottom: 0em;
}
/* 13px - The quick brown fox jumps over the lazy dog */
.class-for-13px, #aside p {
  font-size: 0.9286em; /* 13px */
  line-height: 1.8462em; /* 24px */
  margin-top: 1.8462em;
  margin-bottom: 0em;
}
/* 10px - The quick brown fox jumps over the lazy dog */
.class-for-10px, small {
  font-size: 0.7143em; /* 10px */
  line-height: 2.4em; /* 24px */
  margin-top: 2.4em;
  margin-bottom: 0em;
}

/* end vertical rhythm */

div.outer {
	width:876px;
	margin:0 auto;
	padding:0 42px 0 42px;
	position:relative;
}

/* header styles */

#nav {
	float:left;
	font-family:'Baskerville', 'Times New Roman', serif;
	font-size:20px;
	font-style:italic;
	font-weight:600;
	margin-top:54px;
	color:#dfdfdf;
	font-variant:small-caps;
	vertical-align:bottom;
}

#nav ul li {
	float:left;
	padding:0;
	margin:0;
}

#nav ul li span.bullett {
	padding-left:8px;
	padding-right:9px;
}

#nav ul li a {
/*	top:-6px;
	position:relative;
*/	font-size:25px;
}


/* Firefox nav underline hack */
html>/**/body #nav ul li a, x:-moz-any-link, x:default { top:-6px;	position:relative; font-size:23px;}
html>/**/body #nav ul li a span, x:-moz-any-link, x:default { padding:0 0 0 0; margin:0 0 0 0; position:relative; bottom:-4px; }
/* end Firefox hack */
body.home #nav ul li#home a, body.services #nav ul li#services a, body.work #nav ul li#work a, body.workDetails #nav ul li#work a, body.about #nav ul li#about a, body.contact #nav ul li#contact a  {
	color:#456b71;
	border-color:#456b71;
}

#nav ul li a span {
/*
*/}


div.logo {
	float:right;
	margin-top:28px;
}

div.logo a {
	border:none;
}

/* hero styles */

div.hero_bg {
	clear:both;
	position:absolute;
	top:108px;
	background:url(../images/vinette.png) no-repeat;
	width:876px;
	z-index:0;
	height:305px;
}

body.home div.hero_bg {
	height:255px;
}

body.work div.hero_bg {
	height:495px;
}

body.filter div.hero_bg {
	height:251px;
}

div.hero-img {
	clear:both;
	position:absolute;
	top:144px;
}

body.home div.hero-img {
	margin-left:-60px;
	top:144px;
/*	top:120px;
*/}

div.load-overlay, div.spinner {
  display:none;
	width:523px;
	height:233px;
	position:absolute;
}
div.load-overlay {
	top:10px;
	left:10px;
	background:url(/images/bg_work_trans.png);
}

div.spinner {
  display:block;
	top:0px;
	left:0px;
	background:url(../images/ajax-loader.gif) center no-repeat;
}

div.hero-img img {
	border:10px solid #151515;
}

body.home div.hero-img img {
	border:none;
}

div.hero-text {
	clear:both;
	float:right;
	width:290px;
	margin-top:18px;
	color:#bdbec0;
	position:relative;
	z-index:1;
	height:300px;
}

body.home div.hero-text {
	height:255px;
}

div.hero-text h1 {
	margin:45px 0 0 0;
}

body.home div.hero-text h1 {
	margin:35px 0 0 0;
}

div.hero-text p {
	margin:9px 0 0 0;
	line-height:19px;
	color:#bdbec0;
	font-weight:300;
}

div.hero-text a {
	color:#e92b4c;
	border-bottom-color:#363636;
}

body.workDetails div.hero-text strong {
	color:#bdbec0;
}

div.hero-text a:hover {
	border-bottom-color:#e92b4c;
}

div.hero-text ol {
	margin-top:9px;
	margin-left:-6px;
	position:relative;
}

div.hero-text ol li {
	float:left;
}

div.hero-text ol li.select {
	background:url(../images/bg_circle.png) no-repeat 2px;
	color:#1a1a1a;
	width:15px;
	padding-left:6px;
	font-style:italic;
}

div.hero-text ol li.select a {
}

div.hero-text ol li a {
	border:none;
	padding-right:8px;
	padding-left:6px;
	color:#e92b4c;
}

/* section styles */

.content {
	clear:both;
	padding-top:50px;
}

.section {
	float:left;
	width:637px;
	border-right: 1px solid #dfdfdf;
	padding-right:45px;
}

body.home .section, body.workDetails .section, body.contact .section {
	float:left;
	width:483px;
}

.left-content {
	float:left;
}

.right-content {
	float:right;
}

.section ul ul {
	margin-left:32px;
	font-style:italic;
}

body.home .section {
	margin-top:41px;
}

/* aside styles */

#blog-title {
	position:absolute;
	right:131px;
	top:345px;
}

#blog-title a {
	border:none;
	background:url(../images/title-blog.png) no-repeat;
	width:207px;
	height:61px;
	display:block;
}

#blog-title a span {
	display:none;	
}

#aside {
	float:right;
	width:153px;
	color:#6f6f6f;
}

body.home #aside, body.workDetails #aside, body.contact #aside {
	width:290px;
}

#aside p.no-top {
	margin:0;
}

#aside small {
	display:inline;
	margin:0;
}

#aside hr.hr-top {
	margin-top:14px;
}

#aside hr.hr-bottom {
	padding-top:14px;
	margin-bottom:-32px;
}

.blog-snippet-container ul {
	clear:both;
	list-style:square;
	padding-top:24px;
	margin-left:14px;
}

.blog-snippet-container ul li {
	line-height:24px;
}

.blog-snippet-container small{
	color:#9b9b9b;
	display:inline;
}

#entry p {
	margin-top:0;
	display:inline;
}

#aside img {
	border:10px solid #292929;
}

#aside ul li a.select {
	color:#456b71;
	border:none;
}

#more-info p {
	color:#456b71;
	margin-top:0;
}

/* footer styles */

#footer {
	clear:both;
	padding-top:40px;
	color:#9b9b9b;
}

#footer a {
	color:#404040;
}

#footer a:hover {
	border-color:#404040;
}

/* Work styles */

#work-thumbs {
	clear:both;
	position:relative;
	top:26px;
	height:495px;
}

body.filter #work-thumbs {
	height:251px;
}

#slide-cont {
	position:absolute;
	top:36px;
}

#work-thumbs ul {
	position:absolute;
	width:876px;
}

#work-thumbs ul.second {
	right:876px;
}


#work-thumbs ul li {
	float:left;
	border:10px solid #171717;
	margin:0 0 25px 29px;
	position:relative;
	height:178px;
	overflow:hidden;
}

#work-thumbs ul li.over {
  border-color:#481720;
}

#work-thumbs ul li.no-margin {
	margin:0;
}

#work-thumbs ul li a {
	border:none;
	display:block;
	width:177px;
	height:178px;
	position:absolute;
	z-index:100;
}

#work-thumbs ul li div.hover {
	width:177px;
	position:absolute;
	top:137px;
	background:url(../images/trans-1x1.png) repeat;
	height:100%;
	z-index:1;
}

#work-thumbs ul li div.hover a {
	color:#e92b4c;
}

#work-thumbs ul li div.hover h2 {	
	color:#FFFFFF;
	margin:10px 10px 10px 10px;
}

#work-thumbs ul li div.hover p {
	line-height:1em;
	color:#bdbec0;
	margin:0 10px 0 10px;
  font-size: 0.9286em; /* 13px */
}

#work-thumbs #prev a {
	position:absolute;
	height:30px;
	width:33px;
	background:url(../images/icn_prev.png) no-repeat;
	top:222px;
	left:-64px;
	border:none;
}

.filter #work-thumbs #prev a {
  top:105px;
}

#work-thumbs #next a {
	position:absolute;
	height:30px;
	width:34px;
	background:url(../images/icn_next.png) no-repeat;
	top:222px;
	right:-64px;
	border:none;
}

#work-thumbs ol {
	text-align:center;
	margin:0 0 0 367px;
	padding:0;
	position:absolute;
	top:470px;
}

#work-thumbs ol li {
	float:left;
}

#work-thumbs ol li.select {
	background:url(../images/bg_circle.png) no-repeat 2px;
	color:#1a1a1a;
	width:15px;
	padding-left:3px;
}


#work-thumbs ol li a {
	border:none;
	color:#e92b4c;
	padding-right:8px;
	padding-left:6px;
}

#work-thumbs ol li.prev a, #work-thumbs ol li.next a {
	border-bottom:1px solid #363636;
}

#work-thumbs ol li.prev a:hover, #work-thumbs ol li.next a:hover {
	border-bottom-color:#781527;
}

ol.page-navi {
	position:absolute;
	top:200px;
}

body.work .section {
	width:406px;
	padding-right:30px;
}

body.work #aside {
	width:413px;
}

body.work #aside ul {
	width:187px;
}

body.work #aside ul.first {
	margin-right:35px;
}

body.workDetails h2.no-top {
	margin-top:0;
}

body.work #aside p.top {
	margin:7px 0 0 0;
}

p.see-all {
	clear:both;
	padding-top:24px;
}


/* Services styles */

body.services .section li {
	margin-bottom:24px;
}

body.services .section li.no-margin {
	margin:0;
}

body.services .section h2 {
	display:inline;
}


/* Contact form styles*/

fieldset fieldset input, textarea {
	display:block;
	margin-bottom:10px;
	width:300px;
	padding:11px 15px 11px 15px;
	font-size:13px;
	border:1px solid #cbcbcb;
}

#map {
  width: 523px;
  height: 233px;
}

#map a {
  border-bottom:0px;
}

div.hero-img #map img {
	border:0px;
}

.website_field {
  display:none;
}
textarea {
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
}

form a {
	font-weight:bold;
	border:none;
}

.error {
	color:#781527;
}

fieldset.error input, fieldset.error textarea {
	border-color:#781527;
}

body.contact div.hero-text strong {
	color:#bdbec0;
}

/* error styles */

div.error-text {
	clear:both;
	padding-top:28px;
	color: #bdbec0;
	height:277px;
}

/* global classes*/

.no-margin {
	margin:0;
}

.no-top {
	margin-top:0;
}

.top {
	margin:7px 0 0 0;	
}

.no-bottom {
	margin-bottom:0;
}

.clear {
	clear:both;
}

.no-link {
	color:inherit;
	border:none;
	font-style:inherit;
}

.no-link:hover {
	border:none;
}