/* Design & Code (c) Joseph Messina III */


/*	Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version:2.6.0 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
/*	END Copyright (c) 2008, Yahoo! Inc.  */
	
/* CLEARFIX !! -- slightly enhanced, universal clearfix hack */
.clearfix:after 	{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix			{ display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix	{ height:1%; }
.clearfix			{ display:block; }
/* close commented backslash hack */

/* Removes grey dotted outline around block-level links */
object:focus,
object:active,
a:focus,
a:active	{ outline:none; }


body		{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #FFFFFF; background-color: #3399FF; text-align:center; width:100%; height:100%; }
#contain	{ text-align:left; width:770px; height:100%; padding-top:5px; margin:0 auto; background:#3399FF; }

/*	Headings	*/
h1			{ margin-bottom:20px; font-size:20px; }
h2			{ margin-top:40px; font-weight:700; font-size:15px; }
#about h2	{ color:#FFD4A7; }
h3			{ font-size:12px; font-weight:700; color:#FFFFFF; margin-bottom:5px;  }

/*	Paragraph and Link Styles	*/
a,	
a:link,
a:visited	{ color:#003366; text-decoration:underline; }
a:hover		{ text-decoration:none; }

.view		{ color:#33FF33; font-weight:bold; }

p.listhead	{ margin-bottom:0; }
ul.listhead { margin-top:0; }

/*	HEADER  */
#head				{ width:760px; height:128px; background:transparent url(/images/head.png) no-repeat left top; }
#head h1			{ display:none; }
#head h2			{ padding:11px 0 70px 70px; font-size:13px; font-weight:400; margin-top:0; }

/*	CONTENT  */
#Lcolumn		{ width:340px; margin:10px; padding:10px; float:left; }
*html #Lcolumn	{ width: 300px; }
#Rcolumn		{ width:340px; margin:10px; padding:10px; float:left; }

.example		{ width:300px; padding:10px; padding-top:5px; margin-bottom:20px; background:transparent url(/images/h2.jpg) no-repeat left top; }
.outdated_site	{ font-size:16px; font-weight:700; margin:20px 50px; color:#900; }

#about			{ padding:20px; }
#about p		{ margin:10px auto; font-size:13px; }
#about p strong	{ font-size:15px; display:block; font-weight:700; }
#about p strong a		{ text-decoration:none; }
#about p strong a:hover	{ text-decoration:underline; }
#about p span.position	{ text-decoration:underline; }

/*	RESUME  */
#boxNav						{ width:344px; height:92px; position:relative; top:0; left:0; margin:40px auto 0; background:transparent url(/images/boxes.png) no-repeat top left; }
#boxNav li					{ list-style:none; position:absolute; top:0; left:0; }
#boxNav li a				{ height:80px; width:80px; display:block; text-decoration:none; }
#boxNav li a span			{ display:none; }
#boxNav #button01			{ background:transparent url(/images/boxes.png) no-repeat -6px -6px; left:6px; top:6px; width:80px; }
#boxNav #button02			{ background:transparent url(/images/boxes.png) no-repeat -90px -6px; left:90px; top:6px; width:80px; }
#boxNav #button03			{ background:transparent url(/images/boxes.png) no-repeat -174px -6px; left:174px; top:6px; width:80px; }
#boxNav #button04			{ background:transparent url(/images/boxes.png) no-repeat -258px -6px; left:258px; top:6px; width:80px; }
/*
#boxNav #button01 a:hover	{ background:transparent url(/images/boxes.png) no-repeat -6px -107px; }
#boxNav #button02 a:hover	{ background:transparent url(/images/boxes.png) no-repeat -90px -107px; }
#boxNav #button03 a:hover	{ background:transparent url(/images/boxes.png) no-repeat -174px -107px; }
*/
#boxNav #button04 a:hover	{ background:transparent url(/images/boxes.png) no-repeat -258px -107px; }

/*	CONTACT  */
.contactContainer				{ margin:100px auto 0; width:400px; text-align:left; }
.contactContainer label			{ display:block; width:100px; float:left; margin-bottom:10px; text-align:right; }
.contactContainer .text-input	{ display:block; width:250px; float:left; border:1px solid red; }
.contactContainer .text-area	{ display:block; width:250px; float:left; border:1px solid red; height:200px; }
.contactContainer .contact-send	{ margin:10px 0 0 100px; }




/*   *************************************  */

/*        ImageBox CSS                      */

/*   *************************************  */



#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
	border-bottom:15px solid #000;
	border-right:15px solid #000;
	border-left:15px solid #000;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
	border-top:15px solid #000;
	border-right:15px solid #000;
	border-left:15px solid #000;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
	color: #000;
}
#ImageBoxNextImage
{
	background-image: url(/images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(/images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(/images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(/images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
};