/** COLOURS **/
.light-yellow		{ color:#FFF87C; }
.yellow				{ color:#FFF200; }
.dark-yellow		{ color:#F0D105; }
.light-grey			{ color:#636776; }
.grey				{ color:#343740; }
.dark-grey			{ color:#15171F; }



/** GENERAL **/
html			{ height:100%; }
body			{ width:100%; margin:0px; font-family:'Open Sans', sans-serif; font-size:12px; }
h1, h2, h3		{ margin:0px; padding:0px; font-weight:normal; }
a				{ text-decoration:none; cursor:pointer; }
img				{ border:none; }
.btn			{ text-transform:uppercase; }

html			{ background:#15171F; }
body			{ color:#343740; background-color:#FFFFFF; }
a				{ color:#343740; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; transition:background .3s ease; -webkit-transition:color .3s ease; -moz-transition:color .3s ease; transition:color .3s ease; }
a:hover			{ color:#343740; }
.btn,
a.btn			{ background-color:#343740; color:#FFF200; border:2px solid #343740; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; }
.btn:hover,
a.btn:hover		{ background-color:#15171F; color:#FFFFFF; border:2px solid #343740; }
hr				{ border-top:none; border-bottom:1px dotted #CCCCCC; }



/** WIDTHS **/
.full-width				{ width:100%; clear:both; }
.margin-width			{ width:100%; max-width:999px; margin:0px auto; }
.padding-width			{ padding:0px 10px; }
.l-article.max-width	{ width:94%; max-width:960px; padding:0px 3%; }
.stretch				{ width:100%; display:inline-block; font-size:0; line-height:0; }



/** FORM ERRORS **/
.form .form-error-summary 		{ padding:20px; margin:0px 0px 10px 0px; }

.form .form-error-summary 		{ background:#343740; color:#FFFFFF; border:none; }
.form .form-error-summary h4	{ color:#FFF200; }



/** BLOCKQUOTES **/
blockquote			{ padding:20px; margin:0px 0px 0px 0px; }

blockquote			{ border:10px solid #F9F9F9; background:#343740 url(icons/quote-white.png) no-repeat 0% 0%; color:#FFFFFF; }
blockquote .title	{ color:#FFF200 !important; }