/* 
MXS.ca - Under Construction
Nov. 17th, 2011
info@mxs.ca
*/

.MuseoSans-500 { 
	font-family: MuseoSans-500;
	font-weight: normal;
	font-style: normal;
}
.MuseoSlab-1000 { 
	font-family: MuseoSlab-1000;
	font-weight: normal;
	font-style: normal;
}
.MuseoSlab-500 { 
	font-family: MuseoSlab-500;
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0;
	padding: 0;
	background: #1b1b1b;
	color: #636363;
	font-family: MuseoSans-500;
	text-align: centre;
}

/* Links & Headings */

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

a.twitterLink:link, a.twitterLink:visited {
	color: #64c8e7;
}

a:hover {
	color: #bf4402;
}

a.twitterLink:hover {
	color: #1f9ec6;
}

h2, h3, h4, h5, h6 {
	font-family: MuseoSlab-1000;
	margin: 0;
	padding: 0 0 17px 0;
	font-size: 36px;
}

h2, h3 { 
	padding-bottom: 39px;
	color: #ee7001;
}

h3 {
	font-size: 24px;
	line-height: 28px;
}

h4, h6 {
	font-family: MuseoSlab-500;
	padding-bottom: 17px;
	text-transform: uppercase;
	line-height: 26px;
}

h5 {
	font-size: 72px;
	padding-bottom: 5px;
	color: #ee7001;
	line-height: 72px;
	text-transform: uppercase;
}

h6 {
	font-size: 27px;
	line-height: 27px;
	border-bottom: 1px solid #ee7001;
}

p {
	margin: 0;
	padding: 0 0 39px 0;
}

#content h2, #content h3 {
	font-family: MuseoSlab-500;
}

.colRight h3 {
	margin-left: 39px;
	padding-bottom: 17px;
}

.colRight p {
	margin-left: 39px;
}

.colRight p {
	padding-bottom: 26px;
	font-size: 15px;
}

p.endingP, #content .colRight p.endingP { padding-bottom: 0; }


/* Generic containers */

.wrap {
	margin: 0 auto 0 auto;
	width: 980px;
	text-align: left;
	padding: 0;
}

.colLeft { 
	display: inline;
	float: left;
	margin-left: 39px;
	width: 639px;
}

.colRight {
	display: inline;
	float: right;
	margin-right: 39px;
	width: 220px;
	border-left: 1px solid #636363;
}

#content .colRight {
	margin-bottom: 39px;
}

.clear { clear: both; }

/* Header */

#header {
	background: #f2f1f0 url('/img/backgroundBlank.jpg') no-repeat top center;
	border-bottom: 3px solid #ee7001;
}

#branding {
	height: 231px;
}

#showcase {
	margin: 0;
	padding: 0 0 39px 0;
	background: url('/img/showcaseShadow.png') no-repeat bottom center;
}

#showcaseInner {
	margin: 0;
	padding: 39px 0 39px 0;
	background: #fff;
}

#showcaseInner .colLeft p {
	font-family: MuseoSlab-500;
	font-size: 18px;
	padding: 17px 0 0 0;
	line-height: 18px;
	text-transform: uppercase;
}

#content {
	padding: 39px 0 0 0;
}

#footer {
	border-top: 1px solid #343434;
	clear: both;
	background: #131313;
	color: #343434;
	padding: 39px 0 39px 0;
	font-size: 11px;
}

#footer p {
 margin: 0;
 padding: 0 0 0 39px;
}

/* Forms */

form .formField {
	clear: both;
}

form label, form .input {
	display: inline;
	float: left;
}

form label {
	color: #636363;
	width: 120px;
	padding: 5px 0 5px 0;
}

form .input, form textarea {
	width: 300px;
	padding: 5px;
	border: 1px solid #636363;
	background: #1b1b1b;
	color: #fff;
}

form textarea {
	height: 100px;
}

form span.submitbar {
	clear: both;
	display: block;
	padding: 17px 0 17px 0;
}

form p#submitTxt {
	color: #ff0000;
	font-size: 12px;
	padding: 0;
}

form .submitbtn {
	cursor: pointer;
}