@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------------------------------------------------------------
  layout sections
-----------------------------------------------------------------------------------------------*/
body { margin: 0px;
	padding: 0px;
	line-height: 20px;
}

#containar_index {
	background-image:url(images/indexbg.jpg);
	background-repeat:no-repeat;
	height: 600px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#containar_indexhtml {
	background-image:url(images/bg_indexhtml.jpg);
	background-repeat:no-repeat;
	height: 600px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#containar_aboutme {
	background-image:url(images/bg_aboutme.jpg);
	background-repeat:no-repeat;
	height: 600px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#containar_graphicdesign {
	background-image:url(images/bg_graphicdesign.jpg);
	background-repeat:no-repeat;
	height: 600px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#containar_multimedia {
	background-image:url(images/bg_multimedia.jpg);
	background-repeat:no-repeat;
	height: 600px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#containar_photography {
	background-image:url(images/bg_photography.jpg);
	background-repeat:no-repeat;
	height: 600px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#containar_art {
	background-image:url(images/bg_art.jpg);
	background-repeat:no-repeat;
	height: 600px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#containar_contact {
	background-image:url(images/bg_contact.jpg);
	background-repeat:no-repeat;
	height: 600px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#containar_banner1 {
background-color:#FFFFFF;
	background-repeat:no-repeat;
	height: 468px;
	width: 60px;
	margin-left: 250px;
	margin-right: auto;
}
#containar_banner2 {
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height: 350px;
	width: 200px;
	margin-left: 300px;
	margin-right: auto;
}
#texholder {
	height: 227px;
	width: 338px;
	float:left;
	margin-left: 231px;
	margin-top:187px;
}
#texholder2 {
	height: 227px;
	width: 338px;
	float:left;
	margin-left: 150px;
	margin-top:110px;
}
img {
	border: 0px;
}

.entertext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#9C6A00;
}

#content {
	height: 173px;
	width: 800px;
	float:left;
	margin-top: 10px;
}

#flashholder { 
	height:152px;
	width:116px;
	float:left;
	margin-left:105px;
}

#midleholder {
	height: 152px;
	width: 358px;
	float: left;
	text-align: center;
}

#htmlholder {
	height: 152px;
	width:221px;
	float:left;
}

#footer {
	height:21px;
	width:800px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#9C6A00;
	margin-left:430px;
	}


#welcomeholder {
	height: 100px;
	width: 200px;
	float:left;
	margin-left:47px;
	margin-top: 105px;
}

#contentholder {
	height: 168px;
	width: 800px;
	float:left;
}

#contactholder { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 593px;
	margin-top: 0px;
}
#artholder { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 570px;
	margin-top: 0px;
}
#photograhyholder { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 604px;
	margin-top: 0px;
}
#multimediaholder { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 592px;
	margin-top: 0px;
}
#graphicholder { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 598px;
	margin-top: 0px;
}
#aboutmeholder { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 555px;
	margin-top: 0px;
}
#footerindexhtml {
    height:21px;
	width:370px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#9C6A00;
	margin-left:430px;
	margin-top: 210px;
	}
#footercontact {
    height:21px;
	width:370px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#9C6A00;
	margin-left:430px;
	margin-top: 35px;
	}
#footerabout {
    height:21px;
	width:370px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#9C6A00;
	margin-left:430px;
	margin-top: 47px;
	}	
	
#footergallery {
    height:21px;
	width:370px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#9C6A00;
	margin-left:430px;
	
	}	
#contentholderaboutme {
	height: 196px;
	width: 353px;
	float:left;
	margin-top: 10px;
	
}	
#contactholderl { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 363px;
	margin-top: 0px;
}
#artholderl { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 339px;
	margin-top: 0px;
}
#photograhyholderl { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 369px;
	margin-top: 0px;
}
#multimediaholderl { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 356px;
	margin-top: 0px;
}
#graphicholderl { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 360px;
	margin-top: 0px;
}
#aboutmeholderl { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 311px;
	margin-top: 0px;
}
#welcomeholderl { 
	width:174px;
	height:28px;
	float:left;
	margin-left: 280px;
	margin-top: 0px;

}

#texholderaboutme {
	height: 280px;
	width: 473px;
	float:left;
	margin-left: 271px;
	margin-top:45px;
	overflow: auto
}
#texholdercontact {
	height: 205px;
	width: 362px;
	float:left;
	margin-left: 288px;
	margin-top: 135px;
}

#imageholdercontent {
	height: 180px;
	width: 204px;
	float:left;
	margin-left: 25px;
}

#loadarea {
	height: 378px;
	width: 523px;
	float:left;
}

#loadareamultimedia {
	height: 328px;
	width: 523px;
	float:left;
	margin-top: 50px;
	margin-left:220px;
	
	
}

/*-----------------------------------------------------------------------------------------------
  Font styling
-----------------------------------------------------------------------------------------------*/
#texholder h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	color: #C2BF02;
	font-weight: bold; 
	text-transform: uppercase;
}

#texholder h2 { 
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #C2BF02;
	font-weight: bold;
 }
 
#texholder h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #C2BF02;
	font-weight: bold;
}

#texholder h4 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #E99A03;
	font-weight: bold;
	text-transform: uppercase;
}
#texholder2 h4 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #E99A03;
	font-weight: bold;
	text-transform: uppercase;
}

#texholder p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #C2BF02;
	font-weight: normal; 
}

#welcomeholder h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	color: #E99A03;
	font-weight: bold; 
	text-transform: uppercase;
}	

#welcomeholder h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	color: #E99A03;
}	

#texholderaboutme h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #C2BF02;
	font-weight: bold; 
	}
	
 #texholderaboutme p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #C2BF02;
	font-weight: normal; 
}
#texholdercontact h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #C2BF02;
	font-weight: bold; 
	}
	
 #texholdercontact p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #C2BF02;
	font-weight: normal; 
}