/* Noir Site Theme */ 

body {
	background:#000000; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:11px;
	padding-left:50px; padding-top:20px;
}

a {
	color:#990000; text-decoration:none;
	}

a:hover {
	color:#ff0033; text-decoration:line-through;
	}	

#wrapper {
	background:url(../images/studio/background.gif);
	height:800px; width:1100px;
	z-index:-1;
	}

#header {
	background:url(../images/studio/header.gif) no-repeat;
	color:#FF0000; 
	height:200px; width:300px;
	position:absolute; top: 10px; left:110px;
	}

#header h1 span {
	display:none;
	}	

#contact {
	background:url(../images/studio/mail.gif);
	height:65px; width:83px;
	position:absolute; top:100px; left:50px;
	}

#contact a {
	background:url(../images/studio/mail.gif);
	height:65px; width:83px;
	float:left;
	}	

#contact span {
	display:none;
	}	

#contact a:hover {
	background-image:url(../images/studio/mail-on.gif);
	}

#menu-sub {
	position:absolute; top:80px; left:900px;
	z-index:1;
}

#themes {
	border:0px solid #ff0000;
	background:url(../images/studio/bg-themes.gif);
	height:30px; width:500px;
	position:absolute; margin-left:520px; top:10px; padding:0px;
	}

#themes p {
	font-weight:bold;
	}	

#welcome {
	background:url(../images/studio/welcome.gif) no-repeat;
	height:300px; width:150px;
	position:absolute; top:260px; left:100px;
	}	

#welcome h2 {
	display:none;
	}

#welcome p {
	display:none;
	}	

#content {
	height:500px; width:700px;
	position:absolute; top:100px; left:250px;
	}	

#text {
	background:#000000; 
	height:581px; width:160px;
	position:absolute; top:70px;
	z-index:1;
	}

#text h1 {
	background:url(../images/studio/h1-text.gif); font-size:11px;
	padding:2px;
	}

#text p {
	padding:10px;
	}

.page1 {
	background:url(../images/studio/bg-home.gif) no-repeat;
	height:580px; width:674px;
	}

.page2 {
	background:url(../images/studio/bg-about.gif) no-repeat;
	height:580px; width:674px;
	}

.page3 {
	background:url(../images/studio/bg-portfolio.gif) no-repeat;
	height:580px; width:674px;
	}

.page4 {
	background:#000000;
	height:580px; width:674px;	
	}

.page5 {
	display:none;
	}	
	
#graphic {
	border:0px solid #ff0000;
	height:580px; width:674px;
	position:absolute; left:110px;
	}	

#menu {
	background:#000000;
	position:absolute; top:640px; left:200px;
	height:173px; width:750px;
	z-index:2;
	}			

#menu ul {
	padding:0px; margin:0px;
	}

#menu ul li {
	display:inline; 
	}

#menu ul li.home {
	display:none;
	}

	
#menu ul li.about {
	background:url(../images/studio/about.gif);
	height:169px; width:445px;
	float:left;
	}	

#menu ul li.about a {
	background:url(../images/studio/item-about.gif);
	float:left; position:relative; top:0px;
	height:37px; width:74px;
	}

#menu ul li.about span {
	display:none;
	}

#menu ul li.about a:hover {
	background:url(../images/studio/item-about-on.gif);
	}

#menu ul li.portfolio {
	background:url(../images/studio/portfolio.gif);
	height:173px; width:247px;
	margin-right:15px;
	float:left;
	}

#menu ul li.portfolio a {
	background:url(../images/studio/item-portfolio.gif);
	float:right; position:relative; top:90px;
	height:37px; width:105px;
	}

#menu ul li.portfolio span {
	display:none;
	}

#menu ul li.portfolio a:hover {
	background:url(../images/studio/item-portfolio-on.gif);
	}

#menu ul li.contact {
	display:none;
	}		

#footer {
	background:url(../images/studio/footer.gif) no-repeat;
	height:58px; width:172px;
	position:absolute; top:650px; left:950px;
}	

#footer p {
	display:none;
	}


/* Portfolio Items */

.page4 ul {
	padding:0px; margin:0px; margin-left:70px; 
	width:520px;
	}

.page4 ul li {
	display:inline; 
	}

/* Psiriel */
	
.page4 ul li.psiriel {
	background:url(../images/studio/web-psiriel.gif);
	height:271px; width:261px;
	float:left;
	}	

.page4 ul li.psiriel a {
	background:url(../images/studio/web-psiriel.gif);
	float:left; position:relative; top:0px;
	height:271px; width:261px;
	}

.page4 ul li.psiriel span {
	display:none;
	}

.page4 ul li.psiriel a:hover {
	background:url(../images/studio/web-psiriel-on.gif);
	}	

/* lahair */

.page4 ul li.lahair {
	background:url(../images/studio/web-lahair.gif);
	height:271px; width:258px;
	float:left;
	}	

.page4 ul li.lahair a {
	background:url(../images/studio/web-lahair.gif);
	float:left; position:relative; top:0px;
	height:271px; width:258px;
	}

.page4 ul li.lahair span {
	display:none;
	}

.page4 ul li.lahair a:hover {
	background:url(../images/studio/web-lahair-on.gif);
	}	

/* Glsa23 */
	
.page4 ul li.glsa23 {
	background:url(../images/studio/web-glsa23.gif);
	height:271px; width:261px;
	float:left;
	}	

.page4 ul li.glsa23 a {
	background:url(../images/studio/web-glsa23.gif);
	float:left; position:relative; top:0px;
	height:271px; width:261px;
	}

.page4 ul li.glsa23 span {
	display:none;
	}

.page4 ul li.glsa23 a:hover {
	background:url(../images/studio/web-glsa23-on.gif);
	}	

/* Quillshadow */
	
.page4 ul li.quillshadow {
	background:url(../images/studio/web-quillshadow.gif);
	height:271px; width:258px;
	float:left;
	}	

.page4 ul li.quillshadow a {
	background:url(../images/studio/web-quillshadow.gif);
	float:left; position:relative; top:0px;
	height:271px; width:258px;
	}

.page4 ul li.quillshadow span {
	display:none;
	}

.page4 ul li.quillshadow a:hover {
	background:url(../images/studio/web-quillshadow-on.gif);
	}		

/* RANDOM CLASSES */

.tip {
	border:0px solid #FF0000;
	background:url(../images/studio/tip.gif) no-repeat;
	}	
.tip span {
	padding-left:30px;
	}	

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;