/* Sitewide Style Rules for DEQQ
 * Created: August 17, 2010
 * Copyright: Work[at]Play Digital Agency (Do not copy without permission)
*/

body {
	font:normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	background: #fff url('images/body-bkg.jpg') top center repeat-x;
	color:#230c0f;
	line-height:1.5em;
}
/*=Fonts
--------------------------------------------------*/
@font-face {
	font-family: 'TradeGothicLTStdBoldCondensed';
	src: url('type/tradegothicltstd-bdcn20-webfont.eot');
	src: local('☺'), url('type/tradegothicltstd-bdcn20-webfont.woff') format('woff'), url('type/tradegothicltstd-bdcn20-webfont.ttf') format('fonts/truetype'), url('type/tradegothicltstd-bdcn20-webfont.svg#webfont2HqHFeCd') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TradeGothicLTStdLight';
	src: url('type/tradegothicltstd-light-webfont.eot');
	src: local('☺'), url('type/tradegothicltstd-light-webfont.woff') format('woff'), url('type/tradegothicltstd-light-webfont.ttf') format('truetype'), url('type/tradegothicltstd-light-webfont.svg#webfontUgbaGIll') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*=Structure
--------------------------------------------------*/
#container {
	width:980px;
	margin:0 auto;
	padding:0;
}

#header a#logo {
	background:transparent url('images/deqq-logo.png') top left no-repeat;
	width:248px;
	height:145px;
	margin-left:367px;
	display:block;
	text-indent:-9999em;
	overflow:hidden;
}
#main-content  {
   margin:0;
   padding:0;
}
#footer{}

#footer ul.links {
	font-size: 90%;
	float: right;
	margin: 0;
	padding: 0;
}

#footer ul.links li {
	display: inline-block;
	padding-left: 10px;
}

#footer ul.links li a {
	color: #999;
}

/*= Headings and Typography
-------------------------------------------------*/
h1,h2 {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'TradeGothicLTStdBoldCondensed', sans-serif;
	font-size-adjust: 0.54;
}
.cta h2, h2.callout, h2.quote  {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'TradeGothicLTStdLight', sans-serif;
	font-size-adjust: 0.52;
}

h1 {
	font-size:56px;
	line-height:1em;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	padding-top:15px;
}

h2.callout {
	clear:both;
	border-top:1px solid #230c0f;
	border-bottom:1px solid #230c0f;
	padding:50px 30px;
	text-align:center;
	font-size:30px;
}

h2.quote {font-size:30px;}

.cta h2 {
	float:left;
	font-size:28px;
}



/*links*/

a:link, a:visited {}

/*Button*/
a.button {
	background:transparent url('images/button-sprite.png') top left no-repeat;
	width:160px;
	height:35px;
	overflow:hidden;
	float:left;
	color:#fff;
	margin-left:25px;
	margin-top:10px;
	text-align:center;
	padding-top:15px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

/*Button Hover*/
a:hover.button {background-position:bottom left;}

/*=Images
-------------------------------------------------*/
img#chart {margin:60px 0 0 30px;}

/*=Call to action
-------------------------------------------------*/
.cta {
	clear:both;
	height:auto;
	overflow:hidden;
	border-top:1px solid #230c0f;
	border-bottom:1px solid #230c0f;
	padding:50px 30px;
	margin-top:-50px;
}

/*=Columns
-------------------------------------------------*/
.usage {
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #230c0f;
}
.usage .col {float:left;}
.usage .col-content {
	width:360px;
	margin-top:80px;
	margin-bottom:25px;
}
	.usage .left-col {
		border-right:1px solid #230c0f;
		padding-left:30px;
		padding-right:104px;
	}
	.usage .right-col {padding-left:97px;}
	
	.usage h2 {
		font-size:30px; 
		line-height:1em;
		text-transform:uppercase;
	}

#features {padding:0 20px;}
#features h2:first-child {
	text-align:center;
	font-size:56px;
	text-transform:uppercase;
}

	#features .column, .reports .col {
		width:291px;
		float: left;
	}
		#features .column {margin-bottom:60px;}
	
		#features .column h2, .reports .col h2 {font-size:30px;}
			
			#features .column h2, 
			#features .column h3{text-transform:uppercase;}
			#features .column h3{font-size:14px;}
		
		#features .left-col, 
		#features .right-col {
			margin-top:150px;	
		}
		#features .left-col img, 
		#features .right-col img {margin-bottom:33px;}
		
		#features .middle-col, .reports .middle-col {margin:0 30px;}
		#features .middle-col img {margin:0 10%;}
	
	.reports {
		height:400px;
		margin-bottom:150px;
	}