/* background */
html { 
background-color:#000000;
background-image: url(images/tile3.png);}

/* body */
body {
margin: 0 auto; 
text-align:center;
}


/* ********************************  MAIN LAYOUT  ********************************** */

div#mainlayout{
position: absolute;
left:75px;
top:30px;
text-align:left; 
}


/* images */
img#noirlogo {
position: absolute; 
left: 0; 
top: 10px;
border:none;}

img#border {
position: absolute; 
left: 3px; 
top: 98px;}

img#logo2p {
position: absolute; 
left: 216px; 
top: 62px;}

img#logo2 {
position: absolute; 
left: 220px; 
top: 64px;}

img#neon {
position: absolute; 
left: 6px; 
top: 132px;}

img#navgraphic { 
position: absolute; 
left: -32px; 
top: 82px;}


/* *********************************vertical navigation*********************************** */
div#nav_main {
margin: 0;
padding: 0;
position: absolute;
left: -39px;
top: 160px;
width:130px;
height: 226px;}

div#nav_main ul { 
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:normal;}

div#nav_main li {
text-indent:26px;
width: 200px;
height: 24px;
list-style-type:none; }

div#nav_main a { 
color:#CCCCCC;
text-decoration:none;}


div#nav_main a:hover { 
color:#FF33CC;
width:200px;
height: 30px;
background-position: 150px 0;
display:block;
text-decoration:none; }

div#portfolionav li {
text-indent:40px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:normal;
width: 200px;
height: 20px;
letter-spacing:1px;}

a{outline:none;}



/* ********************************************horizontal nav********************************************** */
.menu img {border-style:none;}

.menu #design {
display: block;
width: 80px;
height: 35px;
position:absolute;
top:74px;
left:220px;}	
	

a#design:hover {background: url(images/buttons/designover.png) no-repeat;}
a#design:active {background: url(images/buttons/designdown.png) no-repeat;}
a#design span {display: none;}



.menu #motion {
display: block;
width: 210px;
height: 35px;
position:absolute; 
top:72px; 
left:315px;
text-indent:-9999px;}


a#motion:hover {background: url(images/buttons/motionover.png) no-repeat;}
a#motion:active {background: url(images/buttons/motiondown.png) no-repeat;}
a#motion span {display: none;}

.menu #interactive {
display: block;
width: 120px;
height: 35px;
position:absolute; 
top:76px; 
left:545px;
text-indent:-9999px; }


a#interactive:hover {background: url(images/buttons/interactiveover.png) no-repeat;}
a#interactive:active {background: url(images/buttons/interactivedown.png) no-repeat;}
a#interactive span {display: none;}

div#nav_portfolio a:visited {
color:#00CCFF; 
text-decoration:none;}