/* GLOBAL ********************************************************************/

html, body {
	margin: 0;
	padding: 0;
	font: 12px/16px arial,helvetica,sans-serif;
	color: #fff;
}

body {
	background: #000;
}

p {
	margin: 0 0 1em;
}

p.strong {
	font-weight: bold;
	color: #fff;
}

p strong {
	color: #fff;
}

option {
	background: #fff;
}

#site {
	margin: 0 auto 30px;
	width: 980px;
}

a:link, a:visited {
	color: #def6a4;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

.title {
	color: #ddf997;
	font: 700 18px/18px TAXIGrotesk Bold,arial,sans-serif;
	height: 21px;
	display: block;
	padding: 0;
	margin: 0 0 16px;
	background-repeat: none;
	text-transform: uppercase;
}

.with-icon {
	height: 29px;
}

.with-icon img {
	margin: 0 8px 0 0;
}

/* FORM ELEMENTS *************************************************************/

form .form-row {
	font: 14px arial,sans-serif;
	margin: 0 0 4px;
	clear: both;
}

form label {
	color: #c6c6c6;
	float: left;
	font-weight: bold;
	/*text-align: right;*/
	width: 145px;
	margin: 0 4px 0 0;
	padding: 5px;
}

form input[rel=input] {
	border-style: none;
	margin: 3px;
	color: #222;
	background: transparent url(/img/common/bg-input-text-250.gif) no-repeat;
	padding: 3px 2px;
	font: 14px arial,sans-serif;
	width: 250px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

form input[rel=input]:focus {
	background-image: none;
	background-color: #eee;
}

form input[rel=input].error {
	width: 256px;
	margin: 0;
	border-style: solid;
	border-width: 3px;
	border-color: #d1fe65;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

form input[rel=input]:disabled {
	color: #999;
}

form select[rel=input] {
	border-style: none;
	margin: 3px;
	color: #222;
	background: transparent url(/img/common/bg-input-text-250.gif) no-repeat;
	padding: 3px 2px;
	font: 14px arial,sans-serif;
	width: 250px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

form input[type=checkbox] {
	height: 20px;
}

form img[rel=button] {
	margin: 0 0 0 162px;
	cursor: pointer;
}

form .hint {
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	margin: 0 0 0 20px;
}

/* HEADER ********************************************************************/

#header {
	background: #e5e5e5;
	position: relative;
	height: 395px;
	border-bottom: solid 1px #323232;
}

#header #navigation {
	height: 45px;
	position: relative;
}

#header #logo {
	position: absolute;
	left: 37px;
	top: 0;
	cursor: pointer;
}

#header #menu {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
}

#header #menu li {
	position: relative;
	float: left;
	margin: 0 25px 0 0;
	padding: 0;
	list-style: none;
	cursor: pointer;
}

#header #menu li a {
	font: 700 11px TAXIGrotesk Bold,arial,sans-serif;
	text-transform: uppercase;
	color: #3c3c3c;
}

#header #menu li a:hover {
	color: #b1c87d;
	text-decoration: none;
}


/* MASTHEAD ********************************************************************/

#masthead {
	height: 350px;
}

#masthead[lang=en] {
	background: #e5e5e5 url(/img/common/bg-masthead-en.jpg) no-repeat;
}

#masthead[lang=fr] {
	background: #e5e5e5 url(/img/common/bg-masthead-fr.jpg) no-repeat;
}

#masthead-obj {
	height: 350px;
	position: relative;
}

#masthead-text {
	position: absolute;
	left: 480px;
	top: 90px;
	width: 400px;
	height: 225px;
	overflow: hidden;
	background: transparent url('/img/common/bg-masthead-arrow.png') no-repeat 0 15px;
	padding: 10px 0 0 45px;
	text-transform: uppercase;
	color: #888;
}

#masthead-text h1 {
	font: 700 40px/38px TAXIGrotesk Bold,arial,sans-serif;
	margin: 0;
	padding: 0;
}

#masthead-text h4 {
	font: 700 13px/15px TAXIGrotesk Bold,arial,sans-serif;
	margin: 0;
	padding: 0;
}

#masthead-text a {
	color: #444;
}

#masthead-text a:hover {
	color: #3c3c3c;
	text-decoration: none;
}

/* CONTENT *******************************************************************/

#content {
	background: #555 url(/img/common/bg-content.jpg) no-repeat;
	padding: 30px 0;
}

.ie6 #content {
	background-image: none;
}

#content #area {
	padding: 50px 30px 50px 70px;
}

#content .row {
	margin: 0 0 60px;
}

#content .copy-box {
	/* individual block of copy */
	margin: 0 0 32px;
}

#content .section-box {
	/* presents a section of a page */
	margin: 0 0 16px;
}

#content .subtitle {
	font-weight: bold;
	display: block;
	margin: 0 0 4px;
}

#content .subtitle img {
	margin: 0 8px -5px 0;
}

#content .row .col {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 0 40px 0 0;
}

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

#content .colmask {
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
	/*position: relative;*/
}

#content .doublecol .colleft {
	float: left;
	position: relative;
	width: 100%;
	right: 50%;
}

#content .singlecol .col {
	float: left;
	overflow: hidden;
	padding: 0;
	position: relative;
	left: 5%;
	width: 90%;
}

#content .doublecol .col1, #content .doublecol .col2 {
	float: left;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 42%;
}

#content .doublecol .col1 {
	/* 50% width + 5% outer margin */
	left: 55%;
}

#content .doublecol .col2 {
	/* 50% width + 5% outer margin + (2 x 2% inner margin) */
	left: 61%;
}

.presskit .copy-box img {
	display: block;
	margin: 0 0 10px;
}

.legal {
	font-size: 11px;
	line-height: 13px;
}

.legal div {
	margin: 0 0 2em;
}

.legal div strong.item {
	display: block;
	margin: 0 0 0.5em;
}

#usage {
	margin: 30px 0;
}

#usage div.usage-box {
	padding: 0 0 25px 55px;
}

#usage span {
	line-height: 1.1;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
}

#usage span.usage-type {
	font-size: 14px;
	color: #e2faa8;
}

#usage span.usage-amt {
	font-size: 22px;
}

#usage span.usage-amt-total {
	line-height: 1;
	font-size: 42px;
}

#usage-machine {
	margin: 0 5px;
	border-style: none;
	color: #222;
	width: 200px;
	background: transparent url(/img/common/bg-input-text-200.gif) no-repeat;
	padding: 3px 2px;
	font: 13px arial,sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;			
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#settings-machine .form-row div {
	float: left;
	padding: 0 0 10px;
}

#settings-machine input[type=text] {
}

#settings-machine input[type=checkbox] {
	margin: 3px 0;
}

#faq #faq-toc {
	margin: 0 0 30px;
	font-size: 13px;
	font-weight: bold;
}

#faq #faq-toc a {
	display: block;
	color: #c6c6c6;
	text-transform: uppercase;
}

#faq #faq-qa .label {
	color: #def6a4;
	text-transform: uppercase;
	font-weight: bold;
}

#faq #faq-qa .faq-qa-section {
	margin: 0 0 30px;
}

#faq #faq-qa .faq-qa-section-qa {
	margin: 0 0 15px;
}

#faq #faq-qa .qa {
	margin: 0 0 6px;
}

#faq #faq-qa a.top {
	
}


/* FOOTER ********************************************************************/

#footer {
	background: #3f3f3f url(/img/common/bg-footer.gif) repeat-x;
	padding: 7px 0;
	position: relative;
	overflow: auto;
	width: 100%;
}

.ie6 #footer {
	background-image: none;
}

#footer ul {
	top: 7px;
	padding: 0;
	margin: 0;
}

#footer ul.left {
	float: left;
	left: 0;
}

#footer ul.right {
	float: right;
	right: 0;
}

#footer ul li {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer ul.left li {
	margin: 0 0 0 25px;
}

#footer ul.right li {
	margin: 0 25px 0 0;
}

#footer ul li a {
	font: 700 10px TAXIGrotesk Bold,arial,sans-serif;
	text-transform: uppercase;
	color: #878787;
}

#footer ul li a:hover {
	color: #fff;
	text-decoration: none;
}


/* RSS ***********************************************************************/

#rss-list .item {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#rss-list .item .label {
	color: #e8f8c2;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#rss-list a.article {
	color: #fff;
}