/* CSS Document */

body
{
	background-color			: #989898;
	color						: white;

}

img
{
	border						: 0px;
}

.bold
{
	font-weight				: bold;
}

.noborder
{
	border					: none;
}

a:link
{
	color					: #ffffff;
	background-color		: inherit;
	text-decoration			: none;
}

a:visited
{
	color					: #ffffff;
	background-color		: inherit;
	text-decoration			: none;
}

a:hover
{
	color					: #cccccc;
	background-color		: inherit;
	text-decoration			: none;
}

.container
{
	position				: relative;
	padding					: 0px;
	top						: -8px;
	margin					: 0 auto;
	width					: 993px;
	height					: 100%;


}

.header
{
	position				: absolute;
	top						: 0px;
	left					: 0px;
	margin					: 0px;
	padding					: 0px;
	width					: 993px;
	height					: 222px;
	background-image		: url(images/header.jpg);
	z-index					: 1;
	border					: 0px;
}

.index_main
{
	position					: absolute;
	top							: 222px;
	left						: 0px;
	margin:						0 auto;
	background-image:			url(images/index_main.jpg);
	background-repeat:			no-repeat;
	height:						715px;
	width:						993px;

}

.footer
{
	position					: absolute;
	top							: 937px;
	left						: 0px;
	margin:						0 auto;
	background-image:			url(images/footer.jpg);
	background-repeat:			no-repeat;
	background-color			: inherit;
	height:						107px;
	width:						993px;
	color						: black;
}

.credits
{
	position					: relative;
	top							: 50px;
	text-align					: center;
}

.valid_code
{
	position					: relative;
	text-align					: center;
	top							: 50px;
}

.navi
{
	position				: absolute;
	margin					: 0px;
	top						: 222px;
	left					: 141px;
	padding					: 0px;
	width					: 718px;
	height					: 33px;
	background-image		: url(images/nav.jpg);
	z-index					: 1;
	border					: 0px;
}

.home a
{
	position				: absolute;
  	top						: 0px; 
	color					: black;
	background-color		: inherit;
	text-decoration			: none;
}
.home a i
{
	visibility				: hidden;
}

a#home
{
	left					: 32px;
	top						: 9px;
	height					: 13px;
  	width					: 46px;
}

a#home:hover {border: none; background-image: url(images/active_home.jpg); background-repeat: no-repeat; }

.about a
{
	position				: absolute;
  	top						: 0px; 
	color					: black;
	background-color		: inherit;
	text-decoration			: none;
}
.about a i
{
	visibility				: hidden;
}

a#about
{
	left					: 180px;
	top						: 10px;
	height					: 13px;
  	width					: 53px;
}

a#about:hover {border: none; background-image: url(images/active_about.jpg); background-repeat: no-repeat; }

.portfolio a
{
	position				: absolute;
  	top						: 0px; 
	color					: black;
	background-color		: inherit;
	text-decoration			: none;
}
.portfolio a i
{
	visibility				: hidden;
}

a#portfolio
{
	left					: 314px;
	top						: 9px;
	height					: 13px;
  	width					: 90px;
}

a#portfolio:hover {border: none; background-image: url(images/active_portfolio.jpg); background-repeat: no-repeat; }

.interact a
{
	position				: absolute;
  	top						: 0px; 
	background-color		: inherit;
	color					: black;
	text-decoration			: none;
}
.interact a i
{
	visibility				: hidden;
}

a#interact
{
	left					: 470px;
	top						: 10px;
	height					: 13px;
  	width					: 87px;
}

a#interact:hover {border: none; background-image: url(images/active_interact.jpg); background-repeat: no-repeat; }

.contact a
{
	position				: absolute;
	background-color		: inherit;
  	top						: 0px; 
	color					: black;
	text-decoration			: none;
}
.contact a i
{
	visibility				: hidden;
}

a#contact
{
	left					: 630px;
	top						: 10px;
	height					: 13px;
  	width					: 69px;
}

a#contact:hover {border: none; background-image: url(images/active_contact.jpg); background-repeat: no-repeat; }

.section_1_header
{
	position				: absolute;
	top						: 50px;
	left					: 150px;
	font-family				: georgia, "times new roman", serif;
	background-color		: inherit;
	font-size				: 22pt;
	color					: white;
}
.section_1_subheader
{
	position				: absolute;
	top						: 82px;
	left					: 150px;
	font-family				: tahoma, sans-serif;
	font-size				: 9pt;
	font-weight				: bold;
	color					: #C8C8C8;
	background-color		: inherit;
}

.header_1_image
{
	position				: absolute;
	top						: 105px;
	left					: 160px;
	height					: 184px;
	width					: 285px;
	background-image		: url("images/ballers_small_shot.jpg");
	
}

.section_1_text_1
{
	position				: absolute;
	top						: 95px;
	left					: 454px;
	font-family				: arial, helvetica, sans-serif;
	background-color		: inherit;
	font-size				: 10pt;
	color					: #C8C8C8;
	width					: 380px;
	
}

.section_1_text_2
{
	position				: absolute;
	top						: 185px;
	left					: 168px;
	font-family				: arial, helvetica, sans-serif;
	font-variant			: small-caps;
	background-color		: inherit;
	text-align				: center;
	font-size				: 9pt;
	color					: #C8C8C8;
	width					: 203px;
	font-weight				: bold;
	
}

.section_2_header
{
	position				: absolute;
	top						: 287px;
	left					: 150px;
	font-family				: georgia, "times new roman", serif;
	font-size				: 22pt;
	background-color		: inherit;
	color					: white;
}

.section_2_subheader
{
	position				: absolute;
	top						: 349px;
	left					: 150px;
	font-family				: tahoma, sans-serif;
	font-size				: 9pt;
	font-weight				: bold;
	background-color		: inherit;
	color					: #C8C8C8;
}

.section_2_image
{
	position				: absolute;
	top						: 495px;
	left					: 184px;
	background-image		: url("images/section_2_image.jpg");
	background-repeat		: no-repeat;
	width					: 261px;
	height					: 144px;
}


.section_2_text_1
{
	position				: absolute;
	top						: 360px;
	left					: 155px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 325px;
	
}

.section_2_text_2
{
	position				: absolute;
	top						: 640px;
	left					: 155px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 325px;
	
}


.section_3_header
{
	position				: absolute;
	top						: 287px;
	left					: 520px;
	font-family				: georgia, "times new roman", serif;
	font-size				: 22pt;
	color					: white;
	background-color		: inherit;
}

.section_3_subheader
{
	position				: absolute;
	top						: 349px;
	left					: 520px;
	font-family				: tahoma, sans-serif;
	font-size				: 9pt;
	font-weight				: bold;
	color					: #C8C8C8;
	background-color		: inherit;
}

.section_3_image
{
	position				: absolute;
	top						: 370px;
	left					: 554px;
	background-image		: url("images/section_3_image.png");
	background-repeat		: no-repeat;
	width					: 261px;
	height					: 217px;
}

.section_3_text_1
{
	position				: absolute;
	top						: 590px;
	left					: 525px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 325px;
	
}

.contact_main
{
	position					: absolute;
	top							: 222px;
	left						: 0px;
	margin:						0 auto;
	background-image:			url(images/contact_main.jpg);
	background-repeat:			no-repeat;
	height:						715px;
	width:						993px;

}

.contact_section_1_text_1
{
	position				: absolute;
	top						: 125px;
	left					: 155px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 450px;
	
}

.contact_table
{
	border					: 0px;
	width					: 725px;
	
}

.about_section_1_text_1
{
	position				: absolute;
	top						: 100px;
	left					: 155px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 685px;
	
}

.portfolio_section_1_text_1
{
	position				: absolute;
	top						: 100px;
	left					: 155px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 685px;
	
}