body {
	background-color: #000000;
	color: #FF00FF;
	/* height: *; */
	/*
	background-image: url("images/clipboard01.jpg");
	background-position: 50% 0;
	background-repeat: no-repeat;
	*/
}

hr {
	color: #990000;
	background-color: #990000;
	border: 0;
	height: 1px;
	width: 65%;
	margin-top: 14px;
	margin-bottom: 14px;
}

a {
	color: #FF0044;
}
a:visited {
	color: #FF00BB;
}
a:hover {
	color: #FF0099;
}

a img {
	border: 0;
}
/*
p.p1 {
	color: #BB00FF;
}
p.p2 {
	color: #FF00FF;
}
p.p3 {
	color: #FF0066;
}
p.p4 {
	color: #FF0033;
}
p.p5 {
	color: #FF0000;
}
*/
div.logo {
	position: absolute;
	top: 60px;
	left: 0;
	width: 298px;
	height: 200px;
}

div.logo a.logo {
	position: absolute;
	width: 300px;
	height: 200px;
	background-image: url(images/VJ-laser-eyes-300x200-F-3.gif);
	background-repeat: no-repeat;
}
div.logo a.logo:hover {
	background-image: url(images/VJ-laser-eyes-300x200-animated.gif);
}

div.menu {
	position: absolute;
	top: 200px;
	left: 0;
	width: 290px;
	
	padding: 9px 5px 0 10px;
	
	color: #BB0000;
	font-size: 22px;
	font-family: Verdana;
	letter-spacing: 3px;
	
	top: 260px;
}
div.menu a {
	display: block;
	padding: 0px 4px 2px 10px;
	margin: 0;

	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	
	color: #FF0044;
	text-decoration: none;
}
div.menu a.current {
	color: #FF0000;
	background-color: #330022;
	border-bottom: 2px solid #330022;
	border-top: 2px solid #330022;
}
div.menu a:hover {
	color: #FF0099;
	border-top: 2px dotted #940264;
	border-left: 2px dotted #940264; /* #FF0099; */
	border-bottom: 2px dotted #940264;
}

div.menu div.submenu {
	font-size: 20px;
}
div.menu div.submenu a {
	padding-left: 25px;
}

div.menu div.menu_preview {
	position: relative;
	margin-top: 8px;
	text-align: center;
}
div.menu div.menu_preview a {
	display: inline;
	padding: 0;
	margin: 3px;
	border: 0;
}

div.menu div.menu_social {
	position: relative;
	margin-top: 8px;
	text-align: left;
	padding: 0 0 0 10px;
}
div.menu div.menu_social a {
	display: inline;
	padding: 0;
	margin: 0px;
	padding: 0;
	border: 0;
}

div.menu div.menu_preview a img {
	border: 2px solid black;
	border: 1px dashed #990264;
	padding: 2px;
}
div.menu div.menu_preview a:hover img {
	border: 1px solid #990264;
}

div.content {
	margin-left: 292px;
	padding: 0 12px 12px 12px;
	width: 640px;
	text-align: left;

	/* min-height: 500px; */
	min-height: 554px; /* lines up with menu preview better */

	border: 2px dotted #940264;
	/* background-image: url(filter4.png); */

	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 1.5px;

	background-color: #000;
}


div.content h1 {
	letter-spacing: 10px;
	font-size: 29px;
	color: #EE0088;
	font-weight: normal;
	text-align: right;
	/* border-bottom: 1px solid #940264; */
	border-bottom: 1px solid #990000;
	margin: 10px 0 5px 0;
}
div.content h2 {
	font-size: 22px;
	color: #FF0099;
	font-weight: normal;
	margin: 15px 0 8px 0;
}
div.content h3 {
	font-size: 16px;
	color: #EE0088;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #990000;
	margin: 4px 0 3px 0;
}

div.content div.thumbnails {
	margin-left: 3px;
}


div.content div.pagination {
	font-size: 14px;
	font-family: Verdana;
	margin-bottom: 7px;
	margin-left: 3px;
}
div.content div.pagination a {
	text-decoration: none;
	border: 1px dotted #990264;
	padding: 0px 4px 1px 4px;
}
div.content div.pagination a.current {
	background-color: #330022;
}
div.content div.pagination a:hover {
	border: 1px dashed #990264;
}
div.content div.pagination span.inactive {
	border: 1px dotted #666666;
	padding: 0px 4px 1px 4px;
	color: #666666;
}


div.content a img.thumb {
	margin: 3px 6px 3px 0;
	padding: 2px;
	border: 1px dashed #990264;
}
div.content a:hover img.thumb {
	border: 1px solid #990264;
}


div.header {
	/* text-align: center; */
	/* margin: 13px 0 10px 6px; */
	padding: 0;

	margin-left: 292px;
	margin-top: 12px;
	/* margin-left: 422px; */
	margin-bottom: 0;
}
div.header a img {
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
}
div.header a:hover img {
	border-top: 2px dotted #940264;
	border-left: 2px dotted #940264;
	border-right: 2px dotted #940264;
}

div.footer {
	/*
	width: 640px;
	Xpadding: 2px 7px 3px 7px;
	margin-top: 5px;
	border: 1px dotted #BB0000;
	*/
	margin-left: 300px;
	width: 650px;
	margin-top: 3px;
	text-align: right;
	
	font-family: Arial;
	font-size: 14px;
	letter-spacing: 1px;
	color: #BB0000;
}

p.error {
	background-image: url(images/error.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 38px;
padding-top: 6px;
	min-height: 34px;
	color: #BB0000;
	font-weight: bold;
	text-align: left;
}
p.error span.code {
	font-size: 26px;
	color: #FF0099;
}

/* home page */
div.content#home_content {
	/* text-align: justify; */
}

/* image */
div.content#image_content {
}
div.content#image_content img {
	/* this iamge does not look good with black background...
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	*/
}

/* sound */
div.content#sound_content {
}
div.content#sound_content h2.coming_soon {
	font-size: 26px;
	text-align: center;
	margin-top: 80px;
}

/* contact */
div.content#contact_content {
}

div.content#contact_content form.contact_form table tr td {
	padding: 0 6px 4px 0;
	letter-spacing: 4px;
}
div.content#contact_content form.contact_form table tr td label {
	font-size: 18px;
}
div.content#contact_content form.contact_form input.text {
	background-color: #333333;
	color: #FF00FF;
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 1.5px;

	padding: 2px 6px 2px 6px;

	width: 558px;

	border: 1px solid #940264;
}
div.content#contact_content form.contact_form input.text:focus {
	border: 1px solid #BB0000;
}
div.content#contact_content form.contact_form textarea {
	background-color: #333333;
	color: #FF00FF;
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 1.5px;

	padding: 2px 6px 4px 6px;

	width: 626px;
	height: 250px;

	border: 1px solid #940264;
}
div.content#contact_content form.contact_form textarea:focus {
	border: 1px solid #BB0000;
}
div.content#contact_content form.contact_form input.submit {
	background-color: #000000;
	color: #FF00FF;
	font-size: 18px;
	border: 1px dashed #940264;
	padding: 4px 9px 5px 9px;
	margin-top: 6px;
	margin-bottom: 6px;
	cursor: pointer;
}
div.content#contact_content form.contact_form input.submit:hover {
	border: 1px solid #940264;
}