/*
*		    ________      .___   
*	__  _  _\_____  \   __| _/
*	\ \/ \/ / _(__  <  / __ |
*	 \     / /       \/ /_/ |
*	  \/\_/ /______  /\____ |
*	               \/      \/
*
*	@author			Jacques Baars <j@w3d.co.za>
*
*	@notice			This is the property of W3Designs, W3Development, W3D,
*					it is illegal to use this source code without the required permission,
*					contact j@w3d.co.za for further advice or permissions.
*
*	@license		Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za)
*/

/* ------------- CORE:ROOT ------------- */

:root{
	--color: #444;
	--color2: #fff;
	
	--bgColor: #000082;
	--bgColor2: #000070;
	--bgColor3: #EEEEF2;
	--bgColor4: #E2E2EB;

	--linkColor: #000;
	--linkHoverColor: #000070;
	
	--btnColor: #fff;
	--btnBgColor: #000082;
	--btnHoverColor: #fff;
	--btnBgHoverColor: #000070;
	
	--dialogBgColor: #000082;
	--dialogBgColor2: #000070;
	--dialogHeadingColor: #fff;
}

/* ------------- DOCUMENT ------------- */

/* Body */
body{
	background-color: var(--bgColor4);
	font-family: Montserrat, Arial, sans-serif;
}

/* Headings */
h1, h2, h3{
	font-weight: 900;
	font-family: Montserrat, Arial, sans-serif;
}

/* Body */
#body{}

	/* Content */
	#content{}

		/* Spread */
		#content .spread{}
		
			/* Title */
			#content .spread > .title{}
		
			/* Data */
			#content .spread > .data{}