/**************************************************************************************************
*
* 	Name:			Global CSS
* 	Author:			Paul Cowtan
* 	Date Created:	07th October 2010
* 	Date Modified:	13th April 2011
*	Copyright:		Appius (www.appius.com)
*
*	Contents:
*	01. Reset browser defaults
* 	02. Layout
* 	03. Headings
*	04. Typography
* 	05. Navigation
* 	06. Links
*   07. Lists
* 	08. Images
* 	09. Forms
* 	10. Misc
*
**************************************************************************************************/
 
/**************************************************************************************************
*	01. Reset browser defaults (http://meyerweb.com/eric/tools/css/reset/)
**************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
	overflow-y: scroll;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**************************************************************************************************
*	02. Layout
**************************************************************************************************/

@font-face {
	font-family: 'NJFontBold';
	src: url('fonts/njfont-bold_0-webfont.eot');
	src: local('?'), url('fonts/njfont-bold_0-webfont.woff') format('woff'), url('fonts/njfont-bold_0-webfont.ttf') format('truetype'), url('fonts/njfont-bold_0-webfont.svg#webfont0a16z4O2') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font: 0.7em/1.2em  Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #c40009;
}

.fullClear {
	float: left;
	clear: both;
	width: 100%;
}

/* Hides the skip to links on browsers but not screen readers */
#skip-to-content, #skip-to-footer {
	position: absolute;
	top: -3333px;
	left: -3333px;
}

div#wrapper {
	width: 750px;
	margin: 0 auto;
}

div#header {
	border-bottom: 2px solid #c40009;
	background: #fff;
	height: 120px;
}

div#header .left {
	display: inline;
	margin: 19px 0 0 20px;
	width: 625px;
}

div#header .right {
	margin: 15px 20px 0 0;
	width: 85px;
}

div#breadcrumb {
	border-bottom: 1px dashed #c40009;
	background: #fff;
	padding: 10px 20px;
	height: 13px;
	width: 710px;
	color: #333399;
}

div#content {
	background: #fff;
	padding: 20px;
	width: 710px
}

div#content .primary {
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	width: 270px;
}

div#content .secondary {
	float: right;
	display: inline;
	width: 420px;
}

div#content .secondary .dropzone {
	float: right;
}

div#footer {
	border-top: 2px solid #c40009;
	background: #fff;
}

div#footer .left {
	margin: 25px 0 0 20px;
	color: #00248c;
}

div#footer .right {
	margin: 10px 20px 10px 0;
}

div#footerBar {
	background: #4ca9aa;
	padding: 4px 0;
}

div#footerBar .left {
	margin: 0 0 0 20px;
}

div#footerLinks {
	background: #c40009;
	padding: 5px 0 0 0;
	height: 65px;
	text-align: right;
}

div#content div.newsItem {
	border-bottom: 1px solid #c40009;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

div#content div.newsItem .left {
	width: 130px;
}

div#content div.newsItem .right {
	margin: 0 0 0 20px;
	width: 560px;
}

div#content div#projectsContainer {
	margin: 0 -20px 0 0;
	width: 440px;
}

div#content div#projectsContainer br {
	clear: both;
}

div#content div.projectItem {
	float: left;
	margin: 0 20px 10px 0;
	width: 126px;
}

div#content div.projectArtist div.projectItem {
	width: 200px;
}

div.endItem {
	margin-right: 0 !important;
}

div#content div#contactForm {
	float: right;
	margin: 0 20px 0 0;
	width: 306px;
}

/* Hompage slideshow */
.slideshow_wrap {
	float: right;
	width: 400px;
}

.slideshow_wrap p {
	margin: 5px 0 0 0;
	width: 400px;
	color: #00248c;
	font: 0.9em Tahoma, Arial, Helvetica, sans-serif;
}

/**************************************************************************************************
*	03. Headings
**************************************************************************************************/

h1 {
	margin: 0 0 0.5em 0;
	color: #c40009;
	font: 1.6em/1.2em NJFontBold, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h2 {	
	margin: 0.75em 0 0.5em 0;
	color: #c40009;
	font: 1.6em/1.1em NJFontBold, Arial, Helvetica, sans-serif;
}

h1 span {
	text-transform: capitalize;
}

/**************************************************************************************************
*	04. Typography
**************************************************************************************************/

p {
	margin-bottom: 1em;
}

p.heading {
	color: #c40009;
	font-weight: bold;
}

p.blue {
	color: #00248c;
}

p.blue span {
	color: #000;
}

/**************************************************************************************************
*	05. Navigation
**************************************************************************************************/

div#navigation ul.ekflexmenu_submenu_items li {
	float: left;
	padding: 0 10px;
	text-transform: uppercase;
}

div#navigation ul.ekflexmenu_submenu_items li a {
	font: bold 1.3em NJFontBold, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

div#navigation ul.ekflexmenu_submenu_items li a:hover {
	color: #293487;
}

div#navigation ul.ekflexmenu_submenu_items li ul.ekflexmenu_submenu_items_hidden {
	display: none;
}

div#navigation ul.ekflexmenu_submenu_items li ul li {
	padding: 10px 0 0 0;
	margin: 0 -21px 0 0;
}

div#navigation ul.ekflexmenu_submenu_items li ul li a {
	color: #eb6476;
}

ul#projectNav {
	border-bottom: 1px solid #c40009;
	margin: 0 20px 30px 0;
	width: 420px;
}

ul#projectNav li {
	float: left;
	padding: 0 25px 0 0;
}

ul#projectNav li a {
	float: left;
	margin: 0 0 -1px 0;
	padding: 5px 10px;
	font: 1.2em NJFontBold, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

ul#projectNav li.selected a,
ul#projectNav li a:hover {
	padding: 4px 9px;
	border-top: 1px solid #c40009;
	border-right: 1px solid #c40009;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #c40009;
}

/**************************************************************************************************
*	06. Links
**************************************************************************************************/

a:link, a:visited, a:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #c40009;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.rightArrowLink {
	background: transparent url("/images/red_right_arrow.gif") no-repeat right center;
	padding: 0 20px 0 0;
	font: bold 1.2em NJFontBold, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

a.downArrow {
	background: transparent url("/images/red_down_arrow.gif") no-repeat right center;
}

a.pdf {
	background: transparent url("/images/pdf_icon.gif") no-repeat right center;
	padding: 2px 25px 2px 0;
}

div#footer a.left {
	color: #00248c;
	font: 1.2em NJFontBold, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

div#footerBar a {
	background: transparent url("/images/white_left_arrow.gif") no-repeat left 2px;
	padding: 0 0 0 20px;
	color: #fff;
	font: 1.2em NJFontBold, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

div#footerLinks a {
	padding: 0 10px 0 0;
	color: #fff;
}

div.newsItem p.heading a {
	text-transform: uppercase;
}

div#content div.projectItem a {
	font-weight: bold;
}

/**************************************************************************************************
*	07. Lists
**************************************************************************************************/

ul.bullets {
    list-style-type: disc;
    margin: 0 0 1em 2em;
}

/**************************************************************************************************
*	08. Images
**************************************************************************************************/

img.left {
	margin: 0 10px 10px 0;
}

img.right {
	margin: 0 0 10px 10px;
}

img.outdented {
	margin: 0 -20px 0 0;
}

div#content div.projectItem img {
	margin: 0 0 2px 0;
}

div#content div.projectArtist img {
	margin: 0 0 1em 0;
}

/**************************************************************************************************
*	09. Forms
**************************************************************************************************/

div#contactForm input,
div#contactForm textarea {
	border: 1px solid #00248c;
	float: left;
	padding: 3px;
	width: 294px;
	color: #666;
}

div#contactForm label {
	color: #00248c;
	font: 0.9em Tahoma, Arial, Helvetica, sans-serif;
}

div#contactForm input.checkBox {
	border: 0;
	width: auto;
}

div#contactForm input.submitButton {
	background: none;
	border: 1px solid #c40009;
	margin: 10px 0 0 0;
	padding: 2px 7px;
	width: auto;
	color: #c40009;
	font-family: NJFontBold, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
}

/**************************************************************************************************
*	10. Misc
**************************************************************************************************/

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

hr {
	border : none;
	border-top : dashed 1px #c40009;
	color : #fff;
	background : #fff;
	height : 1px;
	margin: 0 0 10px 0;
}

/* THE END */