/*
*	Main CSS formatting for template files.
*	@author David Tym <davidtym@greensprocket.com>
*	@copyright Copyright (c) 2010, Visual Odyssey Inc.
*   @date Thursday, January 28, 2010 11:22:05 AM
*/

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	min-width: 770px;
}

.clear {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	clear: both;
}


a:link, a:active, a:visited {
	color: #3f3f3f;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

hr {
	margin: 30px 0px 30px 0px;
}

li {
	margin-left: -25px;
	padding: 0;
}


/*
*	Ensure sup and sub do not disrupt line spacing.
*/

sup, sub {
	height: 0;
	line-height: 1em;
	vertical-align: baseline;	
	_vertical-align: bottom;
	position: relative;	
}

sup {	
	bottom: 1ex;
}

sub {	
	top: .5ex;
}

/*
*	Main Page Structure
*/

#container {
	margin: 25px auto 0px auto;
	width: 770px;
}

	#effect {
		display: none;
	}


#copy-content {
	position: absolute;
	width: 307px;
	height: 307px;
	padding: 20px;
	border: 16px solid #fff;
	background: #6d7174;
	margin-left: 70px;
	margin-top: 10px;
	overflow: hidden;
}

	#copy-purple-content {
		position: absolute;
		width: 307px;
		height: 307px;
		padding: 20px;
		border: 16px solid #fff;
		background: #8B6BAF;
		margin-left: 70px;
		margin-top: 10px;
		overflow: hidden;
	}

	#copy-orange-content {
		position: absolute;
		width: 307px;
		height: 307px;
		padding: 20px;
		border: 16px solid #fff;
		background: #F9821E;
		margin-left: 70px;
		margin-top: 10px;
		overflow: hidden;
	}

	#copy-plum-content {
		position: absolute;
		width: 307px;
		height: 307px;
		padding: 20px;
		border: 16px solid #fff;
		background: #B70073;
		margin-left: 70px;
		margin-top: 10px;
		overflow: hidden;
	}

	#copy-blue-content {
		position: absolute;
		width: 307px;
		height: 307px;
		padding: 20px;
		border: 16px solid #fff;
		background: #3563B0;
		margin-left: 70px;
		margin-top: 10px;
		overflow: hidden;
	}

		#content-big-title {
			font: normal normal bold 36pt/1.0em arial, helvetica, sans-serif;
			color: #fff;
			/* margin-bottom: 3px; */
			margin-top: -10px;
		}

		#content-medium-title {
			font: normal normal bold 18pt/1.3em arial, helvetica, sans-serif;
			color: #fff;
			margin-bottom: 0px;
			margin-top: 1px;
		}

		#content-big-body {
			font: normal normal normal 9pt/1.3em arial, helvetica, sans-serif;
			color: #fff;
			text-align: justify;
			margin-top: 10px;
		}

	#content td {
		height: 307px; 
		width: 347px;
	}


#file-content {
	position: absolute;
	width: 365px;
	height: 365px;
	margin-left: 75px;
	margin-top: 10px;
	text-align: center;	
} 

	#portfolio td {
		height: 365px; 
		width: 365px;
	}

		.photo-content {
			margin: 0px;
			padding: 0px;
			border: 16px solid #fff;
			background: #6d7174;
			line-height: 365px;
		}


/*
*	Left Frame
*/


#left-frame {
	float: left;
	width: 245px;
	height: 518px;
}

	#adcom-logo {
		width: 56px;
		height: 56px;
		background: #ff0000;
	}

	#adcom-logo img {
		border: 0px;
	}

	#menu {
		margin-top: 10px;
		width: 240px;
	}

		/* Level 1 Menu */
		.menu-lvl1 {

		}
			.menu-lvl1 a:link, .menu-lvl1 a:active, .menu-lvl1 a:visited {
				font: normal normal bold 7pt/1.8em arial, helvetica, sans-serif;
				color: #ff0000;
				display: block;
			}

			.menu-lvl1 a:hover {
				color: #000;
			}

			.menu-lvl1 .on a:link, .menu-lvl1 .on a:active, .menu-lvl1 .on a:visited, .menu-lvl1 .on a:hover {
				border-bottom: 1px solid #000;
				color: #000;
			}

			.menu-lvl1 .on-final a:link, .menu-lvl1 .on-final a:active, .menu-lvl1 .on-final a:visited, .menu-lvl1 .on-final a:hover {
				color: #ff0000;
			}

		/* Level 1 Menu -- Used for menu items with body text to the right. See #menu-text */
		.menu-lvl1-A {
			float: left;
			width: 75px;
		}
			.menu-lvl1-A a:link, .menu-lvl1-A a:active, .menu-lvl1-A a:visited {
				font: normal normal bold 7pt/1.8em arial, helvetica, sans-serif;
				color: #ff0000;
				display: block;
			}

			.menu-lvl1-A a:hover {
				color: #000;
			}

			.menu-lvl1-A .on a:link, .menu-lvl1-A .on a:active, .menu-lvl1-A .on a:visited, .menu-lvl1-A .on a:hover {
				color: #000;
			}

			.menu-lvl1-A .on-final a:link, .menu-lvl1-A .on-final a:active, .menu-lvl1-A .on-final a:visited, .menu-lvl1-A .on-final a:hover {
				color: #ff0000;
			}


		/* Level 2 Menu */
		.menu-lvl2 {
			border-left: 1px solid #000;
			margin-left: 10px;
			padding-left: 10px;
		}

			.menu-lvl2 a:link, .menu-lvl2 a:active, .menu-lvl2 a:visited {
				font: normal normal bold 7pt/1.8em 'arial black',arial, helvetica, sans-serif;
				color: #000;
				display: block;
			}

			.menu-lvl2 a:hover {
				color: #ff0000;
			}

			.menu-lvl2 .on a:link, .menu-lvl2 .on a:active, .menu-lvl2 .on a:visited, .menu-lvl2 .on a:hover {
				font-family: 'arial black', arial, helvetica, sans-serif;
				border-bottom: 1px solid #000;
				color: #ff0000;
			}

			.menu-lvl2 .on-final a:link, .menu-lvl2 .on-final a:active, .menu-lvl2 .on-final a:visited, .menu-lvl2 .on-final a:hover {
				font-family: 'arial black', arial, helvetica, sans-serif;
				color: #ff0000;
			}

		/* Level 3 Menu */
		.menu-lvl3 {
			border-left: 1px solid #000;
			margin-left: 10px;
			padding-left: 10px;
		}

			.menu-lvl3 a:link, .menu-lvl3 a:active, .menu-lvl3 a:visited {
				font: normal normal bold 7pt/1.8em 'arial black',arial, helvetica, sans-serif;
				color: #000;
				display: block;
			}

			.menu-lvl3 a:hover {
				color: #ff0000;
			}

			.menu-lvl3 .on a:link, .menu-lvl3 .on a:active, .menu-lvl3 .on a:visited, .menu-lvl3 .on a:hover {
				font-family: 'arial black', arial, helvetica, sans-serif;
				border-bottom: 1px solid #000;
				color: #ff0000;
			}

			.menu-lvl3 .on-final a:link, .menu-lvl3 .on-final a:active, .menu-lvl3 .on-final a:visited, .menu-lvl3 .on-final a:hover {
				font-family: 'arial black', arial, helvetica, sans-serif;
				color: #ff0000;
			}

		/* Level 4 Menu */
		.menu-lvl4 {
			border-left: 1px solid #000;
			margin-left: 10px;
			padding-left: 10px;
		}

			.menu-lvl4 a:link, .menu-lvl4 a:active, .menu-lvl4 a:visited {
				font: normal normal bold 7pt/1.8em 'arial black',arial, helvetica, sans-serif;
				color: #000;
				display: block;
			}

			.menu-lvl4 a:hover {
				color: #ff0000;
			}

			.menu-lvl4 .on a:link, .menu-lvl4 .on a:active, .menu-lvl4 .on a:visited, .menu-lvl4 .on a:hover {
				font-family: 'arial black', arial, helvetica, sans-serif;
				border-bottom: 0px;
				color: #ff0000;
			}

			.menu-lvl4 .on-final a:link, .menu-lvl4 .on-final a:active, .menu-lvl4 .on-final a:visited, .menu-lvl4 .on-final a:hover {
				font-family: 'arial black', arial, helvetica, sans-serif;
				color: #ff0000;
			}


			.thin a:link, .thin a:active, .thin a:visited, .thin a:hover {
				font-family: arial, helvetica, sans-serif;
			}

	#menu-text {
		float: right;
		width: 160px;
		font: normal normal bold 7.5pt/1.4em arial, helvetica, sans-serif;
		color: #000; 
	}

	#menu-text img {
		border: 0px;
	}

	/* Bottom Home Button */
	#button-home {
		position: absolute;
		top: 521px;
	}

		#button-home a:link, #button-home a:active, #button-home a:visited {
			background: #000;
			padding: 4px;
			font: normal normal bold 7pt/1.0em arial, helvetica, sans-serif;
			color: #fff;
		}

		#button-home a:hover {
			background: #ff0000;
			padding: 4px;
			font: normal normal bold 7pt/1.0em arial, helvetica, sans-serif;
			color: #fff;
		}


/*
*	Red Right Frame
*/

#red-right-frame {
	float: right;
	width: 518px;
	height: 518px;
	background: #ff0000;
}
/*
	#red-content {
		position: absolute;
		width: 307px;
		height: 307px;
		padding: 20px;
		border: 16px solid #fff;
		background: #6d7174;
		margin-left: 70px;
		margin-top: 70px;
		overflow: hidden;
	} */

		#content-title {
			font: normal normal bold 11pt/1.3em arial, helvetica, sans-serif;
			text-align: justify;
			color: #fff;
			margin-bottom: 10px;
		}

		#content-body {
			font: normal normal normal 9pt/1.3em arial, helvetica, sans-serif;
			color: #fff;
			text-align: justify
		}

	#red-right-frame #page-numbers {
		margin-left: 70px;
		margin-top: 395px;
		display: none;
	}

		#red-right-frame #page-numbers a:link, #red-right-frame #page-numbers a:active, #red-right-frame #page-numbers a:visited {
			font: normal normal bold 9pt/2.0em arial, helvetica, sans-serif;
			color: #fff;
			padding-left: 4px;
			padding-right: 4px;
		}

		#red-right-frame #page-numbers a:hover {
			color: #fff;
		}

			#red-right-frame #page-numbers .on {
				display: inline;
				border: 2px solid #000;
			}


/*
*	Black Right Frame
*/

#black-right-frame {
	float: right;
	width: 518px;
	height: 518px;
	background: #000;
}
/*
	#black-content {
		width: 307px;
		height: 307px;
		padding: 20px;
		border: 16px solid #fff;
		background: #6d7174;
		margin-left: 70px;
		margin-top: 10px;
		overflow: hidden;
	} */

	#frame-title {
		font: normal normal bold 9pt/1.5em arial, helvetica, sans-serif;
		color: #999;
		margin-left: 70px;
		margin-top: 42px;
		overflow: hidden;
		display: none;
	}

	#black-right-frame #page-numbers {
		margin-left: 70px;
		margin-top: 395px;
		display: none;
	}

		#black-right-frame #page-numbers a:link, #black-right-frame #page-numbers a:active, #black-right-frame #page-numbers a:visited {
			font: normal normal bold 9pt/2.0em arial, helvetica, sans-serif;
			color: #999;
			padding-left: 4px;
			padding-right: 4px;
		}

		#black-right-frame #page-numbers a:hover {
			color: #fff;
		}

			#black-right-frame #page-numbers .on {
				display: inline;
				border: 2px solid #ff0000;
			}


/*
*	White Right Frame (Blog)
*/

#white-right-frame {
	float: right;
	width: 518px;
}

	#blog-text {
		float: right;
		width: 135px;
		margin-top: -65px;
	}

	#blog-bar {
		width: 100%;
		background: #000;
		height: 25px;
	}

		#blog-title-red {
			float: left;
			width: 135px;
			height: 15px;
			padding: 5px;
			background: #ff0000;
			text-align: center;
			font: normal normal normal 12pt/1.0em arial, helvetica, sans-serif;
			color: #fff;
		}

		#blog-title-black {
			float: left;
			height: 25px;
			padding: 5px 5px 5px 15px;
			font: normal normal normal 11pt/1.0em arial, helvetica, sans-serif;
			color: #fff;
			vertical-align: middle;
		}

/*
*	(News)
*/

/*
#news-container {
	margin: 25px auto 0px auto;
	width: 880px;
}

#news-left-frame {
	float: left;
	width: 145px;
	height: 518px;
}

#news-white-right-frame {
	float: right;
	width: 670px;

}
*/

	#news-left {
		float: left;
		width: 285px;
		border-right: 1px solid #adabab;
		padding-right: 25px;
		margin-top: 20px;
	}

		.news-date {
			font: normal normal bold 10pt/1.4em arial, helvetica, sans-serif;
			color: #000;
		}

		.news-title {
			font: normal normal bold 13pt/1.4em arial, helvetica, sans-serif;
			color: #ff0000;
		}

		.news-body {
			font: normal normal normal 10pt/1.4em arial, helvetica, sans-serif;
		}

	#news-right {
		float: left;
		width: 180px;
		border-left: 1px solid #adabab;
		padding-left: 20px;
		margin-left: -1px;
		margin-top: 20px;
	}

		.news-list-title {
			font: normal normal normal 10pt/1.4em arial, helvetica, sans-serif;
			margin-bottom: 1em;
		}

		.news-list-date a:link, .news-list-date a:active, .news-list-date a:visited {
			font: normal normal bold 10pt/1.4em arial, helvetica, sans-serif;
			color: #ff0000;
		}

		.news-list-date a:focus, .news-list-date a:hover {
			color: #ff0000;
		}

/*
*	Foot
*/

#social-networking {
	margin-top: 10px;
	text-align: right;
	font: normal normal bold 8pt/1.0em arial, helvetica, sans-serif;
	color: #000;
}

	#social-networking img {
		vertical-align: middle;
		width: 24px;
		height: 24px;
		border: 0px;
	}


/*
*	Blog Articles
*/

.blog-entry {
	margin-top: 45px;
	margin-bottom: 30px;
	clear: both;
}

	.blog-title {
		float: left;
		width: 350px;
		font: normal normal bold 11pt/1.5em arial, helvetica, sans-serif;
		color: #ff0000;
	}

	.blog-title a:link, .blog-title a:active, .blog-title a:visited, .blog-title a:hover {
		color: #ff0000;
	}

	.blog-date {
		float: right;
		font: normal normal normal 10pt/1.5em arial, helvetica, sans-serif;
		color: #000;
		text-align: right;
	}

	.blog-body {
		clear: both;
		font: normal normal normal 10pt/1.3em arial, helvetica, sans-serif;
		color: #000;
		padding-top: 5px;
	}

		.blog-body a:link, .blog-body a:active, .blog-body a:visited, .blog-body a:hover {
			font: normal italic bold 10pt/1.0em arial, helvetica, sans-serif;
			color: #ff0000;
		}

	.plugin-older a:link, .plugin-older a:active, .plugin-older a:visited, .plugin-older a:hover {
			font: normal italic bold 10pt/1.0em arial, helvetica, sans-serif;
			color: #ff0000;
	}