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



<style type="text/css">

pre { color: #fff; }

pre strong { color: #00cccc; font-weight: bold; }

a strong { color: #00cccc; font-weight: bold; }

.ie #nav span { background-color: #484848; }

.win.gecko span { background-color: #484848; 
}

a { text-decoration: none; border: none; }

html { overflow-x: hidden; }

#featuredContent a:hover img {
    border: solid 1px #FF3939; 
	padding: 4px;
}

body {
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: #000;
	background-image: url(newbg.gif);
	margin: 0;
	padding: 0;
	color: #000000;
}

#container { 
	width: auto;
	height: 1380px;
	background: #FFF;
	background-image: url(picBG5.jpg);
	background-repeat: no-repeat; 
	background-position: top left; 
	margin: 0;
	padding: 0;
    text-align: left;
    overflow-x: hidden;
	
}

.test {
	margin: 4px 0 0 2px;
	font-size: 11px;
	line-height: 14px;
	width: 85px;
	font-weight: normal;
	display: block;
	font-family:"Courier New", Courier, monospace;
	color: #FFF;
	text-decoration: none;
}
	
#normal { 
    font-style: normal; 
	background-color: #FFF; 
	color: #FF3939; 
	position: relative; 
	top: 1px;
}

p { 
    font-size: 13px;
    font-weight: normal;
	line-height: 1.3em;
}


#thanksforcoming { background-color: none;}



/* ---------------- featuredSongone styles ----------------*/



#music { 
    border: 1px dashed #666; 
	padding: 4px 4px 0 4px;  
	position: absolute; 
	top: 56px; 
	left: 20px;
}


#featuredSongone { 
    position: relative; 
	height: 289px; 
	width: 522px; 
	background-color: #111;
	filter: alpha(opacity=90); opacity:0.9;
	background-image: url(pf_portfoliobg.png);
	background-repeat: no-repeat;
	margin: 0 8px 0 8px; 
	padding: 0px;
}

#featuredSongone img { 
    position: absolute; 
	top: 5.7em; 
	left: 12px; 
	padding: 4px; 
	margin: 8px; 
	border: #666 1px dashed;
}

#featuredSongone h2 { font-family:"Courier New", Courier, monospace; 
	position: absolute;
	top: 15px;
	left: 48px;
	color: #FFF;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#featuredSongone h2 img { 
    position: absolute; 
	top: 4px; 
	left: -25px; 
	border: none;
	margin: 0;
	padding: 0;
}

#featuredSongone p { font-family: "Courier New", Courier, monospace; 
    font-size: 13.8px;
    line-height: 22px;
    position: absolute; 
	top: 84px; 
	left: 208px; 
	width: 290px;
}

#featuredSongone a:hover img {
    border: solid 1px #39FFF3; 
    padding: 4px;
}



/* ---------------- end featuredSongone styles ----------------*/
	
/* ---------------- start featuredSong styles ----------------*/


 
#featuredSong a:hover img {
    border: 1px solid #00cccc;
}

#featuredSong { 
    position: relative;
	height: 307px; 
	width: 522px;
	background-color: #111;
	filter: alpha(opacity=90); opacity:0.9;
	background-image: url(pf_portfoliobg.png); 
	background-repeat: no-repeat; 
	margin: 0 8px 8px 8px;
}

#album { 
    position: absolute; 
	top: 107px; 
	left: 1em;  
	padding: 4px; 
	margin: 8px; 
	border: #666 1px dashed;
}

#featuredSong h2 { font-family:"Courier New", Courier, monospace; 
	position: absolute;
	top: 15px;
	left: 48px;
	color: #FFF;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#featuredSong h2 img { 
    position: absolute; 
	top: 3px; 
	left: -25px; 
	border: none;
	margin: 0;
	padding: 0;
}

#featuredSong p {  font-family: "Courier New", Courier, monospace; 
    font-size: 13.8px;
    line-height: 22px;
    position: absolute; 
	top: 41px; 
	left: 26px; 
	width: 470px; 
	z-index: 10;
}

#featuredSong #music {
    position: absolute; 
	top: 115px; 
	left: 212px; 
	border: 1px dashed #666; 
	padding: 4px 4px 0px 4px; }



/* ---------------- end featuredSong styles ----------------*/

/* ---------------- start versionOne ----------------*/



#versionOne {
	position: relative;
	float: right;
	clear: right;
	width: 363px;
	height: 260px;
	background-color: #FFF;
	margin:1px 0 5px 0;
	padding: 0px;
}


#versionOne img { 
    position: absolute; 
	top: 60px; 
	left: 13px;  
	padding: 4px; 
	margin: 8px; 
	border: #333 1px dashed;
}

#versionOne h2 {
	position: absolute;
	top: 20px;
	left: 42px;
	color: #171717;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0;
	z-index: 10;
}

#versionOne h2 img { 
    position: absolute; 
	top: 3px; 
	left: -20px; 
	border: none;
	margin: 0;
	padding: 0;
}


#versionOne p { 
    position: absolute;
    top: 39px; 
	left: 194px; 
	padding: 1em; 
	width: 137px; 
}

#versionOne a:hover img {
    border: solid 1px #39FFF3; 
    padding: 4px;
}




/* ---------------- end versionOne ----------------*/

/* ---------------- illus styles ----------------*/



.port .thumblist {
	position:absolute;
	top:87px;
	left:-15px;
	z-index:10;
	width: 510px;
	height: 230px;
}

.port .thumblist li {
	width: 100px;
	height: 90px;
	float: left;
	margin: 0 1px 0 0; padding:0;
	}
	

.port .thumblist a img {
	margin-bottom: 4px;
	border: 1px dashed #666;
	float: left;
	
}

.port .thumblist a:hover img, .port-list a:hover img {
    border: 1px solid #00cccc;
}
		
.port h2 { font-family:"Courier New", Courier, monospace; 
	position: absolute;
	top: 15px;
	left: 48px;
	color: #FFF;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.port p { font-family: "Courier New", Courier, monospace; 
    font-size: 13.8px;
    line-height: 22px;
	position: absolute;
	top: 45px;
	left: 25px;
	z-index: 10;
}

.port h2 img { 
    position: absolute; 
	top: 3px; 
	left: -25px; 
	border: none;
	margin: 0;
	padding: 0;
}

.port { 
    position: relative;
	height: 292px; 
	width: 522px;
	background-color: #111;
	filter: alpha(opacity=90); opacity:0.9;
	background-image: url(pf_portfoliobg.png); 
	background-repeat: no-repeat; 
	margin: 0 8px 8px 8px;
}
	
.port .portlist .thumb a #link {
    color:#000000;  
	line-height: 1.5em;
	
}

.thumblist {
	position:absolute;
	top: 0px;
	left: -15px;
	z-index: 10;
	width: 557px;
	height: 601px;
}

.thumblist li {
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 1px 0px 0;
	padding: 0;
}
	
.thumblist a img {
	margin-bottom: 4px;
	padding: 4px;
	border: 1px dashed #666;
	float: left;
}
	
.thumblist a:hover img, .port-list a:hover img {
    border: solid 1px #FF3939; 
	padding: 4px;
}




/* ---------------- end illus styles ----------------*/

/* ---------------- header styles ----------------*/

#logo h1 {text-indent: -5000px;
	font-size: 14px; 
	background: url(gmlogo2.jpg) no-repeat;
	filter: alpha(opacity=90); opacity:0.9;	width: 118px; 
	height: 99px; 
	position: absolute; 
	margin: 8px 0 8px 8px;
	padding: 0;}

#normalspan { 
    font-style: normal; 
	color: #FF3939; 
	position: absolute; 
	top: -1px; 
}

#plus {
    font-style: normal; 
	color: #FF3939; 
	font-size: 9px; 
	position: relative; 
	bottom: 3px; 
	left: -3px;
}
 
#header { font-family: "Courier New", Courier, monospace; 
	background: #000;
	filter: alpha(opacity=95); opacity:0.9;
	margin: 8px 0 8px 117px; 
	padding: 0px;
	width: auto;
	height: 89px;
	
}

#header h1 { 
    text-indent: -5000px;
	font-size: 14px; 
	background: url(gmlogo2.jpg) no-repeat; 
	width: 118px; 
	height: 99px; 
	position: absolute; 
	margin: 0;
	padding: 0; 
}

#header pre {font-family: "Courier New", Courier, monospace; 
    color: #fff;
	position: absolute;
	top: 38px;
	left: 86px;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	
	margin: 0px;
	padding: 0px;
	}

/* ---------------- end header styles ----------------*/

/* ---------------- nav styles ----------------*/


#nav {
	position: absolute;
	background: none;
	margin: 0 0 0 533px; 
	padding: 0;
	
}

#nav img { 
    border: none; 
	padding: 0 8px 0 5px; 
	margin: 0 0;
}

ul { 
    list-style-type: none; 
	text-decoration: none;
}

#nav a { 
    filter: alpha(opacity=90); opacity:0.9; display: block; 
	padding: 15px 2000px 15px 18px; 
	margin: 0 8px 8px 5px;
	width: 327px;  
    background-color: #111; 
	font-family: "Courier New", Courier, monospace; 
	letter-spacing: 3px;
	word-spacing: -2px; 
	font-weight: bold; 
	color: #FFF; 
	text-decoration: none; 
	font-size: 19px;
}

li {
    margin:0; 
	padding:0; 
	text-decoration: none;
}

li#active a {
    filter: alpha(opacity=90); opacity:0.9;    background: #009999;
    background-image: url(pf_navarrowb.png); 
	background-repeat: no-repeat;
}

#nav li a:hover { 
    filter: alpha(opacity=90); opacity:0.9;    display: block; 
	padding: 15px 2000px 15px 18px; 
	margin: 0 8px 8px 5px; 
	width: 327px; 
    background-color: #00cccc;
    background-image: url(pf_navarrowb.png); 
	background-repeat: no-repeat;
}



/* ---------------- end nav styles ----------------*/

/* ---------------- mainContent styles ----------------*/



#mainContent { 
    position: relative;
	height: 292px; 
	width: 522px;
	background-color: #111;
	filter: alpha(opacity=90); opacity:0.9;
	background-image: url(pf_portfoliobg.png); 
	background-repeat: no-repeat; 
	margin: 0 8px 8px 8px;
}

#mainContent h2 { font-family:"Courier New", Courier, monospace; 
	position: absolute;
	top: 15px;
	left: 48px;
	color: #FFF;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#mainContent h2 img { 
    position: absolute; 
	top: 3px; 
	left: -25px; 
	border: none;
	margin: 0;
	padding: 0;
}

#mainContent p { font-family: "Courier New", Courier, monospace; 
    font-size: 13.8px;
    line-height: 22px; 
	position: absolute; 
	top: 3em; 
	left:1.5em; 
	right:1.5em;
}



/* ---------------- end mainContent styles ----------------*/

/* ---------------- featuredContent styles ----------------*/

 

#featuredContent { 
    position: relative;
	height: 184px; 
	width: 522px;
	background-color: #111;
	filter: alpha(opacity=90); opacity:0.9;
	background-image: url(pf_portfoliobg.png);
	background-repeat: no-repeat;
	margin: 8px; 
	padding: 0px; 
}

#featuredContent img { 
    position: absolute; 
	top: 40px; 
	left: 5px; 
	padding: 4px; 
	margin: 1em; 
	border: #666666 1px dashed; 
}

#featuredContent h2 { font-family:"Courier New", Courier, monospace; 
	position: absolute;
	top: 15px;
	left: 48px;
	color: #FFF;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#featuredContent h2 img {
    z-index: 60; 
    position: absolute; 
	top: 4px; 
	left: -25px; 
	border: none;
	margin: 0;
	padding: 0;
}

#featuredContent p { font-family: "Courier New", Courier, monospace; 
    font-size: 13.8px;
    line-height: 22px; 
    position: absolute; 
	top: 40px; 
	left: 255px; 
	width: 250px; 
	float: left; 
}

#featuredContent a:hover img {
    border: solid 1px #39FFF3; 
    padding: 4px;
}

#featuredContent ul {
    position:absolute; top: 158px; left: 231px; 
    margin: 0;
	padding: 0; 
	list-style-image: url(pf_arrowwhite.png); 
	list-style-position: outside; 
	font-family: "Courier New", Courier, monospace; 
	font-size: 13px;  
	color: #666; 
	line-height: 18px;
}

#featuredContent a {
    position: relative; top: -3px;
    color: #00cccc; 
	text-decoration: none; 
	font-family: "Courier New", Courier, monospace; 
	font-size: 13px; 
	font-weight: bold;
	text-decoration: none;
}

#featuredContent a:hover {
    position: relative; top: -3px;
    color: #fff; 
	text-decoration: none; 
	font-family: "Courier New", Courier, monospace; 
	font-size: 13px; 
	font-weight: bold;
}

#featuredContent #img { position:absolute; top: 5px; left: 4px;

}





/* ---------------- end featuredContent styles ----------------*/

/* ---------------- contact styles ----------------*/



#contact { 
    position: relative; 
	width: 363px; 
	height: 236px;  
	float: right; 
	clear: right; 
	margin: 0;
	padding: 0; 
}

#contact h2 {
	position: absolute;
	top: 20px;
	left: 42px;
	color: #171717;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#contact h2 img { 
    position: absolute; 
	top: 3px; 
	left: -20px; 
	border: none;
	margin: 0;
	padding: 0;
}

#contact p { 
    padding-top: 1em; 
	margin: 3em 0 0 0;
	width: 205px; 
	float: left; 
}
 


/* ---------------- end contact styles ----------------*/

/* ---------------- footer styles ----------------*/

#footer p a {
    font-family: "Courier New", Courier, monospace; 
	color: #00cccc;
	font-weight: bold;
}

 #footer p a:hover {
    font-family: "Courier New", Courier, monospace; 
	color: #fff;
	font-weight: bold;
} 

#footer { position: relative; top: 0px; 
    clear: both; 
	padding: 0; 
	background: #000;
	filter: alpha(opacity=90); opacity:0.9;
	width: auto;
	position: relative;
	margin: 8px 0 8px 8px; background-position: bottom;
	
}
 
#footer p {
    font-family: "Courier New", Courier, monospace; 
	font-style: normal;	
	color:#fff; 
    width: 820px; 
    font-size: 11px;
	margin: 0;
    letter-spacing: 0px;
	padding: 19px;
	word-spacing: 1px; 
}

#footer img {
    position: absolute; 
	top: 8px; 
	left: 812px;
}


/* ---------------- end footer styles ----------------*/

/* ---------------- start projectInfo styles ----------------*/



#projectInfo {
	position: relative;
	float: left;
	padding: 1.2em; 
	width: 484px;
	height: auto;
	background-color:#111;
	filter: alpha(opacity=90); opacity:0.9;
	background-repeat:no-repeat;
	margin: 0px 8px 8px 8px;
}

#projectInfo ul { 
    list-style-type: none; 
	padding: 10px 0 10px 2px; 
	margin: 0;
}

#projectInfo ul li { width: 200px;}

#projectInfo ul img { 
    margin: 4px 0 4px 0;
}

#projectInfo .content { 
    margin: 8px 0 8px 2px; 
	padding: 4px; 
	border: 1px solid #333;
}

#projectInfo #dashed {
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 5;
	margin: 0;
	padding: 0;
} 

#projectInfo h2 { font-family:"Courier New", Courier, monospace;
	position: absolute;
	top: 15px;
	left: 48px;
	color: #FFF;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	z-index: 40;
}
	
#projectInfo h2 img { position: absolute; 
	top: 4px; 
	left: -25px; 
	border: none;
	margin: 0;
	padding: 0;
}

#projectInfo p {  font-family: "Courier New", Courier, monospace; 
    font-size: 13.8px;
    line-height: 22px;
    position: relative;
    font-size: 13px; 
	padding: 42px 0 0 4px; 
	margin: 0; 
	z-index: 30; 
} 

span { 
    color: #fff; 
	background-color: #272727; 
	line-height: 1.5em;
	text-decoration: none;
}

hr {
    border: none 0;
    border-top: 1px solid #333;
    width: 99%;
    height: 1px;
    margin: 8px 0 7px 2px;
}

#projectInfo a {margin: 4px 0 0 2px;
	font-size: 12px;
	line-height: 14px;
	width: 140px;
	font-weight: normal;
	display: block;
	font-family: "Courier New", Courier, monospace;
}
 
#projectInfo a { color: #39FFF3; text-decoration: none; font-family: "Courier New", Courier, monospace; font-size: 11px; font-weight:bold;}

#projectInfo a:hover { color: #39FFF3; text-decoration: none; font-family: "Courier New", Courier, monospace; font-size: 11px; font-weight:bold; text-decoration: underline}


/* ---------------- end projectInfo styles ----------------*/

/* ---------------- start checkList styles ----------------*/



#checkList {
	position: absolute;
	float: left; 
	height: auto;
	width: 484px;
	filter: alpha(opacity=90); opacity:0.9;
	background-repeat: no-repeat; 
	margin: 305px 0 8px 538px;
	padding: 0;
}

#checkList ul { 
    margin: 0;
	padding: 60px 0 20px 47px; 
	list-style-image: url(pf_check.png); 
	list-style-position: outside; 
	font-family: "Courier New", Courier, monospace; 
    font-size: 13.8px; 
	font-style: normal;
	font-weight: bold;
	color: #333; 
	line-height: 26px;
}

#checkList h2 img { 
    position: absolute; 
	top: 4px; 
	left: -25px; 
	border: none;  
}

#checkList p { 
    position: absolute; 
	top: 38px; 
	left: 187px; 
	padding: 1em; 
	width: 150px; 
}

#checkList h2 { 
    font-family:"Courier New", Courier, monospace;
	font-size: 26px; 
	position: absolute;
	top: 15px;
	left: 48px;
	color: #333;
	font-weight: bold;  
	margin: 0; 
	padding: 0;
}



/* ---------------- end checkList styles ----------------*/

/* ---------------- start more styles ----------------*/



.desc {position: relative; left:10px; top:-55px; color: #333; }

#more a {
	font-size: 12px;
	font-weight: bold;
	font-family:"Courier New", Courier, monospace;
	color:#CCC;
	text-decoration:none;
	padding:0; margin:0; font-style:normal;
	
}

#more a:hover {
	font-size: 12px;
	font-weight: bold;
	font-family:"Courier New", Courier, monospace;
	color:#FFF;
	text-decoration: none;
	font-style:normal;
}


#more {
	position: absolute;
	float: left; 
	height: auto;
	width: 484px;
	filter: alpha(opacity=90); opacity:0.9;
	background-repeat: no-repeat; 
	margin: 305px 0 8px 538px;
	padding: 0;
}

#more .projectList a img {
    padding:4px;
    border: 1px dashed #333;
	margin-bottom: 10px;
}

#more ul { margin:0; padding:70px 0 12px 25px; list-style-type: none; list-style-position: outside; font-family:"Courier New", Courier, monospace; font-size:13px; color:#CCCCCC; line-height: 18px;

}

#more .projectList a:hover img, .projectList a:hover img {
padding:4px;
    border: 1px solid #333;
}

#more h2 img {
    position: absolute; 
	top: 4px; 
	left: -25px; 
	border: none;  
  

}

#more p { position: absolute; top:38px; left:187px; padding:1em; width: 150px; 

}

#more h2 {font-family:"Courier New", Courier, monospace; 
	position: absolute;
	font-size: 26px;
	top: 15px;
	left: 48px;
	color: #333;
	font-weight: bold;  
	margin: 0; 
	padding: 0;

}

p #mt { position: absolute; top: 15px; left: 787px; }

.ie p #mt { position: absolute; top: 16px; left: 833px; }

.win.gecko p #mt { position: absolute; top: 16px; left: 833px; }

.webkit p #mt { position: absolute; top: 15px; left: 833px; }

.ie #nav a { font-size: 19px; }

.ie p span { 
    color: #c8c8c8; 
	background-color: #3a3a3a; 
	line-height: 1.5em;
	text-decoration: none;
}


.win.gecko p span { 
    color: #c8c8c8; 
	background-color: #303030; 
	line-height: 1.5em;
	text-decoration: none;
}


#formWrap { position: absolute; top:120px; }

#featuredSongone #corner { position: relative; top: 285px; left: 508px; margin: 0; padding: 0; border: none;
}


a #spanu { color: #000; background-color: #ccc; border-bottom: 1px solid #ff3939; }   

body {
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: #000;
	margin: 0;
	padding: 0;
	color: #000000;
}

</style>