body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-color: #000;
    color: #FFF;
}

p {
    line-height:18px;
}

a {
    color:#acacae;
    text-decoration:none;
}

a:hover {
    color:#FFF;
    text-decoration:underline;
}

.white a { color:#444; }
.white a:hover { color: #000; }

div.hold {
    width: 940px;
    margin: 0 auto;
    padding: 0 20px 15px;
    background: #000;
    overflow: hidden;
}

.whitespace { display: none; }
.left { float: left; }
.right { float: right; }
.full_width { clear: both; width: 100%; }

.clear {
    clear: both;
    font-size: 0em;
    width: 0px;
    height: 0px;
    line-height: 0px;
    overflow: hidden;
}

img {
        border:none;
}


/*** TOP - LOGO, TOP NAV ***/
div#top {
        float: right;
        margin: 50px 0 35px;
        width: 940px;
}

div#logo {
        float: left;
        width: 150px;
        margin: 0;
}

div#logo img {
        display: block;
        border: none;
}

div#top_navigation {
        float: left;
        width: 620px;
                padding:4px 0 0 0 ;
}

div#top_navigation ul {
        float: left;
        margin: 0;
        padding: 0;
        list-style-type: none;
}

div#top_navigation li {
        float: left;
        margin: 0;
        padding: 0;
}

div#top_navigation li a:link, div#top_navigation li a:visited {
        float: left;
        display: block;
        font-size: 80%;
        padding: 3px 10px;
        color: #696a6c;
        text-decoration: none;
}

div#top_navigation li a:hover {
        color: #FFF;
}

div#top_navigation li a.first:link, div#top_navigation li a.first:visited {
        padding-left: 0;
}

div#top_navigation a:link.on, div#top_navigation a:visited.on {
    color: #FFF;
}

div#top div#phone_number p {
    color: #AAACAE;
    margin: 0;
    padding: 5px 0 2px 0;
    font-size: 80%;
}


/*** Content ***/
div#content {
    float: right;
    width: 790px;
    margin: 0 0 15px 0;
    overflow: hidden;
}

div.home div#content {
    float: none;
    width: 940px;
    margin: 0;
}

div#content h1.sifr {
    margin: 10px 0 20px;
    padding: 0;
    font-size: 22px;
    font-weight: normal;
}

div#content h1.sifr .line1 { color: #696a6c; }

div#content h2.sifr {
    margin: 0;
    padding: 0;
    color: #999;
    font-size: 20px;
    line-height: 24px;
}

div#content h2.sifr .cufon { padding-top: 2px; }

div#content div#latest_work h1.sifr {
    padding-bottom: 10px;
}

div#content div#latest_work .latest_work h2 {
    font-size: 28px;
    float: none;
    width: auto;
    margin: 35px 0 15px;
}

div#content div#latest_work .latest_work p {
    width: auto;
}

div#content div#latest_work .latest_work a {
    color: #FFF;
    font-weight: bold;
}


div.home div#copy {
    padding:0;
}

div.home div#copy h1 {
    margin: 0 0 0 -7px;
    padding: 0;
    font-size: 185px;
    line-height: 190px;
    text-transform: lowercase;
}

div.home div#copy h2 {
    margin: 40px 0 20px;
    padding: 0;
    font-weight: normal;
    font-size: 24px;
    line-height: 34px;
    color: #FFF;
}

div#copy h3 {
    margin: 15px 0 10px;
    padding: 0;
    font-size: 80%;
    line-height: 18px;
}

div#copy h3 a:link, div#copy h3 a:visited {
    color: #FFF;
    text-decoration: none;
}

div#copy h3 a:hover {
    text-decoration: underline;
}

div#copy p {
    margin: 0;
    padding: 0;
    line-height: 18px;
    font-size: 80%;
}

div#internal_content {
    margin-top: 25px;
    padding: 0;
}

div.white div#internal_content {
    padding-left: 25px;
}

div.white {
    background-color: #FFF;
    color: #000;
}


div#content div#internal_content h1 {
    margin: 10px 0 20px;
    padding: 0;
    font-size: 22px;
}

div#content.white div#internal_content h1 {
    color: #000;
    margin: 0 0 20px;
}


div#content h2 {
    font-size: 100%;
    line-height: 24px;
    color: #FFF;
    font-weight: normal;
}

div#content div#internal_content h2.sifr_black_on_white { color: #999; }

div#content div#internal_content h2,
div#content div#design_landing h2 {
    float: right;
    width: 250px;
    margin: 0;
    padding: 0;
}
div#content.white div#internal_content h2 {
  width: 230px;
}
div#content h3 {
        font-size: 80%;
        font-weight: normal;
        line-height: 18px;
}

div#content div#internal_content h3 {
    width: 500px;
    margin: 0 0 15px;
    padding: 0;
}

div#content p {
        font-size: 80%;
}

div#content ul {
    margin: 0 0 0 15px;
    padding: 0;
}

div#content li {
    padding: 2px 0 2px 5px;
    font-size: 80%;
}

div#content div#internal_content p,
div#content div#design_landing p {
    margin: 0 0 15px;
    padding: 0;
    width: 500px;
}

div#content div#internal_content ul,
div#content div#design_landing ul {
    margin: 0 0 15px 15px;
    padding: 0;
    width: 500px;
}


div#content.white div#internal_content p,
div#content.white div#internal_content li,
div#content div#design_landing li {
        color:#666;
}

div#full_width_content {
    float: left;
    width: 910px;
    margin: 0 0 35px 0;
    padding: 15px;
}

div#full_width_content h1 {
    color: #000;
}


/*** Leftnav ***/
div#left_navigation {
    float: left;
    width: 150px;
    z-index: 1000;
}

div#left_navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#left_navigation a:link, div#left_navigation a:visited {
    display: block;
    width: 140px;
    font-size: 80%;
    text-decoration: none;
    color: #696a6c;
    padding: 4px 0;
}

div#left_navigation hr {
    height: 0;
    color: #000;
    border: none;
    border-top: 1px solid #666;
    margin-right: 15px;
}

div#left_navigation a.on:link, div#left_navigation a.on:visited { color: #FFF; }

div#left_navigation a:hover {
    color: #FFF;
}

div#left_navigation p {
    margin: 0 0 10px;
    padding: 0;
    font-size: 80%;
}



/*** Breadcrumbs ***/
div#breadcrumbs {
    float: left;
    width: 790px;
    margin: 0 0 8px;
}

div#breadcrumbs p {
    margin: 0 0 10px;
    padding: 0;
    font-size: 80%;
}

div#breadcrumbs span {
    color: #696a6c;
}

div#breadcrumbs a:link, div#breadcrumbs a:visited {
    text-decoration: none;
    color: #696a6c;
}

div#breadcrumbs a:hover {
    color: #FFF;
}


/** Design footer **/
div.design_footer {
    float: left;
    width: 940px;
    height: 410px;
    padding: 30px 0 0 0;
    background: #000 url('/images/bg_design_footer.jpg') no-repeat top center;
}


/*** Footer ***/
div#footer {
    clear: both;
    width: 940px;
    padding: 30px 0 0 0;
    margin:20px 0 0 0;
    background: #000 url('/images/bg_footer.jpg') no-repeat top center;
    overflow: hidden;
}

#footer p { color: #696a6c; }

div#footer p.left {
    width: 720px;
    padding: 9px 0 0;
}

div#footer .right a {
    padding: 0 10px;
}

div#footer a:link, div#footer a:visited {
    color: #696a6c;
    text-decoration: none;
}

div#footer a:hover {
    color: #FFF;
}

div#footer p {
    font-size: 70%;
    margin:0;
    padding:15px 0 0 0;
}

div#seo {
    float: left;
    width: 940px;
}

div#seo p {
    font-size: 70%;
    color: #919395;
    margin:0;
    padding:15px 0;
}


/*** Portfolio ***/
div.portfolio {
    float: left;
    width: 910px;
}

div.portfolio_images {
    float: right;
    width: 645px;
    overflow: hidden;
}
div.portfolio_image {
  width: 315px;
  margin-top: 15px;
  float: left;
}
div.portfolio_image_last {
  margin-left: 15px;
}
div.portfolio_text {
    float: left;
    width: 220px;
}

div#full_width_content div.portfolio_text a:hover {
    color: #333;
}

div.portfolio_testimonial {
    margin: 30px 0 0 0;
}

div.portfolio img.main {
    float: right;
    display: block;
    margin: 0;
    border: none;
}

div.portfolio img.thumb {
    float: left;
    display: block;
    margin: 15px 15px 0 0;
    border: none;
}

div.portfolio h1 {
    margin: 0;
    padding: 0;
        font-size:110%;
        font-weight:normal;
}

div.portfolio h2 {
    margin: 20px 0;
    padding: 0;
    font-size: 90%;
    font-weight: normal;
    color: #000;
}

div.portfolio h3, div.portfolio p {
    margin: 0 0 10px;
    padding: 0;
    font-size: 80%;
    font-weight: normal;
    color: #666;
}

div.portfolio span.black_text {
    color: #000;
}

/*** Site Map ***/
div#content ul.site_map {
    margin: 15px 0 0 0;
    padding: 0;
    list-style-type: none;
}

div#content ul.site_map a {
        font-size:80%;
}

div#content ul.site_map ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div#content ul.site_map li {
    padding: 2px 0;
    font-size:100%;
}

div#content ul.site_map li li {
    padding: 2px 0 2px 25px;
}


/*** Rails Error Styles ***/
div#content div.errorExplanation {
    width: 550px;
    background-color: #D9D9D9;
    margin: 10px 0 0 0;
    padding: 10px 15px 20px;
}

div#content div.errorExplanation h2 {
    font-size: 100%;
}

div#content div.errorExplanation ul {
    margin-top: 0;
    margin-bottom: 0;
}

div#content div.errorExplanation li {
    font-size: 80%;
    margin: 0;
}





/*** contact form ***/
#contact_us {
    float:left;
    background-color:#FFF;
    color: #000;
    padding:10px 0 0;
    width:100%;
}

#content #contact_us h2 { color: #000; }

#contact_us a {
    color: #666;
}

#contact_us a:hover {
    color: #000;
}

#contact_us #info_right {
    float:right;
    width:210px;
    padding:0 30px 10px 20px;
    border-left: 1px solid #CCC;
    margin:10px 0 0;
    color:#000;
}

#contact_us #info_right .right_pod {
    margin:0 0 40px 0;
}

#contact_us #main_form {
    float:left;
    width:460px;
    color:#000;
    padding:10px 30px 20px;
}

.input_style {
    width:300px;
}

input.form {
    border: 1px solid #CCC;
    font-size: 100%;
    padding: 1px 2px;
}

textarea.form {
    border: 1px solid #CCC;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1px 2px;
}

div#content ul#tabs {
    background-image:url(/images/form_tab_line.gif);
    background-position:bottom;
    width:460px;
    margin:5px 0 15px;
    padding:0;
    list-style:none;
    float:left;
    clear: both;
}

div#content ul#tabs li {
    width:120px;
    text-align:center;
    /*display:inline;*/
    float:left;
    height:30px;
    line-height:30px;
    font-size:90%;
    margin: 0;
    padding: 0;
    font-weight:bold;
}

div#content ul#tabs li.selected {
    background-image:url(/images/tab.gif);
}

div#content ul#tabs li a {
    display:block;
    height:30px;
}

span.small_grey {
    color: #777;
}




/* blog */
div.blog_post {
  background-color:#ffffff;
  color:#000000;
  padding:20px 30px 20px 30px;
  border-bottom:1px solid #cccccc;
  float:left;
  width:730px
}

div.blog_post a.rss {
  float: right;
  display: block;
  position: relative;
  top: 10px;
  right: 0;
}

div#content div#internal_content div.blog_post h1 {
    margin:0;
    padding:10px 0px 15px 0px;
  width: 680px;
}

div#content div#internal_content div.blog_post p, div.blog_post ul {
  width:400px;
}


div.blog_post a {
  color:#666666;
}

div.blog_post a:hover {
    color: #000;
    text-decoration: none;
}


div#content div.blog_post ul {
  /*font-size: 80%;*/
  padding: 0 0 15px 0px;
}


div#content ul#authorship_details {
  font-size: 80%;
  margin: 0;
  color: #666666;
  padding: 0 0 15px 0;
}
div#content ul#authorship_details li{
  padding: 0;
}
div#content ul#authorship_details li.author {
  display: inline;
  border-right: 1px solid #666666;
  padding: 0 15px 0 0;
  margin: 0 10px 0 0;
}
div#content ul#authorship_details li.date {
  display: inline;
}

div#content ul.blog_links {
  list-style-type: none;
  font-size: 80%;
  margin-left: 0;
  margin-top: 0;
  /*border-top: 1px dashed #aaa;*/
  padding:0;
  padding-top: 0;
}
div#content ul.blog_links li { padding: 0; }
/*
ul.blog_links li.permalink {
  display: inline;
}
*/
div.pagination
{
padding: 28px;
margin: 0;
font-size: 75%;
background-color: #ffffff;
}

div.pagination a
{
padding: 2px 5px 2px 5px;
margin: 2px;
/*border: 1px solid #9AC2B9; All pagination borders & backgrounds where this*/
border: 1px solid #939598;
text-decoration: none;
color: #333333;
}

div.pagination a:hover, div.pagination a:active
{
border: 1px solid #939598;
color: #000;
}

div.pagination span.current
{
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #939598;
font-weight: bold;
background-color: #939598;
color: #FFF;
}

div.pagination span.disabled
{
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #bbb;
color: #bbb;
}

/* bookmarking links */
div#content ul#bookmarking_links {
  margin: 0;
  padding: 0;
  font-size: 80%;
  list-style-type: none;
  width: 100%;
}
div#content ul#bookmarking_links li {
  display: inline;
  border-right: 1px solid white;
  padding: 0;
}
div#content ul#bookmarking_links li a {
  border-right: 1px solid #666666;
  padding-right: 5px;
  padding-left: 5px;
}
div#content ul#bookmarking_links li.last a {
  border-right: none;
}



/* portfolio alt content */

.port_row {
        /*background-color:#333333;*/
        width:790px;
        float:left;
        padding:0 0 4px 0;
}

.port_row .port_kernel {
        height:194px;
        width:194px;
        margin:0 4px 0px 0;
        float:left;
}


.port_row .port_kernel img {
        display:block;
}

.port_row .last {
        margin:0;
}



/* interactive landing page */

#animation_shell {
    position: relative;
    top: 0;
    width:790px;
    height:636px;
    background-image:url(/images/screens.jpg);
    z-index: 0;
    background-repeat:no-repeat;
}

#animation_shell #animation_kernel {
    position: relative;
    top: 32px;
    left: 202px;
    width:513px;
    height:322px;
}


#animation_shell #animation_kernel p {
        padding:20px 20px 0px 20px;
        font-size:100%;
        color:#000000;
}

#animation_shell #animation_kernel p a {
        color:#ffffff;
        font-weight:bold;
}

/* CLIENTS */

#tagstringheader {
 float:left;
 width:42px;

}
#content #internal_content #tagstringheader p {
 width:auto;
}

#tagstring {
        float:left;
        width:605px;
}

#content #tagstring ul {
        list-style:none;
        margin:0;
        padding:0;
        float:left;
}

#tagstring ul li {
        float:left;
        margin: 0 11px 15px 0 ;
        padding:0px;
        line-height:18px;
}

.client_image {
  width: 194px;
  height: 194px;
  margin: 4px 4px 0 0;
  float: left;
  padding:0;
  background-color: #ffffff;
  background-position:center;
  background-repeat:no-repeat;
}

.client_image a {
  width: 194px;
  height: 194px;
  display:block;
  text-decoration:none;
 /*background-color:#FF0000;*/
}

/* stuff we like */
#swl {
  background-color: #ffffff;
  color: #000000;
  padding: 10px 20px 10px 20px;
}
#swl a:link {
  color: #777777;
  text-decoration: underline;
}
#swl a:hover {
  color: #666666;
}
div#content div#internal_content #swl h1 {
  margin-top: 10px;
}
#swl .item {
  border-top: 2px dotted #aaaaaa;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: auto;
  width: 100%;
}
div#content div#internal_content #swl h2 {
  float: none;
  color: #000000;
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 20px;
  width: auto;
}
div#content div#internal_content #swl h2 a {
  color: #000000;
  text-decoration: none;
}
#swl .item .image {
  float: left;
  width: 220px;
}

#swl .item .right {
  float: right;
  width: 180px;
}
#swl .item .tagline {
  font-weight: bold;
  margin-bottom: 5px;
}
#swl .item .poster {
  font-size: 80%;
}
#swl .item .body {
  margin-left: 220px;
  color: #666;
}
#swl .item .bookmark_this {
  font-size: 80%;
  color: #666666;
  margin-top: 40px;
}
#swl .item .bookmark_this label {
  display: block;
  margin-bottom: 10px;
}
div#content div#internal_content .body p {
  width: 300px;
}

.client_last {
  margin: 4px 0 0 0;
}



/* CREDENTIALS */

#cred_image {
        float:left;
        padding:0px 0px 0 20px;
}

#cred_body {
        float:right;
        width:320px;
        padding:60px 45px 0 0;
}

div#content div#internal_content #cred_body p {
        width:auto;
}


#content ul.ticks {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#content ul.ticks li {
    margin: 18px 0 0;
    padding: 0 0 0 36px;
    background: transparent url(/images/tick.gif) no-repeat scroll top left;
}


/**** Homepage widgets ****/
.home #widgets {
    float: left;
    width: 940px;
    overflow: hidden;
    background: #000 url(/images/bg_widgets_top.jpg) no-repeat scroll 0 20px;
}

.home #widgets #first { width: 185px; }

.home #widgets .widget {
    float: left;
    width: 265px;
    margin: 30px 20px 0 0;
    padding: 0;
    background: none;
}

.home #widgets .widget h3 {
    color: #acaeb2;
}

.home #widgets .widget h3 span {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.home #widgets .widget h3 a { display: block; }
.home #widgets .widget h3 a:hover { text-decoration: none; }

.home #widgets .rosette {
    float: left;
    margin: 0;
}

.home #widgets .rosette img { behavior: url(/javascripts/iepngfix.htc) }


/*** Design Quote ***/
#quote {
    float: right;
    width: 230px;
    margin: 0 0 20px 25px;
}

#open_mark,
#close_mark {
    width: 25px;
    height: 20px;
    display: block;
}

#open_mark { background: #000 url(/images/bg_open_mark.gif) no-repeat; }
#close_mark { background: #000 url(/images/bg_close_mark.gif) no-repeat; }

#content #quote p {
    font-size: 20px;
    line-height: 28px;
    color: #FFF;
}