/* ncm holding page MAIN style sheet; copyright ncm 2013 styles used here may be used for educational purposes only do not repurpose or republish without permission from the author*/

@charset "UTF-8";

/* to jump to a specific section search for the unique character pair at the front of each TOC section <<<tip, highlight & Find Selection >> */

/* ----- Style sheet TOC ----------------

	  ^0.1 // notes & tests
	  ^0.1 // notes colour quick guide
	  
      ^1 Global constants
	        ^1.1 @font-faces
	  ^2 CSS reset - SEE BOILERPLATE!
	  ^3 Global classes
	  ^4 Home page layout
	  ^5 Top-level layout
	  ^6 Region detail styles
		  ^6a Header
		  ^6b Navigation
		  ^6c Main Content
		  	^6d data tables
			^6e spotlight region
			^6f forms
		^6g Sidebar
		^6h Footer */


/* =============================================================================
   ^0.2 COLOUR GUIDE
   ========================================================================== */
   
/*
#3c6b92 		main blue
 */



/* =============================================================================
   ^1 global constants
   ========================================================================== */
html, body { margin: 0; padding: 0;}
div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd, address, blockquote { margin: 0; padding: 0;  }

body {font-family: Arial, Helvetica, sans-serif; font-size: 90%;
/*		background: #e1d8b9 url(../_images/page_background.jpg) repeat-x;*/

/*		background-color:rgba(38,86,186,1);*/
		background-color:#FFF;}

				
	/* =============================================================================
   ^1.1  @font-faces [ TTF / EOT / WOFF / TTF ]
   ========================================================================== */

@font-face { font-family: "bebas-neue"; src: url(../_fonts/bebas-neue/bebas-neue.ttf) format("truetype");}
@font-face {font-family: 'bebas-neue'; src: url('../_fonts/bebas-neue/bebas-neue.eot');
									src: local('☺'),	url('../_fonts/bebas-neue/bebas-neue.woff') format('woff'), 
														url('../_fonts/bebas-neue/bebas-neue.ttf') format('truetype');}*/

/* ---- BASE ---- */
img.floatIMG {float: left; padding-right: 0em; }

img.floatIMG2 {float: left; padding-right: 0em;  width:100%;
	  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);		    }
p { font-size: .9em; margin-bottom: 1em;}

/* ---- MEDIA ---- */
/* IE 6 does not support max-width so default to width 100% */
 .ie6 img {	width:100%;}
/*  video {max-width: 100%;}*/
 object, embed, {max-width: 100%;}

 /* targetted at gallery only/hold for orbits ss (bug) */
 /*  img {max-width: 100%;}  */
.gallery img {max-width: 100%;}  

/* ---- DT/DD ---- */
dt { margin: 0 0 .5em; font-size: .9em; color: #630; font-weight: bold;}
dd {margin: 0 0 1em; font-size: .9em; padding: 0;}

/* ---- GALLERY ---- */
#artwork h2 { font-size: 1em; color: #630; margin-bottom: .5em;}
.gallery {width: 45%; float: left; margin-left: 1%;}
.gallery img {display: block; margin-bottom: 1%;}
p.caption { font-style: italic; text-align: right;}

/* ---- ads (SKYSCRAPERS IN PAGE-CONTENT ---- */
#ads h2 { font-size: 1em; color: #630; margin-bottom: .5em;}
.ads {width: 24%; float: left; margin-left: 1%;}
.ads img {display: block; margin-bottom: 1%;}
p.caption { font-style: italic; text-align: right;}

/* ---- CALLOUT CLASSES ---- */
.callOut {	background: #e1d8b9;	padding: 0px;	margin-bottom: 5px;}
.callOut h1 {font-size: 1em; color: #193742; border-bottom: 0px solid #193742; margin-bottom: .2em; padding-bottom: .25em;}


/* =============================================================================
   	^10.0 MODULES
   ========================================================================== */

/* =============================================================================
   FOOTER REGION
   ========================================================================== */

/* --------------------------------------------------------------------------
| 
|
|	future reference use only
|
|
|--------------------------------------------------------------------------*/