/* Green Site Theme */ 

body {
	background:#dbdbdc; color:#cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	padding:0px; 
	margin:0px;
}

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

a:hover {
	color:#009999; text-decoration:none;
	}	

#wrapper {
	border:1px solid #cccccc;
	background: #ffffff;
	height:auto; width:1111px;
	z-index:-1;
	margin-left:auto; margin-right:auto; 
	}

#header {
	background:url(../images/studio/green/header.jpg) no-repeat;
	color:#FF0000; 
	height:239px; width:1111px;
	position:relative; top:20px; left:auto; right:auto;
	margin-left:auto; margin-right:auto; padding:0px; 
	}

#header h1 span {
	display:none;
	}	

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

/* SUB MENU */	

#menu-sub {
	color:#f39002; font-size:10px; font-weight:bold;
	position:absolute; top:324px; left:840px; right:auto;
	padding:0px; margin:0px;
	min-width:300px;
	z-index:1;
}

#menu-sub a {
	color:#f39002; 
	}

#menu-sub a:hover {
	color:#487ece;
	}

#themes {
	border:0px solid #ff0000;
	color:#ffffff; font-size:10px;
	background:none;
	height:30px; width:500px;
	position:absolute; margin-left:0px; padding:0px; top:30px; left:840px;
	z-index:1;
	}

#themes p {
	font-weight:bold;
	}	

#themes a {
	color:#CCFF00; font-weight:normal;
	}
#themes a:hover {
	color:#487ece;
	}	

#welcome {
	background:url(../images/studio/green/welcome.gif) no-repeat;
	height:323px; width:297px;
	position:relative; top:auto; left:auto; float:left;
	margin-right:110px; margin-top:140px;
	z-index:1;
	}	

#welcome h2 {
	display:block; font-size:16px;
	padding:10px;
	}

#welcome p {
	display:block;
	padding:10px;
	}	

#welcome a {
	color:#FFFF00;
	}
	
#welcome a:hover {
	color:#00CC33;
	}
#content {
	height:323px; width:700px;
	position:relative; top:auto; left:auto;  float:right;
	margin-top:140px;
	}	

#text {
	background:url(../images/studio/green/introduction.gif); 
	color:#FFFFFF;
	height:323px; width:297px;
	position:relative; top:auto; float:left; 
	z-index:1;
	margin-right:30px;
	}

#text a {
	color:#FF0000;
	}

#text a:hover {
	color:#990000;
	}

#text h1 {
	background:none; font-size:16px;
	padding:10px;
	}

#text p {
	padding:10px;
	}

.page1 {
	background:url(../images/studio/green/bg-home.jpg) no-repeat;
	height:323px; width:297px;
	}

.page2 {
	background:url(../images/studio/green/bg-about.jpg) no-repeat;
	height:323px; width:297px;
	}

.page3 {
	background:url(../images/studio/green/bg-portfolio.jpg) no-repeat;
	height:323px; width:297px;
	}

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

.page5 {
	display:block;
	width:300px;
	}
		
#graphic {
	border:0px solid #ff0000;
	height:323px; width:297px;
	position:relative; left:auto; float:right;
	}	

/* MAIN MENU */	

#menu {
	background:none;
	position:absolute; top:290px; left:400px; right:auto;
	height:100px; width:450px;

	z-index:2;
	}			

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

#menu ul li {
	display:inline; 
	}

#menu ul li.home {
	display:block;
	background:url(../images/studio/green/home.gif);
	height:80px; width:104px;
	float:left;
	}	

#menu ul li.home a {
	background:none;
	float:left; position:relative; top:auto; left:auto;
	height:80px; width:104px;
	}

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

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

	
#menu ul li.about {
	background:url(../images/studio/green/about.gif);
	height:80px; width:104px;
	margin-right:10px;	
	float:left;
	}	

#menu ul li.about a {
	background:none;
	float:left; position:relative; top:auto; left:auto;
	height:80px; width:104px;
	}

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

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

#menu ul li.portfolio {
	background:url(../images/studio/green/portfolio.gif);
	height:80px; width:104px;
	margin-right:0px;
	float:left;
	}

#menu ul li.portfolio a {
	background:url(../images/studio/green/portfolio.gif);
	float:right; position:relative; top:auto;
	height:80px; width:104px;
	}

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

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

#menu ul li.contact {
	display:block;
	background:url(../images/studio/green/contact.gif);
	height:80px; width:104px;
	float:left;
	}	
#menu ul li.contact a {
	background:none;
	float:left; position:relative; top:auto; left:auto;
	height:80px; width:104px;
}	

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

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

/* FOOTER */	

#footer {
	color:#666666;
	background:none;
	height:auto; width:auto;
	text-align:right;
	position:relative; top:auto; left:auto;
}	

#footer p {
	display:block;
	}
	
/* PORTFOLIO - WEB PROJECTS */

li.psirielDisplay a:hover {
	background:url(../images/studio/green/LI-psiriel.jpg);
	position:absolute; 
	border:0px solid #FF0000;
	width:289px; height:315px;
	}

li.lahairDisplay a:hover {
	background:url(../images/studio/green/LI-lahair.jpg);
	position:absolute; 
	border:0px solid #FF0000;
	width:289px; height:315px;
	}	

li.glsa23Display a:hover {
	background:url(../images/studio/green/LI-glsa23.jpg);
	position:absolute; 
	border:0px solid #FF0000;
	width:289px; height:315px;
	}	

li.quillshadowDisplay a:hover {
	background:url(../images/studio/green/LI-quillshadow.jpg);
	position:absolute; 
	border:0px solid #FF0000;
	width:289px; height:315px;
	}
	
li.cssDisplay a:hover {
	background:url(../images/studio/green/LI-css.jpg);
	position:absolute; 
	border:0px solid #FF0000;
	width:289px; height:315px;
	}

li.ijDisplay a:hover {
	background:url(../images/studio/green/LI-ij.jpg);
	position:absolute; 
	border:0px solid #FF0000;
	width:289px; height:315px;
	}	
		
li.psirielDisplay a:hover span, li.lahairDisplay a:hover span, li.glsa23Display a:hover span, li.quillshadowDisplay a:hover span, li.cssDisplay a:hover span, li.ijDisplay a:hover span {		
	display:none;
	}

/* PORTFOLIO - GRAPHICS */

/* WingGen */

.page5 ul {
	padding:0px; margin:0px; 
	width:200px;
	}

.page5 ul li {
	display:inline; 
	}

/* WingGen */
	
.page5 ul li.wing span {
	display:none;
	}

/* RANDOM CLASSES */

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

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