	
	
	/* Typography */	
	
	a {
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
		color:#333;
		background-color:transparent;
	}
	
	a:focus {
		color:#333;
	}
	
	a.email {
		text-decoration: none;
		color:#09F;
	}

	a.email:hover {
		text-decoration: underline;
		color:#FFDF00;
		/* opacity:0.5; */
	}
	
	a.email:focus {
		color:#09F;
	}
	
	
	a.highlight:hover { /* Use thus to call for a specific action; in this case a hover on links with a class 'highlight' */
		opacity:0.7;
	}
	
	a.imgHighlight:hover { /* Use thus to call for a specific action; in this case a hover on links with a class 'highlight' */
		opacity:0.7;
	}
	
	
	.navbar-default {
		font-family: ubuntu, sans-serif;
		background: rgb(255, 255, 255);  /*fallback background colour */
		background: rgba(255, 255, 255, 0.97); /* transparent background colour */
		border-bottom-color:#f2f2f2;
		border-style: solid;
    	border-bottom-width: 1px;		
	/*  background-color:#000000;
		background-color:transparent; */
	}
	
	.navbar-default .navbar-nav>.active>a {
		font-size:1em;
		color:#ffffff;
	/*	color:#FFDF00; */
		background-color:#C0C0C0;
		border-radius: 5px;
		text-decoration:none;
		margin-top: 1.5em;
		margin-bottom: 0;
		margin-left: 0.5em;
		margin-right: 0;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.7em;
		padding-right: 0.7em;				
	}
	
	.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		font-size:1em;
		color:#ffffff;
	/*	color:#FFDF00; */
		background-color:#C0C0C0;
		border-radius: 5px;
		text-decoration:none;
		margin-top: 1.5em;
		margin-bottom: 0;
		margin-left: 0.5em;
		margin-right: 0;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.7em;
		padding-right: 0.7em;
	}
		
	.navbar-default .navbar-nav>li>a {
		font-size:1em;
		color:#343434;
		margin-top: 1.5em;
		margin-bottom: 0;
		margin-left: 0.5em;
		margin-right: 0.5em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.7em;
		padding-right: 0.7em;
	}
	
	.navbar-default .navbar-nav>li>a:hover {
		font-size:1em;
		color:#C0C0C0;
		text-decoration: underline;
		margin-top: 1.5em;
		margin-bottom: 0;
		margin-left: 0.5em;
		margin-right: 0.5em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.7em;
		padding-right: 0.7em;
	}
	
	.navbar-header {
		margin-top: 0;
		margin-bottom: 0.5em;
		margin-left: 2.5em;
		padding-top: 1.1em;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		color: #FFDF00; /* font colour */

	}	

	strong, b {
		font-weight: 700;
		font-style: bold;
		color:#343434
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0;
		padding: 0;
	}
				
	br {
		margin: 0;
		padding: 0;
		line-height: 0;
	}
	
	#p01 {
    color: #C5B358;
}

	
	h1 {
		font-family: ubuntu-condensed, sans-serif;
		font-weight: 500;
  		font-style: medium;
		font-size: 2.375em;
		line-height: 1.5em;
		letter-spacing: 0.02em;
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
		text-transform: none;
		text-align: none;

	}
	
	h2 {
		font-family: ubuntu-condensed, sans-serif;
		font-weight: 500;
  		font-style: medium;
		font-size: 2em;
		line-height: 1em;
		letter-spacing: 0.02em;
		text-transform: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0.7em;
		padding-right: 0.7em;
		margin-top: 0;
		margin-bottom: 0;
		text-align: none;

	}

	h3 {
		font-family: ubuntu-condensed, sans-serif;
		font-size: 1.4em;
		font-weight: 400;
  		font-style: regular;
		line-height: 1.5em;
		letter-spacing: 0.02em;
		text-transform: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0.8em;
		padding-right: 0.7em;
		margin-top: 0;
		margin-bottom: 0;
		text-align: none;

	}

	h4 {
		font-family: ubuntu-condensed, sans-serif;
		font-size: 1em;
		line-height: 1.5em;
		letter-spacing: 0.02em;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0.7em;
		padding-right: 0.7em;
		margin-top: 0;
		margin-bottom: 0;
		text-align: none;
	}

	h5 {
		font-family: ubuntu, sans-serif;
		font-size: 0.85em;
		letter-spacing: 0.02em;
		line-height: 1.5em;
		padding-top: 0;
		padding-left: 1.375em;
		padding-right: 1.5em;
		padding-bottom: 0.5em;
		margin-top: 0;
		margin-bottom: 0;
		text-align: none;
	}

	h6 {
		font-family: ubuntu-condensed, sans-serif;
		font-size: 0.6875em;
		line-height: 1.5em;
		padding-top: 0;
		padding-left: 1.2em;
		padding-right: 0.7em;
		padding-bottom: 0.5em;
		margin-top: 0;
		margin-bottom: 0;
		text-align: none;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: solid 4px;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		border-radius: 0;
		border: solid 1px;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px;
		margin: 2em 0;
	}

	input, select, textarea {
		color: #555;
	}
	blockquote {
		border-left-color: #e3e3e3;
	}
	
	/* Jombotron */

	.jumbotron {	
		background-color: #2e3838;
		align: top;
		text-align:center;
		color:#FFF;
		margin-top:3em; 
		margin-bottom:0;
		padding-top:2em; 
		padding-bottom:2em;
		padding-left:0; 
		padding-right:0;	
	}
	
	.well {
		align: top;
		border-top-radius:0;
		border-bottom-left-radius:12px;
		border-bottom-right-radius:12px;
		padding-top:0; 
		padding-left:0; 
		padding-right:0; 
		padding-bottom:0.7em; 
		background-color:#FFF;
		border-color:#F7F7F7;
		opacity:1;
	}
	
	.container {
		padding-top: 8em;
	}
	
	.col-sm-4 {
		padding:0.4em;
	}
	
	img {
		margin-bottom: 0.8em;
		padding-bottom: 0;
		border-radius: 0px;
		opacity:1;

	}

	/* img:hover {
		opacity:0.5;
		
	}*/
	
	.footer {
		background-color:#666;
		margin-bottom: 0em;
	}


	#footerImage { /* Use thus to control the attributes of something; in this case images with ID 'footerimage' */
		margin-top:0;
		margin-right:0.7em;
		margin-bottom:1.2em;
		padding-right:0;
		height: 33px;
		width:33px;
		max-width:33px;
		max-height:33px;
	}
	
	#social { /* Use thus to control the attributes of something; in this case images with ID 'social' */
		margin-top:0;
		margin-right:0;
		margin-left:1em;
		margin-bottom:0;
		height:18px;
		width:18px;
		max-width:44px;
		max-height:44px;
		opacity:0.7;
	}
	
	#socialTwo { /* Use thus to control the attributes of something; in this case images with ID 'social' */
		margin-top:0;
		margin-right:0;
		margin-left:1em;
		margin-bottom:0;
		height:22px;
		width:22px;
		max-width:22px;
		max-height:22px;
		opacity:0.7;
	}
	
	.modal-title {
		margin-left:0.5em;
		padding-left:0;
	}
	
	
