/* ------------------------------- MAIN STYLES ---------------------------- */
	
	* {
		font-family: tahoma;
	}

	
	p { margin: 0px; padding: 0px; }

	#container { /* contins the whole thing. */
		position: relative; /* to position the logo, mainHeader, mainNav, and footer */
		width: 950px; 
		height: 740px;
		margin-left: auto;
		margin-right: auto;
		border: 2px solid #222222;
		background-image: url(../images/smoke-950x750.jpg);
	}
	#logo {
		position: absolute;
		top: 25px; left: 15px;
		width: 353px; height: 104px;
		background-image: url(../images/logo-trans3.gif);
		z-index: 100;
		
	}
	#pageTitle {
		position: absolute;
		top: 70px; right: 44px;
		color: white;
		font-size: 28px;
	}


	/* ---------------------- MAIN NAV BAR ------------------- */
	#mainNavC {
		position: absolute;
		top: 130px; left: 0px;
		width: 950px; height: 30px;
		background-image: url(../images/mainnavbg-black5.jpg);
		background-repeat: no-repeat;
		z-index: 100;
	}
	#mainNav {
		margin: 0px 16px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 30px;
		float: right; /* float the whole list to the right of the 950-wide container. */
		list-style-type: none;
	}
	#mainNav li {
		float: left;
		margin-left: 6px;
		margin-right: 6px;
	}
	
	#nav_home { 
		background-image: url("../images/mainNav/home.jpg"); 
		background-repeat: no-repeat;
		width: 75px; height: 30px;
	}
	#nav_services { 
		background-image: url("../images/mainNav/services.jpg"); 
		background-repeat: no-repeat;
		width: 120px; height: 30px;
	}
	#nav_features { 
		background-image: url("../images/mainNav/features.jpg"); 
		background-repeat: no-repeat;
		width: 120px; height: 30px;
	}
	#nav_portfolio { 
		background-image: url("../images/mainNav/portfolio.jpg"); 
		background-repeat: no-repeat;
		width: 133px; height: 30px;
	}
	#nav_contact { 
		background-image: url("../images/mainNav/contact.jpg"); 
		background-repeat: no-repeat;
		width: 114px; height: 30px;
	}

	/*
	#mainNav li {
		float: left;
		padding-left: 10px;
		padding-right: 10px;
		font-family: trebuchet MS;
		font-size: 18px;
		color: #FADAA4;
		text-align: center;
		width: 75px;
		height: 30px;
	}	
	*/

	/* ---------------------- MISC ---------------------- */

	#contextArea {
		position: absolute;
		top: 160px; left: 0px;
		/*background-image: url(../images/smoke-950x580-3.jpg);*/
		background-repeat: no-repeat;
		width: 950px;
		height: 580px;
		clear: both;
	}

	#subNav {
		position: absolute;
		width: 200px;
		height: 530px;
		top: 25px; left: 25px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #222;
	}
	.mtile { /* Used as a mouseover effect for subnav */
		margin-right: 10px;
		display: none;
		/* These are good for using JS to move a single one of these...
		position: absolute;
		width: 16px; height: 16px;
		top: 35px; left: 230px;
		background-image: url(../images/mtile-sm.gif);
		display: none;
		*/
	}

	#subNavBg {
		position: absolute;
		width: 200px;
		height: 530px;
		top: 25px; left: 25px;
		
		background-image: url(../images/black65-trans.png);
		background-repeat: no-repeat;
	}

	#divider {
		background-color: #FDEE00;
		margin-left: 10px;
		margin-right: 10px;
		width: 1px;
		height: 580px;
		float: left;
	}

	#mainContent {
		position: absolute;
		padding: 10px 10px 10px 10px;
		
		width: 660px;
		height: 550px;

		/*
		width: 625px;
		height: 530px;
		*/

		width: 675px;
		height: 530px;

		top: 25px; left: 250px;
		overflow: auto;
	}
	* html #mainContent {
		text-align: left;
	}

	.stdLink {
		color: #5992BF;
	}

	#frmLogin {
		margin: 0px 0px 0px 28px;
		padding: 0px 0px 0px 0px;
		float: left;
	}
	
	#frmLogin label {
		margin: 4px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 20px; 
		color: white; 
		font-size: 12px;
	}

	#frmLogin input {
		margin: 2px 0px 0px 2px;
		padding: 0px 0px 0px 3px; 
		height: 18px; 
		width: 60px; 
		font-size: 12px; 
		background: transparent url(../images/loginBG1.gif) no-repeat 0 0; border: 0;
	}

	/* ------------------------- FOOTER ------------------------- */

	#footer {
		position: absolute;
		clear: both;
		bottom: -45px; right: 0px;
		width: 950px; height: 36px;
		padding-bottom: 5px;
	}
	* html #footer { bottom: -60px; right: 0px; }

	#copyright {
		padding-top: 40px;
		text-align: center;
		font-family: sans-serif;
		font-size: 12px;
		color: #CCC;
	}
	* html #copyright { padding-top: 5px; }


	#footerTextArea {
		position: absolute; top: 0px; left: 150px;
		width: 650px;
	}

	#footerLinks {
		width: 650px;
		text-align: center;
		float: right;
		margin-top: 5px;
		color: #5992BF; font-size: 11px;
	}

	.footerLink:link { font-size: 11px; color: #5992BF; }
	.footerLink:visited { font-size: 11px; color: #5992BF; }
	.footerLink:hover { font-size: 11px; color: red; }
	.footerLink:active { font-size: 11px; color: yellow; }
	
	#validationArea {
		width: 225px;

		position: absolute;
		top: 5px; right: 0px;	
		/*
		float: right;
		margin-top: -50px;
		*/
	}	

	#validation a, #validation img {
		border: 0px;
	}

	#xhtmlButton {
		float: right;
		background-image: url(../images/xhtmlButton.gif); /* XHTML-W3C.png */
		width: 88px; height: 31px;
	}
	#cssButton {
		float: right;
		background-image: url(../images/cssButton.gif); /* CSS-W3CColored.png */
		width: 88px; height: 31px;
	}

	.clearMe { clear: both; }