﻿body {
  margin: 0 0 20px 0;
  border: 0; /* This removes the border around the viewport in old versions of IE */
  min-width: 1000px; /* Minimum width of layout - remove line if not required */
  /* The min-width property does not work in old versions of Internet Explorer */
}

body.rand_back1 {background: url("/i/tmp/cont_bg2.jpg") repeat-x fixed;}
body.rand_back2 {background: url("/i/tmp/cont_bg3.jpg") repeat fixed;}
body.rand_back3 {background: url("/i/tmp/cont_bg4.jpg") repeat-x fixed 0 center;}
body.rand_back4 {background: url("/i/tmp/cont_bg.jpg") repeat-x fixed;}
a.h100 {height: 100%; width: 100%; position: absolute; display: block;}
#wrapper {position: relative;}

.clear {
  height: 0;
  font-size: 0;
  clear: both;
  display: block;
}

#wrapper {
  /*  max-width:960px; */
  width: 1000px;
  max-width: 1200px;
  min-width: 1000px;
  padding: 0 10px 20px 10px;
  overflow: hidden;
  margin: -5px auto 0;
}

/* Header styles */
#header {
  clear: both;
  width: 100%;
  padding: 5px 0 0;
  position: relative;
  z-index: 110;
}

#header:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* column container */
.colmask {
  position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear: both;
  float: left;
  width: 100%; /* width of whole page */
  overflow: hidden; /* This chops off any overhanging divs */
  background-position: 100% 0;
  background-repeat: repeat-y;
}

/* 2 column right menu settings */
.rightmenu { background-image: url(/i/site/bg-faux.gif); }

.rightmenu.col-professionals { background-image: url(/i/site/bg-faux-orange.gif); }

.rightmenu.col-experience { background-image: url(/i/site/bg-faux-experience.gif); }

.rightmenu.col-events { background-image: url("/i/site/bg-faux-exhibitions.gif");  background-position: 100% 0;
  background-repeat: repeat-y; }

.rightmenu .colleft { float: left; width: 200%; margin-left: -490px; position: relative; right: 100%; background: #fff;}
/*.rightmenu.nocolbg .colleft { background: none !important; }
.rightmenu.nocolbg .col3 .inner { background: #F2F2F2; }*/
.rightmenu .col1wrap {
  float: left;
  width: 50%;
  position: relative;
  left: 50%;
  padding-bottom: 1em;
}

.rightmenu .col1 {
  margin: 0 0 0 490px;
  overflow: hidden;
}

.rightmenu .col2 {
  float: right;
  width: 490px;
  position: relative;
  left: 490px;
}

/* 2 columns */
.rightmenu.columns-2 { background: #F2F2F2;}

.rightmenu.columns-2 .colleft, .rightmenu.columns-2-nobg .colleft { margin-left: -240px; }

.rightmenu.columns-2 .col1, .rightmenu.columns-2-nobg .col1{ margin: 0 0 0 240px; }

.rightmenu.columns-2 .col2, .rightmenu.columns-2-nobg .col2 {/* width: 240px; */_left: 240px; }



.rightmenu.columns-2-nobg .colleft { background: none; }
/*
.rightmenu.columns-2 .colleft, .rightmenu.columns-2-nobg .colleft { margin-left: -240px; }

.rightmenu.columns-2 .col1, .rightmenu.columns-2-nobg .col1 { margin: 0 0 0 240px; }

.rightmenu.columns-2 .col2, .rightmenu.columns-2-nobg .col2  { width: 240px; left: 240px; }
*/

/* 2 columns in profile (center column started after pageheaderblock)*/
.rightmenu.columns-profile {
  /*  background: url(/i/site/bg-faux-orange.gif) 100% 0 repeat-y;*/
  background-image: url(/i/site/bg-faux-orange.gif);
}

.rightmenu.columns-catalog {
  background-image: url(/i/site/bg-faux.gif);
}

.rightmenu.columns-profile .colleft, .rightmenu.columns-catalog .colleft {
  margin-left: -240px;
  background: transparent;
}

.rightmenu.columns-profile .col1, .rightmenu.columns-catalog .col1 {
  margin: 0 0 0 240px;
}

.rightmenu.columns-profile .col2, .rightmenu.columns-catalog .col2 {
  width: 240px;
  left: 240px;
}

.rightmenu.columns-catalog {
  background-image: url(/i/site/bg-faux.gif);
}

.col1-wrapper {
  width: 100%;
  float: left;
  margin-right: -250px;  
}

.inner-colleft {
  margin-right: 250px;
}

.inner-colleft-window {
  margin-right: 250px;
  position:  relative;
}


.inner-colright {
  width: 220px;
  float: right;
}

.col3, .col2-first {
  float: left;
}

.col2-first {
  width: 250px;
}

.col3 {
  width: 240px;
}

.col1 .inner {
  padding: 0 20px 0 0;
  overflow: hidden;
  min-height: 500px;
}

.orange .col1 .inner {
  margin: 0 0 0 0;
  overflow: hidden;
}

#user-profile-bg {
    background-image:url("/i/site/bg-faux-experience.gif");
}

.col2-first .inner {
  margin: 10px 18px 0 10px;
}


.col3 .inner { margin: 0 20px 10px; }
.col3 .ad_240_400 {margin:0 0 10px }
.columns-2-nobg .col3 .inner { margin: 0; padding: 1px 20px 10px; background: #F2F2F2; }


.col3 .ad_240_240 {margin-bottom:15px}

/* Footer styles */
#footer {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 20px;
}

#footer .inner {
  padding: 20px;
}

#topbanner {
  background: #000;
}

#topbanner img {
  display: block;
  margin: auto;
}


/* Project search */

.sidebar-search {
	float: left;
	width: 140px;
	padding-right: 20px;
	border-right: solid 1px #f2f2f2;
	height: 100%;
	overflow: hidden;
}

.projects-block {
	float: left;
	width: 520px;
	padding-left: 20px;
	margin-left: -1px;
	border-left: solid 1px #f2f2f2;
}

