/*
-----------------------------------------------
Client:Proctor Engineering Group
Project:Web Site Redesign (http://www.proctoreng.com/)

File Name: layout.css 
Version: 1.0
Notes: Rules for the different column layouts in the div#main block. These are contextual selectors based on the class value in the body element.

Author: Dayspring Technologies, Inc.
Email: info@dayspring-tech.com
Web: http://www.dayspring-tech.com/
----------------------------------------------- */
	
/* Default Layout
----------------------------------------------- */
body {
  background:#87a1b0 url(/img/bg-body.gif) repeat-x 0 0;
	}
#main {
	margin: 0 auto;
	padding:0 15px 0 1px;
	width:959px;
  }
#mainShadow {
  background:transparent url(/img/bg-mainShadow.png) 50% 0 repeat-y;
	}
#content {
  float:right;
  padding:35px 25px 0 0;
  position:relative;
  width:678px;
	}
#topcon {
  padding:0 10px 70px 20px;
	}
#pcon {
  float:left;
  width:355px;
	} 
#scon {
  float:right;
  width:250px;
  overflow:hidden;
	}
#botcon {
  clear:both;
	}
#ncon {
  background:transparent url(/img/bg-nconBot.png) no-repeat bottom right;
  float:left;
	padding-bottom:134px;
  width:233px;
	}
	
/*Full-Width Content*/
#fwcon {
  padding-top:20px;
  border-top:1px solid #e3e3e3;
}
#fwcon h2{
  color:#6EB64A;
  font-weight:bold;
  font-size:153.9%;
  margin-bottom:10px;
}
#fwcon h3{
  color:#000;
  margin-bottom:10px;  
}
.oneCol, .twoCol {
  border:1px solid #6EB64A;
  padding:15px;
  margin-bottom:25px;
}
#fwcon div.lcol {
  float:left;
  width:40%;
}
#fwcon div.rcol {
  float:right;
  width:56%;
}

body.body-fullwidth #pcon {
  width:630px;
}
body.body-fullwidth #scon {
  display:none;
}

body#layout2 #pcon {
  float:left;
  width:300px;
	}
body#layout2 #scon {
  float:right;
  width:300px;
}

body.preview {
    background: none transparent;
}
body.preview div#hdShadow,
body.preview div#ftShadow,
body.preview div#ncon,
body.preview h1,
body.preview div#topcon {
    display: none;
}
body.preview div#mainShadow {
    background: none transparent;
}
body.preview div#main {
    margin: 5px;
    padding: 0;
    width: auto;
}
body.preview div#content {
    float: none;
    padding: 0;
    position: static;
    width: auto;
}
body.preview div#fwcon {
    border-top: none;
    padding-top: 0;
}
body.preview div#results {
    overflow: visible;
}
body.preview table#criteria td.label {
    width:120px;
    font-weight:bold;
}
body.preview table#criteria td.value {
    width:200px;
}
body.preview div.sec-logo {
    display: none;
}