/* ********* */
/* CSS RESET */
/* ********* */

html, body, h1, h2, p, ul, li
{
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
ul
{
	margin-left: 1.4em;
	list-style: none;
	padding: 0;
	margin: 0;
}
img { border: 0; }
a
{
	text-decoration: none;
	color: #FFF;
}
html
{
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
	background: #000;
}
#bkg
{
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0px;
	overflow: hidden;
	z-index: -1;
}
#wrapper
{
	width: 600px;
	margin: 0 auto 0 auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
}
#header
{
	margin: 30px 0 20px 50px;
	background: url(../images/logo.png) no-repeat top left;
	width: 600px;
	height: 94px;
	text-indent: -9999px;
}
.button
{
	text-align: left;
	font-size: 150%;
	font-weight: 1000;
	text-indent: 10px;
	color: #FFF;
	width: 600px;
	float: left;
	background: #24292e;
	padding: 25px 0 25px 0;
	margin: 0px 0 0px 0;
	cursor: pointer;
	font-family: arial;
}	
.content
{
	font-size: 90%;
	font-weight: bold;
	width: 600px;
	float: left;
	background: rgba(0, 0, 0, 0.5);
}
.content img
{
	padding: 10px;
	float: left;
}
.email 
{
	color: #B1FF06;
	font-weight: bold;
}
#rhino
{
	float: right;
	margin-bottom: -10px;
	margin-top: -100px;
}

/* ************ */
/* MAIN BUTTONS */
/* ************ */

#about { background: #790000; }
#about:hover { background: #b80000; }
#ngh { background: #aba000; }
#ngh:hover { background: #e5d600; }
#ngh2 { background: #00bff3; }
#ngh2:hover { background: #4cd2f7; }
#lm { background: #6133a5; }
#lm:hover { background: #8336f5; }
#pfolio { background: #d25428; }
#pfolio:hover { background: #ff4200; }
#contact { background: #7cc576; }
#contact:hover { background: #67eb5c; }
.on { background: #96a3b3; }	
.over { background: #96a3b3; }

/* **** */
/* TEXT */
/* **** */

p 
{
	width: 560px;
	padding: 15px;
}
ul { padding-left: 15px; }
li { padding: 3px 0 3px 0; }
h1 
{
	font-size: 100%;
	font-weight: bold;
}
h2 
{
	width: 580px;
	padding: 15px 15px 5px 15px;
	font-size: 18px;
	font-style: normal;
	color: #B1FF06;
	text-decoration: none;
}
h3 
{
	width: 500px;
	padding: 1px 15px 2px 15px;
	font-size: 12px;
	font-style: normal;
	color: #FC3;
	text-decoration: none;
}
h4
{
	font-size: 10px;
	text-align: center;
	padding-top: 60px;
}

/* ******** */
/* NAARGH!! */
/* ******** */

.ngh_box
{
	width : 280px;
	min-width: 280px;
	margin: 10px;
	display: block;
}
#ngh_phone
{
	height: 338px;
	min-height: 338px;
	float: left;
	background-image: url(../images/ngh/ngh_phone.jpg);
	background-repeat: no-repeat;
}
#ngh_logo
{
	height: 120px;
	min-height: 120px;
	min-width: 120px;
	width: 120px;
	float: left;
	background-image: url(../images/ngh/ngh_logo.jpg);
	background-repeat: no-repeat;
	margin-left: -60px;
}
#ngh_screenshots
{
	background: #ff243d;
	height: 116px;
	min-height: 116px;
	width: 580px;
	float: left;
	margin-top: -8px;
}
#ngh_screenshots img
{
	padding: 8px;
}
#ngh_c.content
{
	font-size: 90%;
	font-weight: bold;
	width: 600px;
	float: left;
	background: #101010;
	color: #000;
}
#ngh_features
{
	background: #ff243d;
	height: 180px;
	min-height: 180px;
	width: 330px;
	float: right;
	padding: 10px;
	margin: 10px;
	margin-top: -218px;
}
#ngh_dlwin
{
	display: block;
	min-height: 56px;
	height: 56px;
	width: 168px;
	background: url(../images/ngh/ngh_dlwin.jpg)  no-repeat top center;
	overflow:hidden;
    text-indent: -9999px;
    white-space:nowrap;
	margin: 40px 35px 0px 0px;
	float: right;
}
#ngh_dlwin:hover { background: url(../images/ngh/ngh_dlwin.jpg)  no-repeat bottom center; }
#ngh_features h1 { margin-left: 15px; }
#ngh_features h2 { color:#FFF; }
#ngh_features ul
{
	list-style-type: disc;
 	margin-left: 15px;
 	color:#FFF;
}
#ngh_footer
{
	width: 600px;
	height: 100px;
	margin: -70px auto 0 auto;
	float: right;
	color: #FFF;
}

/* ********** */
/* NAARGH!! 2 */
/* ********** */

#ngh2_heading
{
	background: url(../images/ngh2/ngh2_heading.jpg) no-repeat center center;
	width: 600px;
	height: 267px;
	margin: 0 auto 0 auto;
}
#ngh2_c.content
{
	font-size: 90%;
	font-weight: bold;
	width: 600px;
	float: left;
	background: #E6E6E6;
	color: #000;
}
#ngh2_dls
{
	z-index: 1;
	margin: 10px;
}
#ngh2_dlwin
{
	display: block;
	min-height: 56px;
	height: 56px;
	width: 168px;
	background: url(../images/ngh2/ngh2_dlwin.jpg)  no-repeat top center;
	overflow:hidden;
    text-indent: -9999px;
    white-space:nowrap;
    float: left;
    margin-left: 100px;
}
#ngh2_dland
{
	display: block;
	min-height: 56px;
	height: 56px;
	width: 168px;
	background: url(../images/ngh2/ngh2_dland.jpg)  no-repeat top center;
	overflow:hidden;
    text-indent: -9999px;
    white-space:nowrap;
    float: right;
    margin-right: 100px;
}
#ngh2_dlwin:hover { background: url(../images/ngh2/ngh2_dlwin.jpg)  no-repeat bottom center; }
#ngh2_dland:hover { background: url(../images/ngh2/ngh2_dland.jpg)  no-repeat bottom center; }
#ngh2_footer h4 { padding-top: 100px; }
#ngh2_info
{
	margin-top: 120px;
	padding: 0;
}
#ngh2_subheading
{
	margin-top: 80px;
	padding: 0;
}
#ngh2_footer
{
	background: url(../images/ngh2/ngh2_footer.jpg) no-repeat top center;
	height: 140px;
	margin: 30px auto -10px auto;
}
#ngh2_c h2
{
	color:#000;
	text-transform: uppercase;
	font-size: 15px;
}
#ngh2_info ul
{
	list-style-type: disc;
 	margin-left: 15px;
}

/* ************** */
/* LUGGAGE MAYHEM */
/* ************** */

#lm_heading
{
	background: url(../images/lm/lm_heading.jpg) no-repeat center center;
	width: 600px;
	height: 267px;
	margin: 0 auto 0 auto;
}
#lm_c.content
{
	font-size: 90%;
	font-weight: bold;
	width: 600px;
	float: left;
	background: #FFE5B2;
	color: #000;
}
#lm_dlwin
{
	display: block;
	min-height: 56px;
	height: 56px;
	width: 168px;
	background: url(../images/lm/lm_dlwin.jpg)  no-repeat top center;
	overflow:hidden;
    text-indent: -9999px;
    white-space:nowrap;
	margin: -40px auto 0 auto;
}
#lm_dlwin:hover { background: url(../images/lm/lm_dlwin.jpg)  no-repeat bottom center; }
#lm_info
{
	margin-top: 10px;
	padding: 0;
}
#lm_footer
{
	background: url(../images/lm/lm_footer.jpg) no-repeat top center;
	height: 100px;
	margin: 30px auto -10px auto;
}
#lm_info h2
{
	color:#000;
}
#lm_info ul
{
	list-style-type: disc;
 	margin-left: 15px;
}