@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	background: #FFFFFF;
}

a {
	color: #0000FF;
	text-decoration: underline;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
	cursor: pointer;
}

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

a:active {
	color: #0000FF;
	text-decoration: underline;
	border: 0;
}

.oneColFixCtrHdr #container {
	background: #FFFFFF url("/image/web_background.jpg") no-repeat center center fixed;
	margin: 0 auto;
	text-align: left;
	min-width: 1024px;
}

.Portfolio_Container
{
	text-align: center;
	width: 980px;
	margin: auto;
}

.oneColFixCtrHdr #header {
	background: url("/image/header.jpg") no-repeat center 0px #22547d;
	height: 178px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-bottom: #000 solid 1px;
}

.Headings
{
	background-image: url("/image/headings.png");
	background-repeat: no-repeat;
	background-position: center top;
	width: 242px;
	height: 109px;
	margin: auto;
	color: #FFF;
}

.Headings h1
{
	padding-top: 11px;
	text-shadow: #000 2px 2px 8px;
	top: 23px;
	position: relative;
}

.Heading_Details
{
	position: relative;
	margin: auto;
	width: 719px;
	display: none;
}

.Heading_Detail_Left
{
	background: url('/image/heading_detail_left.png') no-repeat;
	position: absolute;
	bottom: -21px;
	right: 600px;
	height: 120px;
	width: 150px;
}

.Heading_Detail_Right
{
	background: url('/image/heading_detail_right.png') no-repeat;
	position: absolute;
	bottom: -21px;
	left: 600px;
	height: 120px;
	width: 150px;
}

.Sub_Head
{
	font-size: 1.4em;
	font-weight: bold;
}

.Page_Top
{
	background-image: url("/image/page_top.png");
	background-repeat: no-repeat;
	background-position: center top;
	width: 719px;
	height: 26px;
	margin: 35px auto 0;
	position: relative;
	clear: left;
}

.Page_Middle
{
	background-image: url("/image/page_middle.png");
	background-repeat: repeat-y;
	background-position: center;
	width: 719px;
	margin: 0 auto;
	clear: left;
}

.Page_Bottom
{
	background-image: url("/image/page_bottom.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 719px;
	height: 26px;
	margin: 0 auto;
	position: relative;
}

.Cube
{
	background-image: url("/image/cube.png");
	background-repeat: no-repeat;
	height: 31px;
	width: 31px;
	position: absolute;
}

.Divider
{
	margin: 20px;
}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColFixCtrHdr #mainContent {
	padding: 0 20px;
	clear: left;
	width: 660px;
	margin: 0 auto;
	text-align: left;
}

.oneColFixCtrHdr #mainContent h1 {
	margin: 0;
	margin-bottom: 15px;
	text-align: center;
}

.oneColFixCtrHdr #mainContent p {
	/*margin: 0;
	padding: 0;*/
}

.oneColFixCtrHdr #footer {
	background: url("/image/footer.jpg") no-repeat center 0px #22547d;
	margin: 20px auto 0;
	color: #FFF;
	text-align: center;
	min-height: 80px;
	border-top: #000 solid 1px;
}

.oneColFixCtrHdr #footer p {
	margin: 0;
	padding: 10px 0;
	position: relative;
	top: 15px;
	font-size: 13px;
	
}

.oneColFixCtrHdr #footer p a
{
	color: #FFF;
}

h2
{
	text-align: center;
}

.Cu3er
{
	background-color: #FFF;
	border: solid 3px #CCC;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-position: bottom;
	background-image: url("/image/cu3er_shadow.jpg");
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	text-align: center;
	padding-top: 20px;
	height: 340px;
	border-width: 1px;
	width: 800px;
}

/* Exploding Divs Begin */

/* CONTENT SECTION */

.white_content {
	display: none;
	background-color: #cccccc;
	position: relative;
	top: 0%;
	left: 0%;
	padding-right: 5px;
	padding-left: 5px;      
	padding-top: 5px;      
	padding-bottom: 5px;
	border: 3px solid black;
	background-color: white;
	z-index: 1002;
	overflow: auto;
	margin: 3px;
}

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

/* CLOSE BUTTON SECTION */

.close_button {
	position: relative;
	float: right;
	width: 65px; 
	left:0px;
	padding-bottom: 20px;
	cursor: pointer;
	z-index: 1004;
}
/* END CLOSE BUTTON SECTION */

/* Exploding Divs End */

.Border_Left
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
}

.Border_Right
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
}

.Table_Heading
{
	vertical-align: middle;
	border: solid 1px #000;
	background-color: #d0e5ff;
	text-align: center;
}

.Skills_Table 
{
	border-collapse: collapse;
}

.Skills_Table td
{
	border: solid 1px #000;
}

.Skills_Table p
{
	margin: 0;
	padding: 1px;
}

.Resume_Header
{
	font-family:"Times New Roman", Times, serif;
}

/* Wilbert(3/8/2010 21:27:22) Not used, but good for more control if needed. */
li.Second
{
	list-style-type: circle;
	margin-left: 40px;
}

li.Third
{
	list-style-type: square;
	margin-left: 80px;
}