/*
 
 In this CSS file:
 
 - HTML
 - Body
 - Main container
 
*/

html {
	/*background:rgba(255,255,255,0.5);*/
	
	font-family:arial,sans-serif;
	font-size:90%;
	color:#333;
	height: 100%;
}

body {
	/*background:rgba(255,255,255,0.2);*/
	height: 100%;
}

#grey-wrapper,
#white-wrapper,
#case-study-wrapper
{
	background-color: #efefef;
	width: 100%;
	height: auto;
	min-height: 100%;
}

#white-wrapper
{
	background-color: #fff;
}

.container {
	width:100%;
	overflow: hidden;
	padding-bottom: 160px; /* same as the footer height  + 40px*/
}

div.container div.feed,
div.container div.info,
div.container div.clients,
div.container div.contact
{
	padding-top: 30px;
}


.container640px
{
	width: 640px;
	float: left;
}

.container800px
{
	width: 800px;
	float: left;
}

.container960px
{
	/*overflow: hidden;*/
	width: 960px;
}

.process-page-container .container960px
{
	float: left;
}

.column140px
{
	margin: 0 10px;
	width: 140px;
	float: left;
}

.column380px
{
	margin: 0 10px;
	width: 380px;
	float: left;
}

.column780px
{
	margin: 0 10px;
	width: 780px;
	float: left;
}

.column940px
{
	overflow:hidden;
	margin:0 10px;
	width:940px;
	float: left;
}

/* - Page ---------------------------------------------------------------------------------------- */

.page {
	/*overflow:hidden;*/
	margin:0 auto;
	margin-top: 40px !important;
	width:960px;
	
	/*background:yellow;*/
}

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

.footer
{
    background-image: url(../images/footer-bg.png);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#999));
    background-image: -webkit-linear-gradient(top, #ccc, #999);
    background-image:    -moz-linear-gradient(top, #ccc, #999);
    background-image:     -ms-linear-gradient(top, #ccc, #999);
    background-image:      -o-linear-gradient(top, #ccc, #999);
    background-position:bottom left;
    background-repeat:repeat-x;
    border-top:#bbb solid 3px;
    background-color:#ccc;
    position: relative;
    
    margin-top: -120px;
    height: 120px;
    clear: both;
    z-index: 10;
    width: 100%;
}

.footer .container960px
{
	margin: 20px auto 0;
}

.footer .copy
{
	margin: 0 10px;
	font-size: 80%;
	width: 460px;
	float: left;
}

.footer ul li
{
	margin-bottom: 3px;
	font-size: 90%;
}

.footer ul li a
{
	text-decoration: none;
	line-height: 130%;
	color:#333;
}

/* - Modal windows ---------------------------------------------------------------------------------------- */
 
/* side panel help */
.help-row
{
	background-color: #f7f7f7;
	padding-top: 20px;
}

.help-row p
{
	margin-bottom: 20px;
	line-height: 130%;
	padding: 0 20px;
	color: #666;
}

.help-row p.title
{
	margin-bottom: 0px;
	font-weight: bold;
}
 
 
/* Z-index of #mask must lower than #boxes .window */
#mask
{
	background-color:#000;
	position:absolute;
	z-index:9000;
	display:none;
	left:0;
	top:0;
}

.modal-window .close
{
	text-decoration: none;
	font-weight: bold;
	float: right;
	color: #fff;
}

.open-briefs .page-title {
    border-bottom:#bfbfbf solid 3px;
    padding-bottom:20px;
    margin-bottom: 10px;
    overflow:hidden;
}

.open-briefs .page-title h1
{
    line-height: 130%;
    font-size:140%;
}

.open-briefs .page-title p
{
    line-height: 130%;
    margin-top: 20px;
}