/* PonticStar.com */

body {
  background:#0C8C95 url(/img/ui/bg.gif) repeat-x left top;
  color:#CCFFFF;
  margin:0;
  padding:0;
}

body, input, textarea {
  font-family:"Lucida Grande", Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size:100%;
}

/* GENERAL MOJO AND MULA */
object {
  display:block;
  border:0;
  margin:0;
  padding:0;
}

h1, h2, h3, h4 { color:#FFFFFF; }
h1 {
  font-size:1.5em;
  margin:2em 0 1em 0;
}

h2 {
  font-size:1.5em;
  font-weight:bold;
  margin:2em 0 1em 0;
}

h3 {
  font-size:1.4em;
  margin:2em 0 1em 0;
  text-transform:uppercase;
}

h1.top, h2.top, h3.top { margin-top:0; }

pre {
  display:block;
  background-color:#0A767D;
  padding:1em;
  margin:1em 0;
  overflow-x:auto;
}

pre, code {
  font-size:1.25em;
  color:#FFF;
}

pre code {
  font-size:1em;
}

code.attn {
  color:#FFE880;
  font-weight:bold;
}

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

a:hover {
  text-decoration:underline;
}

a:active { }

a img {
  border:0;
}


/* FORM ELEMENTS */

fieldset {
  margin:0;
  padding:0;
  border:0;
  background-color:#0B858D;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  padding:1em;
}

input[type=text] {
  color:#000;
  background-color:#CCFFFF;
  padding:4px;
  border:0;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

select, textarea {
  color:#000;
  background-color:#CCFFFF;
  padding:4px;
  border:0;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

input[type=button] {
  color:#FFE880;
  background-color:#0A777E;
  padding:4px 10px;
  border:1px outset #0A777E;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  font-weight:bold;
  min-width:100px;
}

input[type=button]:active {
  border:1px inset #086268;
  padding:3px 10px 5px 10px;
}

input[type=button]:hover {
  background-color:#086268;
  border:1px outset #086268;
}

label {
  color:#FFF;
  font-weight:bold;
}


/* CONTAINER */
#container {
  position:relative;
  width:960px;
  margin:0 auto;
  font-size:0.75em;
  z-index:100;

  min-height:100%;         /* See http://www.dustindiaz.com/min-height-fast-hack/ */
  height:auto !important;
  height:100%;
}

html { height: 100%; }
body { height: 100%; }

#fx_sunlight {
  z-index:-2;
  position:absolute;
  margin:0;
  padding:0;
  top:0;
  height:300px;
  background:url(/img/ui/bg_sunlight.jpg) no-repeat top center;
  left:0;
  width:100%;
}

#fx_fish1 {
  z-index:-1;
  position:absolute;
  margin:0;
  padding:0;
  top:300px;
  height:204px;
  background:url(/img/ui/bg_fish1.jpg) no-repeat top center;
  left:-100px;
  width:91px;
}


/* HEADER */
#header {
  height:80px;
  padding:30px 0 30px 0;
}

#header #logo {
  width:217px;
  height:46px;
  height:51px;
  margin:0 auto;
  padding:0;
}

#header #logo h1 {
  margin:0;
  padding:0;
}

#header #logo h1 a {
  display:block;
  width:217px;
  height:51px;
  background:transparent url(/img/ui/logo_ponticstar.png) no-repeat left top !important;
  background:transparent url(/img/ui/logo_ponticstar.gif) no-repeat left top;
  cursor:pointer;
}

#header #logo h1 a span { display:none; }


/* CONTENT ELEMENTS */
#content {
  position:relative;
  margin:0 10px;
  padding-bottom:140px;
}

#content p, #content .paragraph {
  padding:0;
  margin-bottom:1em;
}

#content h1 span { display: none; }

.hidden { display:none; }

#heading-services {
  background:transparent url(/img/ui/headings.png) no-repeat 0 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat 0 0;
  width:122px;
  height:19px;
}

#heading-news {
  background:transparent url(/img/ui/headings.png) no-repeat -126px 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -126px 0;
  width:83px;
  height:19px;
}

#heading-featured-work {
  background:transparent url(/img/ui/headings.png) no-repeat -213px 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -213px 0;
  width:195px;
  height:19px;
}

#heading-portfolio {
  background:transparent url(/img/ui/headings.png) no-repeat -412px 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -412px 0;
  width:141px;
  height:19px;
}

#heading-projects {
  background:transparent url(/img/ui/headings.png) no-repeat -1453px 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -1453px 0;
  width:126px;
  height:19px;
}

#heading-blog {
  background:transparent url(/img/ui/headings.png) no-repeat -707px 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -707px 0;
  width:76px;
  height:19px;
  cursor:pointer;
}

#heading-blog-comments {
  background:transparent url(/img/ui/headings.png) no-repeat -787px 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -787px 0;
  width:135px;
  height:19px;
}

#heading-blog-post-comment {
  background:transparent url(/img/ui/headings.png) no-repeat -926px 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -926px 0;
  width:202px;
  height:19px;
}

#heading-blog-trackbacks {
  background:transparent url(/img/ui/headings.png) no-repeat -1131px 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -1131px 0;
  width:154px;
  height:19px;
}

#heading-blog-recent-post {
  background:transparent url(/img/ui/headings.png) no-repeat -1289px 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -1289px 0;
  width:160px;
  height:19px;
}

#heading-contacts {
  background:transparent url(/img/ui/headings.png) no-repeat -557px 0 !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -557px 0;
  width:146px;
  height:19px;
}

/* FOOTER ELEMENTS */
#footer {
  display:block;
  width:940px;
  clear:both;
  margin:0 auto;
  font-size:0.75em;
  padding-top:9px;
}

#footer-valid-page {
  float:right;
}

#valid-css {
  float:left;
  background:transparent url(/img/ui/valid_css.gif) no-repeat left top;
  width:80px;
  height:15px;
  margin-left:10px;
}

#valid-xhtml {
  float:left;
  background:transparent url(/img/ui/valid_xhtml.gif) no-repeat left top;
  width:80px;
  height:15px;
  margin-left:10px;
}

#footer-copyright {
  float:left;
}

#sea-floor {
  position:relative;
  height:120px;
  width:100%;
  padding:0;
  margin:0;
  background:#0C8C95 url(/img/ui/footer_bg.gif) repeat-x left top;
  margin-top:-120px;
  z-index:200;
}

/* TAB CONTROL */
#navbar {
  clear:both;
  list-style:none;
  padding:0;
  margin:5px auto 0px auto;
  width:340px;
}

#navbar li {
  display:inline;
  float:left;
  margin:0 0 0 6px;
}

#navbar li#navbar-home {
  margin:0;
  padding:0;
  background:none;
}

#navbar li a {
  display:block;
  cursor:pointer;
  padding:0;
  margin:0;
  height:23px;
}


#navbar li.selected a {
  display:none;
}


#navbar li#navbar-overview a {
  background:transparent url(/img/ui/navbar.png) no-repeat 0 0 !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat 0 0;
  width:85px;
  height:23px;
}

#navbar li#navbar-overview a:hover {
  background:transparent url(/img/ui/navbar.png) no-repeat 0 50% !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat 0 50%;
  width:85px;
  height:23px;
}

#navbar li#navbar-overview.selected {
  background:transparent url(/img/ui/navbar.png) no-repeat 0 100% !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat 0 100%;
  width:85px;
  height:23px;
}

#navbar li#navbar-services a {
  background:transparent url(/img/ui/navbar.png) no-repeat -85px 0 !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -85px 0;
  width:76px;
  height:23px;
}

#navbar li#navbar-services a:hover {
  background:transparent url(/img/ui/navbar.png) no-repeat -85px 50% !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -85px 50%;
  width:76px;
  height:23px;
}

#navbar li#navbar-services.selected {
  background:transparent url(/img/ui/navbar.png) no-repeat -85px 100% !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -85px 100%;
  width:76px;
  height:23px;
}

#navbar li#navbar-portfolio a {
  background:transparent url(/img/ui/navbar.png) no-repeat -161px 0 !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -161px 0;
  width:90px;
  height:23px;
}

#navbar li#navbar-portfolio a:hover {
  background:transparent url(/img/ui/navbar.png) no-repeat -161px 50% !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -161px 50%;
  width:90px;
  height:23px;
}

#navbar li#navbar-portfolio.selected {
  background:transparent url(/img/ui/navbar.png) no-repeat -161px 100% !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -161px 100%;
  width:90px;
  height:23px;
}

#navbar li#navbar-contacts a {
  background:transparent url(/img/ui/navbar.png) no-repeat -251px 0 !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -251px 0;
  width:82px;
  height:23px;
}

#navbar li#navbar-contacts a:hover {
  background:transparent url(/img/ui/navbar.png) no-repeat -251px 50% !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -251px 50%;
  width:82px;
  height:23px;
}

#navbar li#navbar-contacts.selected {
  background:transparent url(/img/ui/navbar.png) no-repeat -251px 100% !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -251px 100%;
  width:82px;
  height:23px;
}

#navbar li#navbar-blog a {
  background:transparent url(/img/ui/navbar.png) no-repeat -333px 0 !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -333px 0;
  width:47px;
  height:23px;
}

#navbar li#navbar-blog a:hover {
  background:transparent url(/img/ui/navbar.png) no-repeat -333px 50% !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -333px 50%;
  width:47px;
  height:23px;
}

#navbar li#navbar-blog.selected {
  background:transparent url(/img/ui/navbar.png) no-repeat -333px 100% !important;
  background:transparent url(/img/ui/navbar.gif) no-repeat -333px 100%;
  width:47px;
  height:23px;
}


/* ARTICLE: TABLE OF CONTENTS */
.toc li {
  list-style-type:none;
  line-height:1.2em;
}


/* PAGE: HOME */
#page_home #content {
  position:relative;
  overflow:auto; /* Hack, see http://www.quirksmode.org/css/clearing.html */
}

   #page_home #content #what-we-do {
     width:640px;
     text-align:justify;
   }

   #page_home #content #what-is-new {
     position:relative;
     float:right;
     width:280px;
   }

   #page_home #content #what-is-new ul {
     display:block;
     list-style:none;
     margin:0;
     padding:0;
   }

   #page_home #content #what-is-new li {
     padding:4px;
     margin:0;
   }

   #what-is-new li.odd-row {
     background-color:#0A767D;
   }

   #page_home #content #what-is-new .news-date {
     color:#FFF;
     display:block;
     font-weight:bold;
     text-align:left;
     padding-bottom:2px;
     font-size:0.9em;
   }

   #page_home #what-we-wrote {
     width:640px;
   }

   #page_home #what-we-wrote .entry-title {
     margin:0 0 2px 0;
     padding:0 0 2px 0;
     border-bottom:1px solid #CCFFFF;
     color:#CCFFFF;
   }

   #page_home #what-we-wrote .entry-date {
     padding:0 0 0 20px;
     background:transparent url(/img/ui/icon_date.gif) no-repeat left top;
   }

   #page_home #what-we-wrote .entry-date abbr {
     border:0;
   }


#page_home #heading-news {
  margin-left:8px; /* Adjust "News" heading to match left border of the news items */
}

#what-we-do-best ul {
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  height:112px;
}

#what-we-do-best li {
  display:inline;
  float:left;
  width:177px;
  height:112px;
  padding:0 13px 0 0;
}

#what-we-do-best li.w05 {
  padding:0;
}

#what-we-do-best li a {
  display:block;
  width:171px;
  height:106px;
  padding:0;
  border:3px solid #CCFFFF;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#what-we-do-best li.hover a {
  border:3px solid #FFE880;
}

#what-we-do-best li.w01 a {
  background:transparent url(/portfolio/swab34/icon_medium.jpg) no-repeat top left;
}

#what-we-do-best li.w02 a {
  background:transparent url(/portfolio/robotalker/callaboo/icon_medium.png) no-repeat top left;
}

#what-we-do-best li.w03 a {
  background:transparent url(/portfolio/grocertools/flyergen/icon_medium.jpg) no-repeat top left;
}

#what-we-do-best li.w04 a {
  background:transparent url(/portfolio/robotalker/veriphone/icon_medium.jpg) no-repeat top left;
}

#what-we-do-best li.w05 a {
  background:transparent url(/portfolio/robotalker/trial-form/icon_medium.gif) no-repeat top left;
}


noscript .email-address {
 display:inline;
}

noscript .email-address img {
  vertical-align:bottom;
}

/* Page: Portfolio  */

#portfolio {
  clear:both;
}

#portfolio-controls {
  display:none;
  margin-bottom:10px;
  height:23px;
}

#portfolio ul.grid {
  display:block;
  list-style:none;
  padding:0;
  margin:0;
}


#portfolio ul.grid li {
  display:inline;
  float:left;
  width:177px;
  height:112px;
  margin:0;
  padding:0;
  padding:0 10px 10px 0;
}

#portfolio ul.grid li.index5, #portfolio ul.grid li.index10 {
  padding-right:0;
}

/* TODO: Redesign */
#portfolio ul.grid li.index6, 
#portfolio ul.grid li.index7, 
#portfolio ul.grid li.index8,
#portfolio ul.grid li.index9, 
#portfolio ul.grid li.index10 
{
  padding-bottom:0;
}

#portfolio ul.grid li a {
  display:block;
  position:relative;
  width:171px;
  height:106px;
  border:3px solid #CCFFFF;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding:0;
  text-decoration:none;
}

#portfolio ul.grid li.hover a {
  border:3px solid #FFE880;
}

#portfolio ul.list {
  display:block;
  position:relative;
  list-style:none;
  padding:0;
  margin:0;
}

#portfolio ul.list li {

  padding:4px;
  height:2.4em;
  margin-bottom:1px;
  cursor:pointer;
  clear:both;
}

#portfolio ul.list li.odd-row, #portfolio ul.list li.odd-row .sb-inner {
  background-color:#0A767D;
  color:#FFFFFF;
}

#portfolio ul.list li.even-row, #portfolio ul.list li.even-row .sb-inner {
  background-color:transparent;
  color:#FFFFFF;
}

#portfolio ul.list li.odd-row.hover, #portfolio ul.list li.odd-row.hover .sb-inner {
  background-color:#086268;
  color:#FFE880;
}

#portfolio ul.list li.even-row.hover, #portfolio ul.list li.even-row.hover .sb-inner {
  background-color:#086268;
  color:#FFE880;
}

#portfolio ul.list li .icon {
  float:left;
  width:47px;
  height:2.4em;
  margin-right:6px;
  background:transparent no-repeat top left;
  overflow:hidden;
}

#portfolio ul.list li .date_completed {
  float:right;
  margin-left:6px;
}

#portfolio ul.list li .title {
  display:block;
  font-weight:bold;
}

#portfolio ul.list li .quick_info {
}

#portfolio-controls {
  position:relative;
}

#portfolio-ctrl-layout-heading {
  float:left;
  background:transparent url(/img/ui/headings.png) no-repeat -1583px 1px !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -1583px 1px;
  width:55px;
  height:20px;
  margin:0;
  padding:0;
}

#portfolio-ctrl-layout {
  list-style:none;
  float:left;
  margin:0;
  padding:0 0 0 5px;
  height:23px;
}

#portfolio-ctrl-layout li {
  float:left;
  display:inline;
  height:23px;
  width:20px;
}

#portfolio-ctrl-layout li span {
  display:block;
  height:23px;
  width:20px;
  background:transparent no-repeat 0 0;
  background-image:url(/img/ui/controls.png) !important;
  background-image:url(/img/ui/controls.gif);
  cursor:pointer;
}

#portfolio-ctrl-layout li span .selected {
  cursor:default;
}

#portfolio-ctrl-layout .layout-grid span              { background-position:-171px 0        }
#portfolio-ctrl-layout .layout-grid span.highlighted  { background-position:-171px -23px    }
#portfolio-ctrl-layout .layout-grid span.selected     { background-position:-171px -46px;   }
#portfolio-ctrl-layout .layout-list span              { background-position:-191px 0      }
#portfolio-ctrl-layout .layout-list span.highlighted  { background-position:-191px -23px  }
#portfolio-ctrl-layout .layout-list span.selected     { background-position:-191px -46px; }

#portfolio-ctrl-page {
  float:right;
}

#portfolio-ctrl-page-heading {
  float:left;
  background:transparent url(/img/ui/headings.png) no-repeat -1641px 1px !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -1641px 1px;
  width:37px;
  height:20px;
  margin:0;
  padding:0;
}


#portfolio-ctrl-page ul {
  float:left;
  list-style:none;
  margin:0;
  padding:0 0 0 5px;
  height:23px;
}


.page1, .page2, .page3, .page4, .page5, .page6, .page7, .page8, .page9 {
  float:left;
  display:inline;
  height:23px;
  width:19px;
}

.page1 span, .page2 span, .page3 span, .page4 span, .page5 span, .page6 span, .page7 span, .page8 span, .page9 span {
  display:block;
  height:23px;
  width:19px;
  background:transparent no-repeat 0 0;
  background-image:url(/img/ui/controls.png) !important;
  background-image:url(/img/ui/controls.gif);
  cursor:pointer;
}

.page1 span             { background-position:0px 0         }
.page1 span.highlighted { background-position:0px -23px     }
.page1 span.selected    { background-position:0px -46px; cursor:default;    }
.page2 span             { background-position:-19px 0       }
.page2 span.highlighted { background-position:-19px -23px   }
.page2 span.selected    { background-position:-19px -46px; cursor:default;  }
.page3 span             { background-position:-38px 0;      }
.page3 span.highlighted { background-position:-38px -23px;  }
.page3 span.selected    { background-position:-38px -46px; cursor:default;  }
.page4 span             { background-position:-57px 0;      }
.page4 span.highlighted { background-position:-57px -23px;  }
.page4 span.selected    { background-position:-57px -46px; cursor:default;  }
.page5 span             { background-position:-76px 0;      }
.page5 span.highlighted { background-position:-76px -23px;  }
.page5 span.selected    { background-position:-76px -46px; cursor:default;  }
.page6 span             { background-position:-95px 0;      }
.page6 span.highlighted { background-position:-95px -23px;  }
.page6 span.selected    { background-position:-95px -46px; cursor:default;  }
.page7 span             { background-position:-114px 0;     }
.page7 span.highlighted { background-position:-114px -23px; }
.page7 span.selected    { background-position:-114px -46px; cursor:default; }
.page8 span             { background-position:-133px 0;     }
.page8 span.highlighted { background-position:-133px -23px; }
.page8 span.selected    { background-position:-133px -46px; cursor:default; }
.page9 span             { background-position:-152px 0;     }
.page9 span.highlighted { background-position:-152px -23px; }
.page9 span.selected    { background-position:-152px -46px; cursor:default; }


.round-box { display:block; height:1%; position:relative; }
.round-box .tl, .round-box .tr, .round-box .bl, .round-box .br {
  display:block;
  background:transparent no-repeat;
  margin:0;
  padding:0;
  line-height:4px;
  height:4px;
}

.round-box .tl { background-position:left top; padding-left:4px; margin-right:4px; }
.round-box .tr { background-position:right top; position:absolute; top:0; right:0; width:4px; }
.round-box .bl { background-position:left bottom; padding-left:4px; margin-right:4px; }
.round-box .br { background-position:right bottom; position:absolute; bottom:0; right:0; width:4px; }
.round-box .content {
  display:block;
  height:100%;
  margin:0;
  padding:0px 4px;
  background:transparent repeat-y -4px 0;
}

.round-box.base .tl, .round-box.base .tr, .round-box.base .bl, .round-box.base .br, .round-box.base .content {
  background-image:url(/img/ui/round_box_base.png) !important;
  background-image:url(/img/ui/round_box_base.gif);
}

.round-box.frame .tl, .round-box.frame .tr, .round-box.frame .bl, .round-box.frame .br, .round-box.frame .content {
  background-image:url(/img/ui/round_box_frame.png) !important;
  background-image:url(/img/ui/round_box_frame.gif);
}


.round-box.hover .tl, .round-box.hover .tr, .round-box.hover .bl, .round-box.hover .br, .round-box.hover .content {
  background-image:url(/img/ui/round_box_hover.png) !important;
  background-image:url(/img/ui/round_box_hover.gif);
}

.round-box.odd-row .tl, .round-box.odd-row .tr, .round-box.odd-row .bl, .round-box.odd-row .br, .round-box.odd-row .content {
  background-image:url(/img/ui/round_box_odd_row.png) !important;
  background-image:url(/img/ui/round_box_odd_row.gif);
}

#portfolio-ctrl-tag-heading {
  float:left;
  background:transparent url(/img/ui/headings.png) no-repeat -1680px 1px !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -1680px 1px;
  width:29px;
  height:20px;
  margin:0 0 0 20px;
  padding:0;
}

#portfolio-ctrl-tag {
  position:relative;
  float:left;
  padding:0 0 0 5px;
  height:23px;
  width:230px;
}


#portfolio-ctrl-tag .combobox {
  position:absolute;
  left:5px;
  top:0;
  z-index:100;
}

#portfolio-ctrl-tag .combobox-list {
  list-style:none;
  margin:0;
  padding:4px 0;
}

#portfolio-ctrl-tag .combobox-list li {
  display:block;
  width:100%;
}

.combobox-item-selected {
  display:inline;
  color:#FFE880;
  background:transparent url(/img/ui/combobox_arrow.gif) no-repeat right 6px;
  padding-right:12px;
  cursor:pointer;
}

/*
* html body #portfolio-ctrl-tag .combobox-item-selected {
  white-space:nowrap;
  width:1%;
}
*/


.combobox-list li {
  padding:2px 0;
  margin:0;
  cursor:pointer;
}

.combobox-list li.hover {
  padding:2px 0;
  margin:0;
  background-color:#0A777E;
  color:#FFE880;
  cursor:pointer;
}


/* Page: Project */
#project {
  position:relative;
}

#project-sidebar {
  float:right;
  text-align:left;
  width:280px;
}

#project-content {
  margin:0;
  padding:0;
  text-align:justify;
  width:640px;
}

#project-info {
  text-align:justify;
}

#project-screenshot {
  position:relative;
  width:441px;
  height:273px;
  margin:0 auto;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border:3px solid #CCFFFF;
}

#project-screenshots {
  position:relative;
  width:441px;
  height:273px;
  overflow:hidden;
}

#project-screenshots-list {
  position:relative;
  width:441px;
  height:273px;
}

#project-screenshots-list img {
  position:absolute;
  top:0;
  left:0;
  display:none;
}

#project-ctrl-screenshot {
  display:block;
  height:23px;
  margin:5px auto 10px auto;
  padding:0;
  width:441px;
}

#project-ctrl-screenshot-content {
  float:right;
}

#project-ctrl-screenshot-heading {
  display:inline-block;
  background:transparent url(/img/ui/headings.png) no-repeat -1712px 1px !important;
  background:transparent url(/img/ui/headings.gif) no-repeat -1712px 1px;
  width:91px;
  height:23px;
  margin:0;
  padding:0;
}

#project-ctrl-screenshot ul {
  list-style:none;
  display:inline-block;
  margin:0;
  padding-left:5px;
  height:23px;
}


#project-sidebar p.date_completed {
  background:transparent url(/img/ui/icon_date.gif) no-repeat left top;
  padding:0 0 0 20px;
  margin:0 0 1em 0;
}

#project-sidebar ul.links {
  list-style:none;
  background:transparent url(/img/ui/icon_url.gif) no-repeat left top;
  padding:0;
  margin:0 0 1em 0;
}

#project-sidebar ul.links li {
  margin:0;
  padding:0 0 0 20px;
}

#project-sidebar ul.tags {
  list-style:none;
  padding:0;
  margin:0 0 1em 0;
  background:transparent url(/img/ui/icon_tag.gif) no-repeat left top;
}

#project-sidebar ul.tags li {
  margin:0;
  padding:0 0 0 20px;
}

#project-sidebar ul.techs {
  list-style:none;
  padding:0;
  margin:0 0 1em 0;
  background:transparent url(/img/ui/icon_tech.gif) no-repeat left top;
}

#project-sidebar ul.techs li {
  margin:0;
  padding:0 0 0 20px;
}

#project-sidebar blockquote {
  background:transparent url(/img/ui/icon_quote.gif) no-repeat left top;
  margin:0;
  padding:0;
}
#project-sidebar blockquote p.quote {
  display:block;
  quotes:none;
  font-style:italic;
  padding:0 0 0 20px;
  margin:0 0 0.5em 0;
  text-align:justify;
}

#project-sidebar blockquote p.name {
  margin:0;
  padding:0 0 0 20px;
  font-weight:bold;
}

#project-sidebar blockquote p.title {
  margin:0;
  padding:0 0 0 20px;
}

#page_portfolio_project #portfolio-navbar {
  float:right;
  list-style:none;
  margin:0;
  padding:0;
}

#portfolio-navbar li {
  margin:0;
  padding:0;
  display:inline;
  float:left;
  margin:0 0 0 6px;
}

#portfolio-navbar li a {
  display:block;
  cursor:pointer;
  background-image:url(/img/ui/controls.png) !important;
  background-image:url(/img/ui/controls.gif);
  height:23px;
}

#portfolio-navbar li#navbar-prev a {
  background-position:-268px 50%;
  width:91px;
  height:23px;
}

#portfolio-navbar #navbar-prev a:hover {
  background-position:-268px 100%;
}

#portfolio-navbar li#navbar-next a {
  background-position:-211px 50%;
  width:57px;
  height:23px;
}

#portfolio-navbar #navbar-next a:hover {
  background-position:-211px 100%;
}

#portfolio-navbar li#navbar-back a {
  background-position:-359px 50%;
  width:62px;
  height:23px;
}

#portfolio-navbar #navbar-back a:hover {
  background-position:-359px 100%;
}

/* Page "Contacts" */
#page_contacts #content {
  position:relative;
  padding-right:293px;
}

#page_contacts #sidebar {
  position:absolute;
  right:0;
  top:36px;
  width:273px;
}

#page_contacts #form_inquiry {
  padding-top:1em;
  width:440px;
  margin:0 auto;
}

#page_contacts #ctrl_phone_pan { float:left; display:inline; margin-right:20px; }
#page_contacts #ctrl_email_pan { float:left; display:inline; margin-right:0; }
#page_contacts #ctrl_message_pan { clear: both; }

#page_contacts label {
  display: block;
  margin-bottom:3px;
  color:#FFF;
}

#page_contacts #ctrl_name_pan, #page_contacts #ctrl_phone_pan, #page_contacts #ctrl_email_pan {
  margin-bottom:0.5em;
}

#page_contacts #ctrl_name_pan input {
  width:400px;
}

#page_contacts #ctrl_phone_pan input {
  width:156px;
}

#page_contacts #ctrl_email_pan input {
  width:215px;
}

#page_contacts #ctrl_message_pan textarea {
  width:400px;
  height:120px;
  padding:3px;
  background-color:#CCFFFF;
  border:0;
}

#page_contacts #btn_send {
  float:left;
  margin-top:1.5em;
  border:0;
  background:transparent url(/img/ui/controls.png) no-repeat -421px 50% !important;
  background:transparent url(/img/ui/controls.gif) no-repeat -421px 50%;
  width:47px;
  height:23px;
}

#page_contacts #btn_send:hover {
  background:transparent url(/img/ui/controls.png) no-repeat -421px 100% !important;
  background:transparent url(/img/ui/controls.gif) no-repeat -421px 100%;
}

#page_contacts #sidebar p {
  margin:0 0 0 0;
  padding:0 0 1em 0;
}

#page_contacts #ym-status {
  display:block;
  width:176px;
  height:23px;
  margin-top:3px;
}

#page_contacts #ym-status a {
  display:block;
  width:176px;
  height:23px;
}

#page_contacts #ym-status a#ym-status-online {
  background:transparent url(/img/ui/controls.png) no-repeat -644px 50% !important;
  background:transparent url(/img/ui/controls.gif) no-repeat -644px 50%;
}

#page_contacts #ym-status a#ym-status-online:hover {
  background:transparent url(/img/ui/controls.png) no-repeat -644px 100% !important;
  background:transparent url(/img/ui/controls.gif) no-repeat -644px 100%;
}

#page_contacts #ym-status #ym-status-offline {
  background:transparent url(/img/ui/controls.png) no-repeat -468px 50% !important;
  background:transparent url(/img/ui/controls.gif) no-repeat -468px 50%;
}

#page_contacts #ym-status #ym-status-offline:hover {
  background:transparent url(/img/ui/controls.png) no-repeat -468px 100% !important;
  background:transparent url(/img/ui/controls.gif) no-repeat -468px 100%;
}

#page_contacts #wndMessage {
  display:block;
  position:absolute;
  left:-1000px;
  top:27px;
  width:220px;
  height:83px;
  background:transparent url(/img/ui/msg_callout.gif) no-repeat 10px bottom;
  z-index:300;
}

#page_contacts #wndMessageBox {
  position:relative;
  background-color:#F5E5B8;
  color:#000;
  width:220px;
  height:63px;
  padding:3px;
}

#page_contacts #wndMessageContent {
  overflow:hidden;
}

#page_contacts #inquiry-status {
  float:left;
  margin:1em 0 0 20px;
}

.icon_download {
  padding-left:20px;
  background:transparent url(/img/ui/icon_download.gif) no-repeat center left;
}


/* Workaround for problem with Java deployer */
#page_portfolio_project #project-info .content embed {
  display:none;
} 

/* SLIMBOX */

#lbOverlay {
   position: absolute;
   z-index: 9999;
   left: 0;
   width: 100%;
   background-color: #000;
   cursor: pointer;
}

#lbCenter, #lbBottomContainer {
   position: absolute;
   z-index: 9999;
   left: 50%;
   overflow: hidden;
   background-color: #fff;
}

.lbLoading {
   background: #fff url(/img/slimbox_loading.gif) no-repeat center;
}

#lbImage {
   position: absolute;
   left: 0;
   top: 0;
   border: 10px solid #fff;
   background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
   display: block;
   position: absolute;
   top: 0;
   width: 50%;
   outline: none;
}

#lbPrevLink {
   left: 0;
}

#lbPrevLink:hover {
   background: transparent url(/img/slimbox_prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
   right: 0;
}

#lbNextLink:hover {
   background: transparent url(/img/slimbox_nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 10px;
   color: #666;
   line-height: 1.4em;
   text-align: left;
   border: 10px solid #fff;
   border-top-style: none;
}

#lbCloseLink {
   display: block;
   float: right;
   width: 66px;
   height: 22px;
   background: transparent url(/img/slimbox_closelabel.gif) no-repeat center;
   margin: 5px 0;
   outline: none;
}

#lbCaption, #lbNumber {
   margin-right: 71px;
}

#lbCaption {
   font-weight: bold;
}