/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }

body { font: 12px/1.4 Raleway; 
background-attachment:fixed;

}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
a:focus { outline: 0; }

h1 { 

font: 100px Raleway; 
letter-spacing: -1px;
padding: 14px; 
color: white; 
position:fixed;
width:669px;
left: 10px;
top: 0px;
z-index:4;
background-color:#000000;
}

h2 {

font: 16px Raleway; 
color: white;
}

h3 {

font: 14px Raleway; 
color: white; 
}

p { margin: 0 0 15px 0; color: white;}



#page-wrap { 
    width: 480px;
    height:530px;
    margin-top:193px;
	margin-left:600px;
    padding: 8px;
  position:relative;
 z-index:1;
 
}



#page-wrap-eng { 
    width: 450px;
    height:530px;
    margin-top:193px;
	margin-left:55px;
    padding: 8px;
    text-align:left;
 	position:relative;
 z-index:1;
  overflow:auto;

}




#guitar { 
	list-style: none;  
	width: 170px;
	height:50px;
	padding-top:55px;
	position: fixed; 
	z-index:4;
    left: 670px;
    top: 0px;
    font:  14px/16px 'Raleway';
	color: white;
	background-color:#000000;
 
}

#engineer { 
 	list-style: none; 
 	width: 170px;
 	height:20px;
 	position: fixed; 
 	z-index:4;
    left: 670px;
    top: 85px;
    font:  14px/16px 'Raleway';
	color: white;
 	background-color:#000000;
}

#links { 
	list-style: none;  
	width: 40px;
	height:10px;
	position: fixed;
	padding-top:60px;
	z-index:5;
    left: 865px;
    top: 0px;
    font:  10px/12px 'Raleway';
	color: white;
	
}

#share { 
	list-style: none;  
	width: 40px;
	height:10px;
	position: fixed; 
	z-index:5;
    left: 865px;
    top: 115px;
    font:  10px/12px 'Raleway';
	color: white;
	
}

#icons { 
position: fixed; 
    left: 910px;
    top: 0px;
    z-index:5;
    width: 430px;
 	height:70px;
 	padding-top:33px;
 	background-color:#000000;
 
}

#icons2 { 
position: fixed; 
    left: 908px;
    top: 106px;
    z-index:5;
    width: 430px;
 	height:20px;
 	background-color:#000000;
}

#icons3 { 
position: fixed; 
    left: 908px;
    top: 126px;
    z-index:5;
    width: 430px;
 	height:20px;
 	background-color:#000000;
}


table.gridtable {
	font-family: Raleway;
	font-size:11px;
	color:#ffffff;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;

}
table.gridtable td {
	border-width: 0px;
	padding: 8px;

}

#main-content { 
padding: 14px;
position:relative;
z-index:1;
overflow:auto;


}


 
nav ul { 
    list-style: none;
    padding: 7px 20px;
    width: 100%;
    position: fixed; 
    z-index:4; 
    left: 20px;
    top: 113px;
    background-color:#000000;
}
nav ul li { display: inline; }
nav ul li a {
	display: block;
	float: left;
	height: 10px;
	padding: 10px 10px;

	-webkit-text-stroke: 1px transparent;
	font:  14px/16px 'Raleway';
	color: white;
	text-decoration: none; 
	margin: 0 5px 0 0;
}
nav ul li a:hover {
	
	color: red; 
}	
nav ul li a:active, nav ul li a.current {

	position: relative;
}

footer { color: #999; margin: 0 auto; width: 500px; }