/* GENERAL STYLING */
html, body {
  background-color: #fff;
  font-family     : Arial, sans-serif;
  font-size       : 9pt;
  line-height     : 16pt;
  color           : #666666;
 
  height          : 100%;
  overflow        : auto;
}
div#page
{
  min-height      : 100%;
  height          : auto !important;
  height          : 100%;
  margin-top      : 0;
  margin-bottom   : -50px;
  
  width           : 900px;
  margin-left     : auto;
  margin-right    : auto;
}
div#footer {
  width           : 900px;
  margin-left     : auto;
  margin-right    : auto;
  clear           : both;
  color           : #999;
  text-align      : center;  
  line-height     : 10pt;
  
  height          : 30px;
  margin-top      : 20px;
}
div#footer-spacer {         
  height          : 50px;
}
div#footer,
div#footer a {
  font-size       : 7pt;
}

a {
  color           : #a2a2a2;
  text-decoration : none;
  font-family     : Tahoma, Verdana, sans-serif;
  font-size       : 10pt;
}
a:hover {
  color			  : #FA811A;
}

div#header div.logo p {
  font-size       : 10pt;
  font-size       : 7pt;
  font-family     : Verdana, Tahoma, sans-serif;
  margin-left     : 55px;
}

div#page div.content-container h1 {
  font-family     : Verdana, sans-serif;
  font-size       : 13pt;
  font-weight     : bold;
  color           : #F47920;
}
div#page div.content-container h2 {
  font-family     : Verdana, sans-serif;
  font-size       : 11pt;
  font-weight     : bold;
  margin-top      : 10px;
  margin-bottom   : -20px;
}
div#page div.content-container p.intro {
  font-weight     : bold;
}
div#page div.content-container div.content p,
div#page div.content-container div.content h1 {
  margin-top      : 20px;
}
div#page div.content-container div.content a {
  border-bottom   : 1px solid #FA811A;
  color           : #666666;
}
div#page div.content-container div.content a:hover {
  color           : #F47920;
}
div.clearer {
  clear            : both;
}
div#page div.content-container div.content label {
  width            : 100px;
  float            : left;
  cursor           : pointer;
}
/* GENERAL STYLING [END] */



/* MENU */
div#header div.menu {
  float           : right;
  margin-top      : 10px;
  margin-right    : 10px;
}
div#header div.menu div.menu-item {
  float           : left;
  margin-left     : 10px;
}
div#header div.menu div.menu-item a:hover {
  color           : #FA811A;
}
div#header div.menu div.selected a {	
  color           : #FA811A;
}
/* MENU [END] */







/* PAGE DECLARATIONS */
div#page div#header
{
  padding-top	  : 20px;
  margin-left     : 15px;
  margin-right    : 15px;
}
div#page div.content-showcase {
  text-align      : center;
}
div#page.home div.content-showcase {
  margin-top      : 10pt;	
}
div#page div.content-container {
  clear           : both;
  margin-top      : 20px;
}
div#page.home div.content-showcase {
  width           : 870px;
  margin-left     : 15px;
  margin-right    : 15px;	
}

/* SIDEBARS */
div#page div.content-container div.sidebar {
  float           : right;
  width           : 200px;
  margin-top      : 40px;
  margin-right    : 13px;
  
}
div#page div.content-container div.sidebar p {
  clear           : both;	
  float           : right;
}
div#page div.content-container div.sidebar p.box {
  width           : 193px;
  height          : 133px;
  text-align      : center;
  position        : relative;
}
div#page div.content-container div.sidebar p.box a {
  position        : absolute;
  left            : 0;
  right           : 0;
  top             : 50%;
  font-size       : 14pt;
  margin-top      : -10px;
}
div#page div.content-container div.sidebar a {
  color           : #F47920;
}
div#page div.content-container div.sidebar a:hover {
  color           : #F47920;
  text-decoration : underline;
}
div#page div.content-container div.sidebar a.menu-top,
div#page div.content-container div.sidebar a.menu-middle,
div#page div.content-container div.sidebar a.menu-bottom,
div#page div.content-container div.sidebar a.menu-bottom-rounded,
div#page div.content-container div.sidebar a.menu-rounded {
  float           : right;
  text-align      : center;
  width           : 193px;
}
/* SIDEBARS [END] */

div#page div.content-container div.content {
  margin-left     : 15px;
  margin-right    : 15px;	
}
div#page.home div.content-container div.content {
  margin-left     : 7px;
  margin-right    : -5px;
}



div#page div.content-container div.content div.tab-top,
div#page div.content-container div.content div.tab-bottom {
  float           : left;
  width           : 250px;
  height          : 153px;
  padding         : 20px;
  font-size       : 10pt;
}
div#page div.content-container div.content div.tab-top h1,
div#page div.content-container div.content div.tab-bottom h1 {
  color           : #666666;
}
div#page div.content-container div.content div.tab-top img,
div#page div.content-container div.content div.tab-bottom img {
  float           : right;
  margin-left     : 10px;
}




/* HOMEPAGE */

div#page.home div.content-container div.content {/* fix for IE6/7 */
  width           : 901px;
}
div#page.home div.content-container div.content div.tab-bottom {
  font-size       : 6pt;
  margin-right    : 8px;
}
div#page.home div.content-container div.content div.newsflash div.tab-bottom h1 {
  color           : #F47920;
  font-size       : 10pt;
  margin          : 0;
  text-align      : center;
}
div#page.home div.content-container div.content div.newsflash div.tab-bottom p {
  margin-top      : 5px;
  font-size       : 8pt;
  line-height     : 10pt;
}
div#page.home div.content-container div.content div.newsflash div.tab-bottom a {
  font-size       : 8pt;
  border          : 0;
  text-decoration : underline;
}
div#page.home div.content-container div.content div.newsflash div.tab-bottom a:hover {
  text-decoration : none;
}
div#page.home div.content-container div.content div.tab {
  clear           : left;
  text-align      : center;
}
/* HOMEPAGE [END] */





/* PORTFOLIO */
div#page div.content-container div.content div.portfolio-element {
  clear           : both;
  border-bottom   : 1px solid #CACED1;  
}
div#page div.content-container div.content div.portfolio-element p.head {
  cursor          : pointer;
  font-weight     : bold;
  margin          : 0;
  padding         : 3px;
}
div#page div.content-container div.content div.portfolio-element div.details {
  display         : none;
  float           : left; /* to prevent an inner clearer element for achieving same height as children */
  padding         : 5px;
}
div#page div.content-container div.content div.portfolio-element div.details img {
  float           : left;
  margin          : 20px;
}
div#page div.content-container div.content div.portfolio-element div.details p {
  float           : left;
  width           : 500px;
  margin          : 0;
  margin-left     : 20px;
}
div#page div.content-container div.content div.portfolio-element a {
  font-size       : 9pt;
  color           : #F47920;
  border          : 0;
}
div#page div.content-container div.content div.portfolio-element a:hover {
  border-bottom   : 1px solid #F47920;
}
/* PORTFOLIO [END] */


/* NEWS */
div#page.news div.content-container div.content h2,
div#page.news-2009 div.content-container div.content h2 {
  border-top      : 1px solid #CACED1;
  margin-bottom   : 10px;
}
/* NEWS [END] */

/* PAGE DECLARATIONS [END] */