@charset "utf-8";

/**** Reset ****/

* { margin:0; padding:0; border:0; }

/**** Body ****/

html, body, #wrap { height:100%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }
a:link { color:#868080; font-weight:bold; }
a:visited { color:#645454; font-weight:bold; }
a:hover { text-decoration:none; }
a:active { color: }
em { font-style:italic; }
strong { font-weight:bold; }
p { font-size:90%; line-height:1.4; }
ul { list-style-type:none; margin:1.5em .5em 1.5em 0; }
ul li { font-size:90%; line-height:1.2; margin:.5em 0; }
form { margin:1.5em 0; }
label { display:block; font-size:90%; line-height:1.4; }
input { padding:.5em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:90%; color:#999; margin:1.5em 0; border:1px solid transparent; width:8.5em; }
input:hover, input:focus { border:1px dashed #999; }
button { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:60%; background:#999; color:white; padding:.9em .9em .9em .7em; text-transform:uppercase; margin:0 0 0 1em; position:relative; top:-.2em; }
button:hover, button:focus { background:#645454; }
body { background:#e6e9ea url(../images/mainBack.jpg) no-repeat top center; }
body > #wrap { height:auto; min-height:100%; margin:0 auto; }
#main { padding-bottom:57px; border-top:1px dashed #999; position:relative; top:-15px; }  /* must be same height as the footer */
#logo h1 { width:722px; height:97px; background:transparent url(../images/lineHeightLogo.png) no-repeat left; text-indent:-9999px; margin:0 auto; padding:0 0 0 278px; }
#mainContent { width:62.5em; margin:0 auto; position:relative; }
#mainContent #nav { position:absolute; top:-105px; left:475px; width:33.5em; }
#mainContent #nav ul { border-right:1px dashed #c5c5c6; padding:32px 0 0 0; height:52px; }
#mainContent #nav ul li { float:left; font-size:200%; padding:0 .6em 0 0; text-align:right;  }
#mainContent #nav ul li a:link, #mainContent #nav ul li a:visited { text-decoration:none; color:#d6d2d2; text-shadow:#bab3b3 0 1px 0; }
#mainContent #nav ul li a:hover, #mainContent #nav ul li a:active { color:#b8b1b1; text-shadow:#a29a9a 0 1px 0; }
#mainLeft { float:left; width:34.8em; margin:0; padding:0; }
#mainLeft h2 { margin:.5em 0 0 0; font-size:300%; color:#d6d2d2; text-shadow:#bab3b3 0 1px 0; }
#mainLeft h4 { font-size:120%; text-transform:uppercase; margin:1em 0 -.5em 0; color:#d6d2d2; text-shadow:#bab3b3 0 1px 0; }
#mainLeft p { position:relative; margin:1.2em 2em 1.2em 2em; padding:0 0 0 1em; border-left:1px dashed #999; }
.important { font-size:200%; text-transform:uppercase; position:relative; top:5px; padding:0; margin:0; color:#d6d2d2; text-shadow:#bab3b3 0 1px 0; line-height:.4; }
#mainLeft a:link.read, #mainLeft a:visited.read { padding:.4em .5em; background:#868080; border-top:1px solid #a19b9b; border-left:1px solid #a19b9b; border-bottom:1px solid #434040; border-right:1px solid #434040; color:white; -moz-border-radius:2px; -webkit-border-radius:2px; width:5.4em; font-weight:bold; text-decoration:none; text-shadow:#434040 0 1px 0; }
#mainLeft a:hover.read, #mainLeft a:active.read { background:#868080; border-top:1px solid #434040; border-left:1px solid #434040; border-bottom:1px solid #a19b9b; border-right:1px solid #a19b9b; color:#f2f1a3; }
#subContent { border-top:1px dashed #999; width:35.9em; }
#subContent p {margin:1.2em 0; padding:0; border:0; }
#subContent h3 { font-size:200%; color:#b8b1b1; text-shadow:#a29a9a 0 1px 0; margin:.8em 0 .5em 0; }
#subContent h3 span { font-size:50%; margin:0; font-weight:normal; text-shadow:none; }
#subContent .post { float:left; width:15.6em; margin:2em 2em 0 0; }
#mainRight { float:right; width:25em; margin:0 0 -15px 0; padding:0 0 0 1.6em; border-left:1px dashed #999; }
#mainRight img { position:relative; left:-26px; margin:.5em 0; }
#mainRight h4 { font-size:120%; text-transform:uppercase; margin:1em 0 -.5em 0; color:#d6d2d2; text-shadow:#bab3b3 0 1px 0; }
#mainRight .workOne { width:400px; height:170px; margin:2em 0; padding:0; background:transparent url(../images/holderTwo.jpg) no-repeat; position:relative; z-index:1; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; }
#mainRight .workOne h3 a:link.client, #mainRight .workOne h3 a:visited.client { position:absolute; z-index:50; margin:0; padding:.3em .5em; background:#868080; border-top:1px solid #a19b9b; border-left:1px solid #a19b9b; border-bottom:1px solid #434040; border-right:1px solid #434040; bottom:-10px; right:-10px; color:white; -moz-border-radius:2px; -webkit-border-radius:2px; text-decoration:none; cursor:default; text-shadow:#434040 0 1px 0; }
#mainRight .workOne h3 a:hover.client, #mainRight .workOne h3 a:active.client { background:#868080; border-top:1px solid #434040; border-left:1px solid #434040; border-bottom:1px solid #a19b9b; border-right:1px solid #a19b9b; color:#f2f1a3; }
#mainRight ol { list-style-type:none; margin:0 1.5em 2em 1.5em; }
#mainRight ol li { margin:0; padding:0 .5em 0 0; float:left; }
#mainRight ol li#flickr { background:transparent url(../images/flickrOff.png) no-repeat 0em .5em; padding:.5em 0 0 45px; clear:left; float:none; display:block; margin:0 0 0 -1.5em; }
#mainRight ol li#flickr:hover { background:transparent url(../images/flickrOn.png) no-repeat 0em .5em; }
#mainRight ul#lowerNav { width:8em; float:left; }
#mainRight ul#lowerNav li { list-style-type:none; margin-left:0; }
#mainRight ul li { list-style-type:square; margin-left:2em; }
#mainRight ul li.twitter { background:transparent url(../images/twitOff.png) no-repeat top left; padding:0 0 0 45px; height:21px; margin:1em 0 0 0; list-style-type:none;}
#mainRight ul li.twitter:hover { background:transparent url(../images/twitOn.png) no-repeat top left; }
#mainRight #newsletter { float:right; width:15em; margin:-1em 0 0 0; }
#mainRight #newsletter h4 { margin-top:0; }
#footer { position:relative; margin:-57px auto 0 auto; /* negative value of footer height */ height:57px; width:100%; background:#868080; clear:both; border-top:1px solid #463636; }
#footer ul { margin:0 auto; width:62.5em; }
#footer ul li { float:left; margin:1.3em 0 0 0; padding:0 1.5em 0 0; font-size:100%; font-weight:bold; text-shadow: 1px 1px 1px #463636; color:white; }
#footer ul li a:link, #footer ul li a:visited { color:white; }
/* CLEAR FIX*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */