

/* CONTAINERS */


	.outerContainer {
		margin: auto auto;
		width: 950px;
	}


	.navBar {
		float: right;
		width: 410px;
		z-index: 1;
		height: 100px;
		position:relative;
		bottom:-15px;

		background-color: #333;
		color:#CCC;
		font-size:15px;
		font-weight:bold;

		/* Do rounding (native in Firefox, Chrome and Safari) */
		-moz-border-radius-topright:	16px;
		-webkit-border-top-right-radius:16px;
			/*  Need to know if topright is put before or after radius. Wait for broad support.
			border-radius:			16px;  */
	}


	.navButtons {
		padding: 30px 15px 0px 0px;
		float:right;
	}


	.thinGreyBorder {
		background-color: #AAA;
		padding: 2px;
		position:relative;
		z-index: 2;
		clear:right;

		/* Do rounding (native in Firefox, Chrome and Safari) */
		-moz-border-radius:	16px;
		-webkit-border-radius:	16px;
		border-radius:		16px;
	}


	.outerMainPage {
		background-color: #555;
		padding: 15px;

		/* Do rounding (native in Firefox, Chrome and Safari) */
		-moz-border-radius:	16px;
		-webkit-border-radius:	16px;
		border-radius:		16px;
	}


	.innerMainPage {
		color:white;
		background-color:#CCC;

		padding: 15px;

		/* Do rounding (native in Firefox, Chrome and Safari) */
		-moz-border-radius:	8px;
		-webkit-border-radius:	8px;
		border-radius:		8px;
	}
	
	
	.textBoxSqueezer {
		margin: auto 80px auto 80px;
	/*
		border-width: 2px;
		border-style:solid;
		border-color:red;
	*/
	}


	/* Used on the Services page */
	.skillsTextBox {
		width:610px;
		height:100px;
		margin-bottom:20px;
	/*
		border-width: 1px;
		border-style:solid;
		border-color:black;
	*/
	}


	/* Used on the Services page */
	.textBlurb {
		padding-top:0px;
	}


	#trainingBox {
		width:470px;
		margin-top:45px;
		padding: 10px;
		font-size:medium;
		line-height: 150%;
		/* This is to prevent the iPhone from resizing text outside of their boxes */
		-webkit-text-size-adjust: none;
		color:white;		
		background-image:url('images/transparencies/black70.png');
		
/* Wait until there's widespread support for full opacities within translucent opacities
		background-color:#333;
		opacity: .55;
		filter: alpha(opacity=55);
*/
		/* Do rounding (native in Firefox, Chrome and Safari) */
		-moz-border-radius:	8px;
		-webkit-border-radius:	8px;
		border-radius:		8px;
	}

	#innerTrainingBox {
		opacity: 1;
		filter: alpha(opacity=100);
	}


	img {border: 0;}
	
	
	body{
		height: 100%;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: small;
		
		/* color:#333;  */
		background-color: #1E3C50;
	}



/* TEXT STYLES */

	a:link, a.navLink:link		{color:#DDD;	text-decoration:none;}		/* unvisited link */
	a:visited, a.navLink:visited	{color:#CCC;	text-decoration:none;}		/* visited link */
	a:hover, a.navLink:hover	{color:#white;	text-decoration:underline;}	/* mouse over link */
	a:active, a.navLink:active	{color:#white;	text-decoration:underline;}	/* selected link */

	a.skillsLink:link	{color:white;	text-decoration:none;}		/* unvisited link */
	a.skillsLink:visited	{color:white;	text-decoration:none;}		/* visited link */
	a.skillsLink:hover	{color:#DDD;	text-decoration:underline;}	/* mouse over link */
	a.skillsLink:active	{color:#DDD;	text-decoration:underline;}	/* selected link */
	
	a.disclaimer:link	{color:#444;	text-decoration:none;}		/* unvisited link */
	a.disclaimer:visited	{color:#444;	text-decoration:none;}		/* visited link */
	a.disclaimer:hover	{color:#EEE;	text-decoration:underline;}	/* mouse over link */
	a.disclaimer:active	{color:#EEE;	text-decoration:underline;}	/* selected link */

	.disclaimer {
		text-align:center;
		font-size:small;
	}
	
	.subHeader {
		font-size:large;
		display:inline-block;
		margin-right:35px;
	}

	h3 {
		font-size:16px;
		font-weight:bold;
		margin-top:0px;
		display:inline;
	}
	
	

/* FONT FACES:  Generated by Font Squirrel (http://www.fontsquirrel.com). Go there. It's a lifesaver and a helluva lot better than the crusty WEFT tool */



		@font-face {
			font-family: 'BellGothicStdBlack';
			src: url('fonts/BellGothicStd-Black.eot');
			src: local('Bell Gothic Std'), local('BellGothicStd-Black'), url('fonts/BellGothicStd-Black.otf') format('opentype');
		}

		@font-face {
			font-family: 'BellGothicStdBold';
			src: url('fonts/BellGothicStd-Bold.eot');
			src: local('Bell Gothic Std'), local('BellGothicStd-Bold'), url('fonts/BellGothicStd-Bold.otf') format('opentype');
		}
	h1 { font-family: "BellGothicStdBold", sans-serif}


		@font-face {
			font-family: 'MuseoSans500';
			src: url('fonts/MuseoSans_500.eot');
			src: local('Museo Sans'), local('MuseoSans-500'), url('fonts/MuseoSans_500.otf') format('opentype');
		}
	h2 { font-family: "MuseoSans500", sans-serif}


		@font-face {
			font-family: 'DeliciousHeavy';
			src: url('fonts/Delicious-Heavy.eot');
			src: local('Delicious'), local('Delicious-Heavy'), url('fonts/Delicious-Heavy.otf') format('opentype');
		}
	h3 { font-family: "DeliciousHeavy", sans-serif; font-size:18px;}



/* AND OTHER BITS OF THINGS */

	<meta name="viewport" content="width = 950" />

