/* --------------------------------------------------------------------------------

    file   : layout.css
    Client : Offshoot Inc.
    Author : Offshoot Inc.
    Date   : February 21, 2007 

-------------------------------------------------------------------------------- */

* {
  padding:0;
  margin:0;
}

#main_container {
  width:894px;
  margin:0 auto;
}

#content {
  margin:40px 41px 0 35px;
  min-height:400px;
}

#content #content_body {
  width:505px;
  float:left;
}

#content #content_info, 
#content #contact_details,
#content #services_info,
#content #home_info {
  width:273px;
  float:right;
  margin-left:40px;
}

#content #home_info ul {
  position:relative;
  top:-5px;
}

#content #home_info ul li {
  padding:15px 0;
  border-bottom:1px solid #eaeaea;
}

#content #home_info ul .home_last {
  border:none;
}

#content #home_info ul li img {
  margin-bottom:5px;
}

#content #content_info ul {
  margin-top:-6px;
}

#content #content_info ul li,
#content #services_info ul li {
  /*line-height:16px;*/
}

#content #services_info img {
  border:none;
  margin:0 0 10px 0;
  padding:0;
}

#content #services_info ul {
  margin-bottom:20px;
}

#content #services_info .last {
  margin-bottom:0;
}

#content #contact_details #location {
  margin-top:30px;
}

#content .header_img {
  margin-bottom:20px;
}

#content .header_img_port {
  margin:0 0 20px 18px;
}

#content p {
  margin:10px 0;
}

#content #home_info p {
  margin:0;
}

#content #contact_msg {
  margin:0;
}

#content #first {
  margin:0 0 10px 0;
}

#content .port_img {
  margin:15px 0;
  padding:2px;
  border:1px solid #c6c6c6;
}

#content .port_img_bottom {
  margin:15px 0 20px 0;
  padding:2px;
  border:1px solid #c6c6c6;
}

#content .port_img_noborder {
  margin:15px 0;
  padding:2px;
  border:none;
}

#content .bottom_link {
  margin:20px 0 0 0;
}

#content .store_link {
  margin:-5px 0 50px 0;
}

#content .store_link_bottom {
  margin:-5px 0 20px 0;
}

#content #content_body ul {
  margin-bottom:50px;
}

#content #content_body #archive_text {
  margin:10px 0 50px 0;
}

#content #content_body .no_link {
  margin-bottom:60px;
}

#content ol {
  margin:0 0 10px 0;
}

#content ol li {
  margin:0 0 8px 25px;
}

#content_body .respons {
  border:none;
  padding:0;
  margin-top:20px;
}

#contact_details #phone {
  margin-top:10px;
}

#contact_details p #address_label {
  position:relative;
  top:-6px;
}

#contact_details #phone img {
  margin:0 10px 0 0;
}


/* - - - portfolio navigation - - - */

#content_nav {
  width:289px;
  float:right;
  position:relative;
}

#content_nav #projects {
  width:100%;
  border-collapse:collapse;
}

#content_nav #projects .project_list td,
#content_nav #projects .current td {
  margin:0;
  padding:10px 10px 10px 0;
  border:none;
  border-bottom:1px solid #fff;
}

#content_nav #projects .project_list .project_list_img,
#content_nav #projects .current .project_list_img {
  margin:0;
  padding:10px 10px 10px 18px;
  width:72px;
  border:none;
  border-bottom:1px solid #fff;
}

#content_nav #projects .project_list .project_list_img,
#content_nav #projects .current .project_list_img {
  margin:0;
  padding:10px 10px 10px 18px;
  width:72px;
  border:none;
  border-bottom:1px solid #fff;
}

html>body #content_nav #projects .project_list .project_list_img,
html>body #content_nav #projects .current .project_list_img {
  *padding:10px 10px 8px 18px;
}

* html #content_nav #projects .project_list .project_list_img,
* html #content_nav #projects .current .project_list_img {
  padding:10px 10px 8px 18px;
}

#content_nav #projects .thumb_border {
  padding:2px;
  border:1px solid #c6c6c6;
}

#content_nav #projects .project_list,
#content_nav #projects .current {
  vertical-align:top;
}

#projects tbody tr:hover, #projects tbody tr.over td {
  background:#F0F0F0;
  cursor:pointer;        
}

#projects tbody tr:hover .project_list_img, #projects tbody tr.over .project_list_img {
  background:#F0F0F0 url(../imgs/portfolio/li_arrow.gif) no-repeat left top;
}

#projects tbody .current .project_list_img {
  background:#F0F0F0 url(../imgs/portfolio/li_arrow.gif) no-repeat left top;          
}

#projects tbody .current td {
  background:#F0F0F0;
}

#footer {
  margin:30px 41px 50px 35px;
  border-top:1px solid #eaeaea;
}

#content button {
  background:transparent;
  border:none;
}

/* --- classes --- */  

.pic_border {
  border:1px solid #AAD71D;
}

.clear {
  clear:both;
}

.respons {
  border:none;
}

.error_message {
  width:375px;
  border-top:2px solid #FF5B0A;
  border-bottom:2px solid #FF5B0A;
  padding:15px 0 15px 40px;
  background:#FFEADF url(../imgs/errors/error_icon.gif) no-repeat 15px 50%;
  margin:10px 0 30px 0;
  color:#bf0000;
}