/*RESET*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

body {
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12pt;
  background-color: #131313;
}

.sp {
  padding: 10px;
}

.pw {
  width: 888px;
  margin: auto;
}


.fw {
  width: 788px;
  margin: auto;
}


#top {
  background: url('/images/lesscode/bg_gray.gif') top left;
}

#top .show {
  height: 461px;
  background: url('/images/lesscode/bg_red.gif') top left;
}

#top #menu_sub {
  background: url('/images/lesscode/bg_red.gif') top left;
}

#top #menu_sub #menu {
  height: 97px;
}

#top #top_prime {
  height: 290px;
  overflow: hidden;
}

#top #top_prime #prime_left,
#top #top_prime #prime_right {
  float: left;
  height: 290px;
  width: 7px;
}

#top #top_prime #prime_left { background: url('/images/lesscode/left_prime.gif') top left no-repeat; }
#top #top_prime #prime_right { background: url('/images/lesscode/right_prime.gif') top left no-repeat; }

#top #top_prime #prime {
  float: left;
  height: 290px;
  width: 874px;
  background: url('/images/lesscode/bg_prime.gif') top left;
  position: relative
}

#top #top_prime #prime #prime_ror,
#top #top_prime #prime #prime_iphone {
  position: absolute;
  height: 290px;
  width: 874px;
}

#top #top_prime #prime #prime_ror .prime_image {
  width: 218px;
  height: 271px;
  background: url('/images/lesscode/prime_textmate.png') top left no-repeat;
  position: absolute;
  right: -6px;
  bottom: 1px;
}

#top #top_prime #prime #prime_iphone .prime_image {
  width: 178px;
  height: 266px;
  background: url('/images/lesscode/prime_iphone.png') top left no-repeat;
  position: absolute;
  right: -6px;
  bottom: 1px;
}

#top #prime .content {
  padding-left: 190px;
  padding-top: 70px;
}

#top #prime #prime_ror .content {
  margin-right: 250px;
}

#top #prime #prime_iphone .content {
  margin-right: 210px;
}

#top #prime .content h1 {
  text-indent: -9999px;
  height: 120px;
  width: 100%;
}

#top #prime .content h3 {
  text-indent: -9999px;
  float: left;
  height: 50px;
  width: 100%;
  background: url('/images/lesscode/prime_text_browse.gif') center right no-repeat;
}


#top #prime #prime_ror .content h1 {
  background: url('/images/lesscode/prime_text_ror.gif') center left no-repeat;
}

#top #prime #prime_iphone .content h1 {
  background: url('/images/lesscode/prime_text_iphone.gif') center left no-repeat;
}


#prime_tab {
  height: 37px;
  padding-left: 230px;
  position: relative;
  top: -1px;
}

#tab_ror, 
#tab_iphone {
  line-height: 37px;
  padding-left: 15px;
}

#tab_ror img, 
#tab_iphone img {
  display: block;
  float: left;
  margin-top: 5px;
}

#prime_tab h2 {
  text-indent: -9999px;
  height: 37px;
  float: left;
  margin-top: 9px;
  margin-left: 5px;
}


#prime_tab h2#ror_development {
  background: url('/images/lesscode/text_ror.png') top left no-repeat;
  width: 168px;
}

#prime_tab h2#iphone_development {
  background: url('/images/lesscode/text_iphone.png') top left no-repeat;
  width: 126px;
}

#tab_ror img.icon, 
#tab_iphone img.icon {
}


#tab_ror {
  float: left;
  width: 230px;
  height: 37px;
}

#tab_iphone {
  float: left;
  width: 190px;
  height: 37px;
}

#tab_ror.active {
  background: url('/images/lesscode/bg_tab_ror.gif') top left no-repeat;
}

#tab_iphone.active {
  background: url('/images/lesscode/bg_tab_iphone.gif') top left no-repeat;
}


#top #red_to_gray {
  height: 30px;
  background: url('/images/lesscode/bg_red_to_gray.gif') top left repeat-x;
}
#top #red_to_gray.transit_with_tab {
  height: 80px;
}



#prime_wrapper {
  position: relative;
}

#sub_wrapper {
  position: relative;
}


#top #logo_home {
  position: absolute;
  top: 0;
  left: 10px;
  height: 510px;
  width: 180px;
  background: url('/images/lesscode/bg_bar.gif') top left no-repeat;
  text-align: center;
  padding-top: 60px;
  z-index: 999;
}

#top #logo_sub {
  position: absolute;
  top: 0;
  left: 10px;
  height: 150px;
  width: 180px;
  background: url('/images/lesscode/bg_bar_sub.gif') top left no-repeat;
  text-align: center;
  padding-top: 36px;
}


.right_tab {
  float: right;
}

#middle {
  background: url('/images/lesscode/bg_black.gif') top left;
}

#middle .show {
  background: url('/images/lesscode/bg_gray.gif') top left;
}


#middle #gray_to_black {
  height: 30px;
  background: url('/images/lesscode/bg_gray_to_black.gif') top left repeat-x;
}

#middle #gray_to_black.transit_with_tab {
  height: 80px;
}


#showcase {
  padding-left: 50px;
  padding-right: 50px;
}

#showcase #showcase_left_arrow {
  float: left;
  width: 28px;
  padding-top: 40px;
  
}

#showcase #showcase_right_arrow {
  float: left;
  width: 28px;
  padding-top: 40px;
}

#showcase #showcase_slideshow_wrapper {
  float: left;
  width: 732px;
  position: relative;
  overflow: hidden;
}

#showcase #slideshow {
  width: 3660px;
  position: relative;
}

#showcase #showcase_slideshow_wrapper .slideshow {
  float: left;
  width: 732px;
  height: 180px;
}

#showcase #showcase_slideshow_wrapper .icon {
  float: left;
  width: 180px;
  text-align: center;
  margin-top: 25px;
}

#showcase #showcase_slideshow_wrapper .text {
  float: left;
  width: 372px;
  margin-top: 10px;
}

#showcase #showcase_slideshow_wrapper .text p {
  font-size: 0.8em;
  color: #666;
}

#showcase #showcase_slideshow_wrapper .label {
  float: left;
  width: 180px;
  text-align: center;
  margin-top: 48px;
}

#showcase h2 {
  text-indent: -9999px;
  height: 35px;
}

#showcase h2.interface {
  background: url('/images/lesscode/h_home_interface.gif') left center no-repeat;
}

#showcase h2.push_inbox {
  background: url('/images/lesscode/h_home_push_inbox.gif') left center no-repeat;
}

#showcase h2.server_remote {
  background: url('/images/lesscode/h_home_server_remote.gif') left center no-repeat;
}
#showcase h2.auckland_airport {
  background: url('/images/lesscode/h_home_auckland_airport.gif') left center no-repeat;
}
#showcase h2.tv_listing {
  background: url('/images/lesscode/h_home_tv_listing.gif') left center no-repeat;
}




#bottom {
  background: url('/images/lesscode/bg_black.gif') top left;
}

.screen_link {
  display: block;
  z-index: 99;
}

#screens {
  margin: auto;
}

#screens a {
  text-decoration: none;
}

.portfolio_screen {
  float: left;
  height: 320px;
  margin-right: 15px;
  margin-left: 50px;
}

#screens .screen {
  width: 362px;
  height: 239px;
  background: url('/images/lesscode/power_outlet.gif') bottom right no-repeat;
}

#screens .screen_inner {
  width: 332px;
  height: 232px;
  background: url('/images/lesscode/plasma_screen.gif') bottom right no-repeat;
}

#screens .screen_inner .content {
  position: relative;
  
}

#screens .screen_inner .content .image {
  position: absolute;
  width: 260px;
  height: 160px;
  top: 36px;
  left: 36px;
}

#screens .screen_inner .content .description {
  position: absolute;
  width: 262px;
  height: 162px;
  top: 35px;
  left: 35px;
}

#screens .screen_inner .content .image {
  z-index: 10;
}

#screens .screen_inner .content .description {
  z-index: 20;
  color: #aaa;
  background-color: #000;
  font-size: 0.75em;
}

#screens .screen_inner .content .description p {
  margin-top: 5px;
}

#small_screens a {
  text-decoration: none;
}

#small_screens {
  width: 768px;
  margin: auto;
}

#products #small_screens {
  margin-left: 90px;
  margin-bottom: 50px;
}

#portfolio #small_screens {
  margin-bottom: 0;
  padding-bottom: 50px;
}

#small_screens .screen {
  float: left;
  width: 92px;
  height: 110px;
  background: url('/images/lesscode/plasma_screen_small.gif') top left no-repeat;
  margin-right: 50px;
  position: relative;
}


#small_screens .screen .tooltip {
  position: absolute;
  top: -120px;
  left: -43px;
  width: 176px;
  height: 117px;
  background: url('/images/lesscode/bg_hover_tooltip.gif') top left no-repeat;
  
}

#small_screens .screen .tooltip .tooltip_text {
  padding: 12px 16px;
  color: #666;
  font-size: 0.7em;
}

#small_screens .screen .content {
  margin-top: 20px;
  margin-left: 14px;
  margin-bottom: 15px;
}

#small_screens .iphone_screen {
  float: right;
  width: 109px;
  height: 64px;
  background: none;
  margin: 0;
  position: relative;
}

#small_screens .iphone_screen .content {
  margin: 0;
  margin-top: 12px;
}

#small_screens .screen .text {
  text-align: center;
}

#small_screens .screen .text h2 {
  color: #eee;
  font-weight: bold;
  font-size: 0.8em;
}

#small_screens .screen .text h2.devel {
  color: #333;
  font-weight: bold;
}


.portfolio_screen .text {
  width: 332px;
  text-align: center;
}

.portfolio_screen .text p {
  font-size: 0.75em;
  color: #666;
}

.portfolio_screen .text h2 {
  text-indent: -9999px;
  height: 30px;
  margin-top: 10px;
}

.portfolio_screen .text h2.brandfm {
  background: url('/images/lesscode/text_brandfm.gif') center center no-repeat;
}
.portfolio_screen .text h2.nexx {
  background: url('/images/lesscode/text_nexx.gif') center center no-repeat;
}
.portfolio_screen .text h2.bnz {
  background: url('/images/lesscode/text_bnz.gif') center center no-repeat;
}
.portfolio_screen .text h2.cas {
  background: url('/images/lesscode/text_cas.gif') center center no-repeat;
}

.hr_with_tab {
  height: 50px;
  background: url('/images/lesscode/hr_gray.gif') top right no-repeat;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-right: 10px;
}

#menu {
  height: 90px;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}

#menu li {
  list-style: none;
  padding: 0;
  margin-top: 40px;
  margin-left: 20x;
  margin-right: 20px;
  float: left;
}

#portfolio_headline {
  background: url('/images/lesscode/h_portfolio.gif') center center no-repeat;
  text-indent: -9999px;
  height: 90px;
}

#products_headline {
  background: url('/images/lesscode/h_products.gif') center center no-repeat;
  text-indent: -9999px;
  height: 90px;
}


.iphone_products a { text-decoration: none; }

.iphone_products {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
}

.iphone_products .app {
  float: left;
  width: 167px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.iphone_products .app .title h2 {
  text-indent: -9999px;
  height: 30px;
  margin-top: 5px;
}

.iphone_products .app .title h2.server_remote {
  background: url('/images/lesscode/text_product_server_remote.gif') center center no-repeat;
}
.iphone_products .app .title h2.tv_listing {
  background: url('/images/lesscode/text_product_tv_listing.gif') center center no-repeat;
}
.iphone_products .app .title h2.auckland_airport {
  background: url('/images/lesscode/text_product_auckland_airport.gif') center center no-repeat;
}
.iphone_products .app .title h2.secret {
  background: url('/images/lesscode/text_product_secret.gif') center center no-repeat;
}

.iphone_products .app .title h2.push_inbox {
  background: url('/images/lesscode/text_product_push_inbox.gif') center center no-repeat;
}

.iphone_products .app .title h2.interface {
  background: url('/images/lesscode/text_product_interface.gif') center center no-repeat;
}

.iphone_products .app .description {
  font-size: 0.7em;
  color: #666;  
  margin-bottom: 10px;
}

.iphone_products .app .remark {
  font-size: 0.6em;
  font-weight: bold;
  color: #666;  
  margin-top: 5px;
}

#goodies {
  padding-bottom: 50px;
}

#goodies ul,
#goodies li {
  list-style: none;
}

#goodies li a {
  color: #333;
  font-size: 0.8em;
  text-decoration: none;
}

#goodies li a:hover {
  color: #ccc;
  text-decoration: underline;
}

#goodies li a span { display: block;}
#goodies li a span.title {
  color: #666;
  font-weight: bold;
}

#goodies li {
  margin-left: 90px;
}

#services h1 {
  color: #eee;
  font-size: 1.6em;
  margin-bottom: 28px;
}

#footer {
  padding-top: 15px;
  padding-bottom: 15px;
}

#footer #twitter {
  float: left;
  width: 272px;
  margin-right: 80px;
}

#footer #regular_contact {
  margin-top: 15px;
}

#footer #regular_contact a {
  color: #ccc;
}

#footer #contact {
  float: left;
  width: 436px;
}

#footer #twitter h2 {
  text-indent: -9999px;
  height: 30px;
  background: url('/images/lesscode/text_twitter.gif') left center no-repeat;
  margin-bottom: 15px;
}

#footer #twitter #tweet {
  background: url('/images/lesscode/bg_twitter.gif') left center no-repeat;
  height: 113px;
  font-size: 0.8em;
}

#footer #twitter p {
  font-size: 0.6em;
  margin-top: 5px;
}

#footer #twitter p a {
  text-decoration: none;
  color: #666;
}

#footer #twitter p a:hover {
  text-decoration: underline;
}


#twitter_update_list {
  padding: 20px;
  font-size: 0.8em;
}
#twitter_update_list li {
  list-style-type: none;
}
#twitter_update_list span {
  color: #666;
}
#twitter_update_list a {
  color: #333;
  text-decoration: none;
}

#twitter_update_list a:hover {
  text-decoration: underline;
}


#footer #contact h2 {
  text-indent: -9999px;
  height: 30px;
  background: url('/images/lesscode/text_contact.gif') left center no-repeat;
  margin-bottom: 15px;
}


#contact p {
  font-size: 0.8em;
  color: #666;
}


#contact #loading_indicator,
#contact #done_indicator,
#contact #error_indicator {
  padding: 5px;
  width: 370px;
  font-size: 0.7em;
  margin: 10px 0;
  padding-left: 30px;
}

#contact #loading_indicator {
  border: 1px solid #0A1919;
  background: url('/images/lesscode/indicator_loading.gif') 8px center no-repeat;
  background-color: #081414;
  color: #164040;
}

#contact #done_indicator {
  border: 1px solid #091800;
  background: url('/images/lesscode/indicator_done.gif') 8px center no-repeat;
  background-color: #001100;
  color: #004400;
}

#contact #error_indicator {
  border: 1px solid #220000;
  background: url('/images/lesscode/indicator_error.gif') 8px center no-repeat;
  background-color: #110000;
  color: #880000;
}


#contact form label {
  color: #333;
  font-size: 0.8em;
  font-weight: bold;
  float: left;
  width: 100px;
}


#contact form select,
#contact form input.text,
#contact form textarea
{
  width: 300px;
  background-color: #0f0f0f;
  border: 1px solid #191919;
  padding: 5px;
  color: #ccc;
  font-size: 0.8em;
}


#contact form textarea {
  width: 300px;
  height: 100px;
}

#contact form fieldset {
  margin-top: 5px;
}

#contact_page {
  padding: 50px;
  width: 430px;
  margin: auto;
}

#contact_page #contact h2 {
  color: #eee;
  font-size: 1.8em;
  margin-bottom: 10px;
}

#contact_page #contact .errorExplanation {
  padding: 25px;
  border: 1px solid #220000;
  background-color: #110000;
  margin-top: 10px;
  margin-bottom: 10px;
}

#contact_page #contact .errorExplanation *  {
  color: #880000;
  font-size: 8pt;
}

#airport_headline {
  background: url('/images/lesscode/h_auckland_airport.gif') center center no-repeat;
  text-indent: -9999px;
  height: 90px;
}

#tv_listing_headline {
  background: url('/images/lesscode/h_tv_listing.gif') center center no-repeat;
  text-indent: -9999px;
  height: 90px;
}

#tv_listing .content,
#airport .content {
  margin-top: 10px;
  padding-bottom: 50px;
}

#tv_listing #iphone_large,
#airport #iphone_large {
  width: 329px;
  margin-right: 50px;
  height: 555px;
  background: url('/images/lesscode/iphone_large.jpg') top left no-repeat;
  float: left;
  position: relative;
}

#tv_listing #iphone_large #slide_wrapper,
#airport #iphone_large #slide_wrapper {
  width: 240px;
  height: 360px;
  position: absolute;
  left: 46px;
  top: 94px;
  overflow: hidden;
}

#airport #iphone_large #slide {
  position: absolute;
  width: 720px;
  height: 360px;
}

#tv_listing #iphone_large #slide{
  position: absolute;
  width: 1200px;
  height: 360px;
}


#tv_listing #get_it_button,
#airport #get_it_button {
  text-align: right;
}

#tv_listing #get_it_button img,
#airport #get_it_button img 
{ vertical-align: middle; margin-left: 20px;}

#tv_listing #description,
#airport #description {
  width: 509px;
  float: left;
  color: #aaa;
  font-size: 0.8em;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 1px;
}

#tv_listing #description h2,
#airport #description h2 {
  background: url('/images/lesscode/icon_check.png') center left no-repeat;
  height: 30px;
  line-height: 30px;
  padding-left: 38px;
  font-weight: bold;
  font-size: 1.5em;
  color: #eee;
  margin-top: 20px;
  margin-bottom: 20px; 
  
}

#tv_listing #description #intro,
#airport #description #intro {
  margin-top: 20px;
  font-size: 1.2em;
  color: #eee;
  font-weight: bold;
}

#tv_listing #description p,
#airport #description p {
  color: #666;
}

#tv_listing #description ul,
#airport #description ul {
  color: #666;
  margin-left: 20px;
  list-style-type: square;
}


#copy {
  margin-top: 25px;
  font-size: 0.6em;
  color: #333;
}

.debug {
  background-color: #fc0;
}

.generic {
  color: #666;
  padding: 30px;
}