body
	{
		background-image: url(images/bkgdtile.gif);
		margin: 0;
		padding: 0;
		font: .7em Helvetica, Arial, sans-serif;
		color: #0c0000;
		background-color: #0c0000;
	}
	

#container
	{
		margin: .5em auto;
		width: 600px;
		text-align: left;
		background-color: #381f01;
		border: 3px solid #fff;
		background-image: url(images/dot.gif);
	}


#header
	{	
		height: 160px;
		background: #fff url(images/topbanner.jpg) no-repeat top left;
	}



/* --- TOP MENU ---------------------------------- */


#topnav
	{
		height: 20px;
		background-color: #0c0000;
		border-bottom: 1px solid #fff;
	}


#topnavmenu 
	{
		float: right;
		display: inline;
		margin: 0px;
		padding: 0px;
		height: 20px;
		list-style-type: none;
		/* hide from IE5 mac \*/
		overflow: hidden;
		/* end hiding from IE5 mac */
		}


#topnavmenu li 
	{
		display: inline;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}


#topnavmenu a 
	{
		float: left;
		padding: 0px;
		/* hide from IE5 mac \*/
		overflow: hidden;
		/* end hiding from IE5 mac */
		width: 450px;
		height: 20px !important;
		height /**/:20px;/* for IE5/Win only */
	}


#topnavmenu a span 
	{
		display: block;
		overflow: hidden;
		width: 0px;
		height: 0px;
	}

#topnavmenu a:hover 
	{
		background-position: 0 -20px;
	}

#topnavmenu a:active, #topnavmenu a.selected 
	{
		background-position: 0 -40px;
	}

#thome a 
	{
		width: 75px;
		background: url("images/topnav/hometext.gif") top left no-repeat;
	}

#tabout a 
	{
		width: 75px;
		background: url("images/topnav/abouttext.gif") top left no-repeat;
	}

#tportfolio a 
	{
		width: 75px;
		background: url("images/topnav/portfoliotext.gif") top left no-repeat;
	}

#tlinks a 
	{
		width: 75px;
		background: url("images/topnav/linkstext.gif") top left no-repeat;
	}

#tcontact a 
	{
		width: 75px;
		background: url("images/topnav/contacttext.gif") top left no-repeat;
	}

#twedding a 
	{
		width: 75px;
		background: url("images/topnav/weddingtext.gif") top left no-repeat;
	}


/*  ---------------------------------- */



/* --- SIDE MENU ---------------------------------- */

#sidenav
	{
		margin: 10px;
		padding: 0px;
		float: left;
		width: 90px;
		height: 280px;
		background-color: #381f01;
	}


#sidenavmenu 
	{
		margin: 0px;
		padding: 0px;
		width: 90px;
		list-style-type: none;
		/* hide from IE5 mac \*/
		overflow: hidden;
		/* end hiding from IE5 mac */
	}

#sidenavmenu li 
	{
		margin: 5px;
		padding: 0px;
		list-style-type: none;
	}

#sidenavmenu a 
	{
		display: block;
		padding: 0px;
		/* hide from IE5 mac \*/
		overflow: hidden;
		/* end hiding from IE5 mac */
		width: 0px;
		height: 50px !important;
		height /**/:50px;/* for IE5/Win only */
	}

#sidenavmenu a span 
	{
		display: block;
		overflow: hidden;
		width: 0px;
		height: 0px;
	}

#sidenavmenu a:hover 
	{
		background-position: 0 -50px;
	}

#sidenavmenu a:active, #sidenavmenu a.selected 
	{
		background-position: 0 -100px;
	}

#sabout a 
	{
		width: 80px;
		background: url("images/sidenav/about.jpg") top left no-repeat;
	}

#sportfolio a 
	{
		width: 80px;
		background: url("images/sidenav/portfolio.jpg") top left no-repeat;
	}

#slinks a 
	{
		width: 80px;
		background: url("images/sidenav/links.jpg") top left no-repeat;
	}

#scontact a 
	{
		width: 80px;
		background: url("images/sidenav/contact.jpg") top left no-repeat;
	}

#swedding a 
	{
		width: 80px;
		background: url("images/sidenav/wedding.gif") top left no-repeat;
	}


/*  ---------------------------------- */


#contents, #portcontents
	{
		margin-left: 110px;	
		height: 100%;
		background-color: #381f01;
		background-image: url(images/dot.gif);
	}

#portcontents img
	{
		border-style: none;
	}


/* --- BOX 1 ---------------------------------- */


#box1
	{
		float: left;
		display: inline;
		overflow: hidden;
		margin: 20px 0px 20px 0px;
		width: 450px;
		border: 3px solid #faf5d4;
		background-color: #c1bfab;
	}


#box1 p
	{
		color: #0c0000;
		padding: 0px 10px 0px 10px;
		line-height: 1.5em;
	}

#box1 img
	{	
		float: left;
		margin: 10px;
		padding: 0px;
		border: 1px solid #faf5d4;
	}


.abitheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 170px;
		height: 25px;
		background: url(images/abitheader.gif) #c1bfab no-repeat; 
	}


/*  ---------------------------------- */



/* --- BOX 2 ---------------------------------- */


#box2
	{
		background-image: url(images/bkgdtilesilver.gif);
		float: left;
		display: inline;
		overflow: hidden;
		margin: 20px 0px 20px 5px;
		width: 450px;
		border: 3px solid #fff;
		background-color: #c1bfab;
	}

#box2 p
	{
		color: #000;
		padding: 0px 10px 10px 10px;
		line-height: 1.2em;
	}


.whatsnewheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 450px;
		height: 25px;
		background: url(images/whatsnew.gif) #cccccc no-repeat; 
	}



/*  ---------------------------------- */


/* --- BOX 3 and 4 ---------------------------------- */


#box3, #box4
	{
		background-image: url(images/bkgdtilesilver.gif);
		float: left;
		margin: 20px 0px 20px 5px;
		width: 450px;
		border: 3px solid #fff;
		background-color: #fff;
	}


#box3 p, #box4 p
	{
		color: #000;
		padding: 0px 10px 10px 10px;
		line-height: 1.2em;
	}

#box3 img
	{
		float: left;
		margin: 5px 10px 5px 0px;
		border: 2px solid #381f01;
	}


#box4 img
	{
		margin: 0px;
		border: none;
	}

#box4 ul
	{
		list-style-type: none;
		padding: 5px 20px 20px 20px;
	}

#box4 li
	{
		line-height: 2em;
	}

.whoiamheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 450px;
		height: 25px;
		background: url(images/whoiam.gif) #cccccc no-repeat; 
	}


.moreaboutmeheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 450px;
		height: 25px;
		background: url(images/moreaboutme.gif) #cccccc no-repeat; 
	}


.aboutvisualauraheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 450px;
		height: 25px;
		background: url(images/aboutvisualaura.gif) #cccccc no-repeat; 
	}


.linksheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 450px;
		height: 25px;
		background: url(images/linksheader.gif) #cccccc no-repeat; 
	}



.thanksheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 450px;
		height: 25px;
		background: url(images/thanksheader.gif) #cccccc no-repeat; 
	}

/*  ---------------------------------- */



/* --- PORTFOLIO TOP MENU ---------------------------------- */



#portfolionav
	{
		height: 20px;
		background-color: #381f01;
		border-bottom: 1px solid #faf5d4;
		background-image: url(images/dot.gif);
	}


#portnavmenu 
	{
		float: right;
		display: inline;
		margin: 0px;
		padding: 0px;
		height: 20px;
		list-style-type: none;
		/* hide from IE5 mac \*/
		overflow: hidden;
		/* end hiding from IE5 mac */
	}


#portnavmenu li 
	{
		display: inline;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

#portnavmenu a 
	{
		float: left;
		padding: 0px;
		/* hide from IE5 mac \*/
		overflow: hidden;
		/* end hiding from IE5 mac */
		width: 450px;
		height: 20px !important;
		height /**/:20px;/* for IE5/Win only */
	}

#portnavmenu a span 
	{
		display: block;
		overflow: hidden;
		width: 0px;
		height: 0px;
	}

#portnavmenu a:hover 
	{
		background-position: 0 -20px;
	}

#portnavmenu a:active, #portnavmenu a.selected 
	{
		background-position: 0 -40px;
	}

#pdesign a 
	{
		width: 75px;
		background: url("images/portnav/designtext.gif") top left no-repeat;
	}

#pillustration a 
	{
		width: 75px;
		background: url("images/portnav/illustext.gif") top left no-repeat;
	}

#pphotos a 
	{
		width: 75px;
		background: url("images/portnav/photostext.gif") top left no-repeat;
	}

/*  ---------------------------------- */



/* --- PORTFOLIO DESCRIPTION ---------------------------------- */


#portdesc
	{
		width: 600px;
		height: 25px;
		background-image: url(images/graphicdestopheader.gif);
	}


#webportdesc
	{
		width: 600px;
		height: 25px;
		background-image: url(images/webdestopheader.gif);
	}


#illusportdesc
	{
		width: 600px;
		height: 25px;
		background-image: url(images/illustopheader.gif);
	}


#photoportdesc
	{
		width: 600px;
		height: 25px;
		background-image: url(images/phototopheader.gif);
	}


/*  ---------------------------------- */



/* --- PORTFOLIO SIDE NAV ---------------------------------- */

#portsidenav
	{
		margin: 10px;
		padding: 5px;
		float: left;
		width: 140px;
		height: 300px;
		background-color: #381f01;
	}

#portsidenav p
	{
		padding-left: 20px;
	}


#portsidenav td
	{
		padding: 3px;
	}

#portsidenav img
	{
		border: none;
	}



.graphicdesignheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 140px;
		height: 25px;
		background: url(images/graphicdesheader.gif) #cccccc no-repeat; 
	}


.webdesignheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 140px;
		height: 25px;
		background: url(images/webdesheader.gif) #cccccc no-repeat; 
	}

.illustrationheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 140px;
		height: 25px;
		background: url(images/illustrationheader.gif) #cccccc no-repeat; 
	}

.photosheader 
	{
		padding: 0px;
		margin: 0px;
		text-indent: -9999px;
		width: 140px;
		height: 25px;
		background: url(images/photosheader.gif) #cccccc no-repeat; 
	}


#portsidenav p a:link 
	{
		color: #381f01;
		text-decoration: none;
	}

#portsidenav p a:visited 
	{
		color: #381f01;
		text-decoration: none;
	}

#portsidenav p a:hover 
	{
		color: #381f01;
		text-decoration: none;
	}

#portsidenav p a:active 
	{
		color: #381f01;
		text-decoration: none;
	}


/*  ---------------------------------- */



/* --- PORTFOLIO MAIN PAGE ---------------------------------- */


#portmain
	{
		height: 100%;
		width: 600px;
	}

#portmain p
	{
		border: 3px solid #000;
		color: #000;
		background-image: url(images/bkgdtilesilver.gif); 
		line-height: 1.5em;
		margin: 10px;
		padding: 15px;
		background-color: #fff;
	}

#portmain img
	{
		float: left;
		margin: 20px 10px 20px 30px;
		border: 0px;
	}




/*  ---------------------------------- */


/* --- NAVIGATION BUTTONS ---------------------------------- */


.portbuttons
	{
		border: none;
		
	}

/*  ---------------------------------- */


/* --- PORTFOLIO ART BOX ---------------------------------- */


#portbox
	{
		float: left;
		display: inline;
		margin: 10px 0px 10px 0px;
		border: 2px solid #997755;
		background-color: #faf5d4;
	}


/*  ---------------------------------- */


/* --- CONTACT FORM ---------------------------------- */

#formcontainer
	{
		margin: .5em auto;
		width: 600px;
		text-align: left;
		background-color: #381f01;
		border: 3px solid #fff;
	}

#formcontents
	{
		height: 100%;
	}

#forminfo
	{
		float: left;
		margin: 10px 0px 10px 10px;
		width: 120px;
		height: 100%;
		background-color: #fff;
		background-image: url(images/bkgdtilesilver.gif);
	}

#forminfo p
	{
		font-size: 1em; 
		line-height: 1.5em;
		padding: 10px;
		color: #381f01;
	}


#forminput
	{
		float: left;
		width: 450px;
		background-color: #381f01;
		margin: 10px 5px 10px 5px;
	}


#forminput p
	{
		padding: 2px;
		color: #381f01;
	}

#forminput td
	{
		padding: 5px;
		background-color: #c1bfab;
	}

#forminput h3
	{
		padding: 0px;
		margin: 5px 0px 10px 2px;
		text-indent: -9999px;
		width: 450px;
		height: 25px;
		background: url(images/pleaseenter.gif) #c1bfab no-repeat; 
	}

.submit
	{
		background-color: #381f01;
	}

#forminput td.submitbox
	{
		background-color: #381f01;
		padding: 0px;
	}

#forminput textarea
	{	
		background-image: url(images/bkgdtilesilver.gif);
	}







/*  ---------------------------------- */


/* --- FOOTER ---------------------------------- */

#footer	
	{
		border-top: 2px solid #fff;
		background-color: #0c0000;
		clear: both;
		height: 30px;
		margin: 0px;
		padding: 5px;
		
	}

#footer	p
	{
		margin: 5px;
		padding: 5px;
		color: #c9f4f6;		
	}


.footerlinks a:link 
	{
		color: #c9f4f6;
		text-decoration: none;
	}

.footerlinks a:visited 
	{
		color: #fff;
		text-decoration: none;
	}

.footerlinks a:hover 
	{
		color: #fe9100;
		text-decoration: none;
	}

.footerlinks a:active 	
	{
		color: #c9f4f6;
		text-decoration: none;
	}


/*  ---------------------------------- */




a:link 
	{
		color: #663300;
		text-decoration: underline;
	}

a:visited 
	{
		color: #663300;
		text-decoration: underline;
	}

a:hover 
	{
		color: #fe9100;
		text-decoration: underline;
	}

a:active 
	{
		color: #c9f4f6;
		text-decoration: underline;
	}