@charset "UTF-8";
/* CSS Document */

body {
	text-align:center;
	background-color:#000000;
	color:#28CFFF;
	background-image:url(../images/background.gif);
	margin:20px;
	padding:0px;
	font:12px verdana, arial, helvetica, sans-serif;
	}
	
#wrapper {
	position:relative;  /*Position is declared "relative" to gain control of stacking order (z-index). */
	text-align:left;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	width:900px;
	min-height:700px;
	border:2px solid #28CFFF;
	background-color:black;
	padding:0px;
	z-index:1; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
	
#logo {
	margin: 10px;
	width:auto;
	text-align:left;
	height:144px;
}

#studio_img {
	position:absolute;
	width:388px;
	height:440px;
	right:0px;
	bottom:0px;
	/*left: 158px;*/
	z-index:2;
}

#content1 {
	position:relative;
	margin: 15px 20px 20px 180px;
	text-align:center;
	width:auto;
	min-height:500px;
	z-index:4;
			
}

h1 {
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #28CFFF;
	font-size: 16pt;
	font-weight: bold;
	margin:0;
	padding:0;
}

h2 {
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #28CFFF;
	font-weight: bold;
	font-size: 14pt;
	margin:0;
	padding:0;
}

h3 {
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #28CFFF;
	font-weight: bold;
	font-size: 12pt;
	margin:0;
	padding:0;
}

#home_button, #audio_button, #video_button, #contact_button {
	position:absolute;
	top:40px;
	width:90px;
	height:90px;
	text-align:center;
	z-index:3;
}

#home_button {
	left:500px;
}

#audio_button {
	left:600px;
}

#video_button {
	left:700px;
}

#contact_button {
	left:800px;
}

#title_ph {
	position:absolute;
	width:300px;
	height:20px;
	clear:both;
	text-align:right;
	font-size:12px;
	right:21px;
	top:155px;
	z-index:4;
}

#title {
	position:relative;
	text-align:center;
	padding:4px;
	/*top:185px;
	right:20px;*/
	width:auto;
	margin: 20px 20px 0 20px;
	height:25px;
	font-size: 15pt;
	color:#999999;
	font-weight: bold;
	border-bottom: solid 1px #3a3a3a;
	border-top: solid 1px #3a3a3a;
	z-index:3;
}

#title_spc {
	position:relative;
	height:25px;
	background: #666 url('../images/bg_grad_gray3.gif') repeat-x;
	height:25px;
	width:200px;
	z-index:3;
}

#pg_content {
	position:relative;
	text-align:left;
	top:20px;
	padding:0px 10px 10px 10px;
	margin:0 0 40px 0;
	left:178px;
	background:transparent;
	/*top:225px;
	left:178px;*/
	width:500px;
	min-height:400px;
	z-index:4;
			
}

#email {
	position:absolute;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	bottom:5px;
	left:178px;
	width:400px;
	height:30px;
	z-index:4;
			
}
	
/*#body_content { /*Body content for 1 col layouts
	position:relative;  Position is declared "relative" to gain control of stacking order (z-index).
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:700px;
	border:2px solid #00A0C6;
	background-color:#000000;
	padding:0px;
	z-index:1; /* This allows the content to overlap the right menu in narrow windows in good browsers. 
	}
#spacer {
	margin:0px;
	width:auto;
	height:144px;
	color:transparent;
}*/

.table {	/*inner box*/
	width: 100%;	
	border-width: 0px;		
	border-style: solid;		
	border-color: #000000;		
	border-bottom-width: 0px;		
	border-bottom-style: solid;		
	border-bottom-color: #000000;		
	font-family: arial;		
	font-size: 12px;		
	text-align: center;		
	vertical-align: top;		
	background: #ffffff;		
	color: #000000;	
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}
.topbar {	/*Top Title Bar*/	
	border-top-width: 0px;		
	border-top-style: solid;		
	border-top-color: #000000;		
	border-bottom-width: 0px;		
	border-bottom-style: solid;		
	border-bottom-color: #000000;		
	height: 20px;		
	background-color: #666666; /*File, Size, Description header background*/	
	font-family: Arial, Helvetica, sans-serif;		
	font-size: 12px;		
	color: #ffffff;		
	text-align: left;		
	vertical-align: middle;		
	padding: 0px 0px 0px 0px;	
	border-collapse: collapse;
}

.user-id, .username, .rights, .edit, .delete, .product_imaage, .description, .button, .notes { 
	width:auto;
	border-right-width: 0px;		
	border-right-style: solid;		
	border-right-color: #000000;		
	border-bottom-width: 0px;		
	border-bottom-style: solid;		
	border-bottom-color: #000000;		
	font-family: arial;		
	font-size: 12px;		
	text-align: left;		
	vertical-align: middle;		
	background: #CCD4E2;	/*Cell Background*/	
	color: #000000;	
	padding: 2px;	
	border-collapse: collapse;
}

.username {width: 125px; } 
.rights {width: 90px; }
.user-id {width:25px; text-align:center;}
.product_image { width: 120px; text-align:left; }
.button { width:125px; vertical-align:bottom;}
.edit {width:30px;}
.delete {width:50px; text-align:center;}