/*
 * CSS file for binzsolutions.co.nz website.
 *
 * For screen view with image and CSS2 support
 * This style uses 2 column contents table with 
 * no top sections.
 *
 * Created by Francis Park
 * Version : 1.1
 * Last modified : 28 Apr 2006
 *
 * Send e-mail to francis@binzsolutions.co.nz for any enquiries
 * regarding this file.
 * Copyright 2004-2006 BINZ Solutions Ltd. All Rights Reserved.
 */


img {
  margin-right: 8px;
  margin-top: 2px;
  margin-bottom: 4px;
}


/** Divides centre-column into four vertical sections.
 ** Image-Main, Menu-Main, Contents and Footer.
 **
 ** All other columns are configured in global file.
 **/
#td_image_main {
  width: 766px;
  height:169px;
  background-image: url(../images/main_image.gif);
  background-repeat: no-repeat;
}

#td_menu_main {
  width: 766px;
  height: 46px;
  background: #000000;
}

#td_contents {
  width: 766px;
  height: 479px;
  border-top: 1px #4D4D4D solid;
}

#td_footer {
  width: 766px;
  height: 35px;
  background: #000000;
}









/* Contents Area Structures *******************************/

#table_contents {
  width: 766px;
  height: 479px;
}

#td_contents_top_left {
  height: 0px;
}

#td_contents_top_right {
  height: 0px;
}

#td_contents_bottom_left {
  height: 479px;
  background: #e9e9e9 url(../images/corner_left.gif) no-repeat left 100%;
  color: #444444;
}

#td_contents_bottom_right {
  height: 479px;
  background: #ffffff url(../images/corner_right.gif) no-repeat right 100%;
  background-color: #ffffff;
  color: #282828;
}




body#portfolio .left {
  width: 233px;
}

body#portfolio .right {
  width: 533px;
}














/* Contents ************************************************/

.contents {
  position: relative;
  top: 25px;
  left: 40px;
}

.small_contents {
  position: relative;
  top: 25px;
  left: 25px;
}

.full_contents {
  position: relative;
  top: 0px;
  left: 0px;
}





/** portfolio.php */
#categories {
  width: 195px;
}

#web_design_portfolio {
  width: 460px;
}

#web_design_portfolio h4 {
  position: relative;
  top: -15px;
  margin-left: 1px;
  color: #8A9A02;
  margin-bottom: -15px;
}