/* CSS Document */

body {
	margin-top:10px;
	padding:0;
	background:#000;
	font:10pt Arial, Helvetica, sans-serif;
	}
	
h1 {
	font:12pt Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	font-weight:bolder;
	background:url(arrow_down.gif) no-repeat left top;
	padding-left:15px;
	margin-bottom:0;
	padding-bottom:0;
	}

h2 {
	font:12pt Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	}
	
/* main menu */
#menu {
	margin-left:385px;
	padding-top:13px;
	color:#990000;
	font-weight:bold;
	}
	#menu ul {
		list-style:none;
		margin:0;
		padding:0;
		}
	#menu ul li {
		list-style:none;
		display:inline;
		padding:0;
		margin:0;
		}
	#menu ul li a {
		color:#990000;
		font-weight:bold;
		text-decoration:none;
		padding-right:5px;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		}
	#menu ul li a:hover {
		color:#fff;
		background:#990000;
		text-decoration:none;
		}

/* positioning divs */

#container {
	positon:absolute;
	width:850px;
	height:600px;
	margin:auto;
	background:#000 url(bg.jpg) no-repeat center top;
	}
	
#header {
	width:100%;
	text-align:center;
	height:80px;
	position:relative;
	z-index:1;
	}

#popup {
	background:url(bg_sm.jpg) no-repeat left top;
	width:350px;
	height:305px;
	margin:5px;
	}
	#popup_content {
		width:280px;
		padding-top:45px;
		padding-left:35px;
		}

/* positions the flash portfolio menu, NOT the portfolio pages */
#portfolio {
	width:100%;
	height:auto;
	margin-top:-10px;
	vertical-align:middle;
	text-align:center;
	position:relative;
	z-index:4;
	}
/* ///////////////////////// */
#about, #services, #vendors, #contact  {
	width:727px;
	height:360px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	}
#about {
	background:url(bg_about.jpg) no-repeat center top;
	}
#services {
	background:url(bg_services.jpg) no-repeat center top;
	}
#vendors {
	background:url(bg_vendors.jpg) no-repeat center top;
	}
#contact {
	background:url(bg_contact.jpg) no-repeat center top;
	}

#news  {
	width:727px;
	height:280px;
	margin-top:-20px;
	margin-left:auto;
	margin-right:auto;
/*	position:relative; 
	z-index:2;*/
	}
#news {
	background:url(bg_news.jpg) no-repeat center top;
	}
	#news ul {
		list-style:none;
		float:left;
		width:300px;
		height:auto;
		margin-top:40px;
		margin-left:5px;
		padding:0;
		}
	#news ul li {
		list-style:none;
		display:block;
		width:300px;
		height:auto;
		padding:10px;
		}
	#news ul li a {
		color:#000;
		font-weight:bold;
		text-decoration:none;
		width:300px;
		height:auto;
		display:block;
		background:url(arrow.gif) no-repeat left top;
		padding-top:12px;
		}
	#news ul li a:hover {
		color:#990000;
		text-decoration:none;
		}
#news_col_right {
	float:right;
	margin-right:15px;
	margin-top:60px;
	width:335px;
	height:auto;
	color:#fff;
	}
	
#content, #content_overflow {
	float:right;
	margin-right:15px;
	margin-top:25px;
	height:300px;
	}
#content {
	width:375px;
	}
#content_overflow {
	overflow:scroll;
	width:335px;
	padding:8px;
	}

#footer {
	clear:both;
	text-align:center;
	width:100%;
	color:#000000;
	font-weight:bold;
	font:10pt Geneva, Arial, Helvetica, sans-serif;
/*	position:relative; */
	margin-top:10px;
/*	z-index:3; */
	}

/* portfolio page layout /////////////////////////////////////////////////////////////////////////////// */
#portfolio_sub {
	position:relative;
	width:100%;
	height:400px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	background:url(bg_portfolio.jpg) no-repeat center top;
	}
#port_port {
	width:100%;
	height:auto;
	margin-top:15px;
	margin-left:-7px;
	}
#port_content {
	float:left;
	margin-left:20px;
	width:430px;
	height:215px;
	overflow:scroll;
	}
	#port_content ol, #port_content ul {
		font-weight:bold;
		}
#port_photos {
	width:690px;
	height:350px;
	padding-top:40px;
	margin-left:80px;
	}
#port_colLeft {
	float:left;
	width:220px;
	margin-left:0;
	height:100%;
	margin-right:20px;	
	}

/* submenu for portfolio pages ////////////////////////////////////////////// */
#port_menu {
	position:relative;
	float:left;
	width:auto;
	height:auto;
	margin-left:60px;
	border:1px solid #000;
	}
#port_menu_photo {
	float:left;
	width:auto;
	height:auto;
	margin-left:0;
	margin-bottom:15px;
	border:1px solid #000;
	}
#port_menu ul, #port_menu_photo ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#port_menu ul li, #port_menu_photo ul li {
	list-style:none;
	margin:0;
	padding:0;
	}
#port_menu ul li a, #port_menu_photo ul li a {
	display:block;
	width:210px;
	background:#990000;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #000;
	padding:6px;
	margin:3px;
	}
#port_menu ul li a:hover, #port_menu_photo ul li a:hover {
	background:#000;
	text-decoration:none;
	}

/* menu for individual projects in portfolio */
#port_submenu {
	clear:left;
	}
	
/*  portfolio photo "slide-show" setup //////////////////////////////////////////////////////////////////////// */
#numbers {
	margin-top:-10px;
	margin-bottom:-10px;
	}
#numbers ul {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
	}
#numbers ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	}
#numbers ul li a {
	font:12pt;
	font-weight:bold;
	color:#333333;
	background:#CCCCCC;
	border:1px solid #333333;
	padding:3px;
	margin-right:8px;
	text-decoration:none;
	}
#numbers ul li a:hover {
	background:#333333;
	color:#cccccc;
	text-decoration:none;
	}

#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n {
	position:absolute;
	width:400px;
	height:280px;
	top:100px;
	right:130px;
	}
#a {
	visibility:visible;
	}
#b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n {
	visibility:hidden;
	}
/*
#a {z-index:1;}
#b {z-index:2;}
#c {z-index:3;}
#d {z-index:4;}
#e {z-index:5;}
#f {z-index:6;}
#g {z-index:7;}
#h {z-index:8;}
#i {z-index:9;}
#j {z-index:10;}
#k {z-index:11;}
*/

/* class styles ////////////////////////////////////////////////////////////////////////////// */
.header {margin-top:20px;/*margin-left:38px;*/}
.larger_font {font:11pt Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}
.port_menu {margin-left:-15px; margin-top:10px;}
.blue {color:#003366;}