html, body
{
 
 width: 100%;
 height: 100%;
 
 /*
 padding-right: 0px;
 padding-left: 0px;
 padding-bottom: 0px;
 padding-top: 0px;
 */
 
 margin: 0px; 
}
html
{
 background: url('files/styles/normal/wood-light.jpg') fixed #000000;
}
body
{
 color: #000;
 
 font-family: 'Calibri', 'Helvetica', 'Arial', 'Verdana', sans-serif;
 font-size: 10pt;
 /*
 font-weight: normal;
 font-style: normal;
 letter-spacing: normal;
 */
}
a 
{
 color: #000;
 text-decoration: none;
}
/* NOTE: Correct, necessary, order for theses pseudo-classes is: link, visited, hover, active */
a:link {
 color: #000;
 text-decoration: none;
}/* unvisited link */
a:visited {
 color: #000;
 text-decoration: none;
}/* visited link */
a:hover {
 color: #16A0E5;
 text-decoration: none;
}/* mouse over link */
a:active {
 color: #000;
 text-decoration: none;
}/* selected link */
form
{
 margin: 0px;
}
hr
{
 width: 100%;
 height: 1px;
 
 /* A zero-margin align aligns it in most web browsers */ 
 margin-top: 0px;
 margin-bottom: 16px;
 
 /* color is for IE */
 color: #000;
 
 /* Aligns it in IE */
 text-align: center;
 
 /* border: 0 removes the shading in most web browsers */
 border: 0px;
 
 /* background is for all other web browsers */
 background: #fff;
 /*background: url('files/styles/normal/hr_gradientBG.png') center repeat-y transparent;*/
}
img
{
 margin: 0px;
 vertical-align: top;
 /*
 NOTE: 
 To remove the weird gap under images use either display:block or a vertical-alignment setting. 
 The gap is caused by the default value of vertical-align, which is "baseline".
 */
 
 border: 0px;
}
table, table td, table th, table tr
{
 padding: 0px;
 
 margin: 0px;
 
 border: 0px dashed #c0c0c0;
 border-spacing: 0px;
 border-collapse: collapse;
 /*"border-collapse: collapse;" is only necessary for Internet Explorer, because it isn't standards compliant*/
}


/* "id's" */

#content-body, #footer, #resume
{
 padding: 16px;
}
#container_main
{
 width: 750px;
}
#container_sub1
{
 width: 100%;
}
#navigation
{
 margin-top:32px;
 margin-bottom:16px;
}
#footer
{
 width: 750px;
}


/* custom classes */

/* custom classes > stretchBox */

/* custom classes > stretchBox > stretchBox mini */

.stretchBox_mini_top_left
{
 width: 8px;
 height: 8px;

 background: url('files/styles/normal/stretchBox/mini/stretchBox_top_left.png') right bottom no-repeat transparent;
}
.stretchBox_mini_top_middle
{
 height: 8px;
 background: url('files/styles/normal/stretchBox/mini/stretchBox_top_middle.png') bottom repeat-x transparent;
}
.stretchBox_mini_top_right
{
 width: 8px;
 height: 8px;

 background: url('files/styles/normal/stretchBox/mini/stretchBox_top_right.png') left bottom no-repeat transparent;
}

.stretchBox_mini_middle_left
{
 width: 8px;
 background: url('files/styles/normal/stretchBox/mini/stretchBox_middle_left.png') right repeat-y transparent;
}
.stretchBox_mini_middle_middle
{
 background: url('files/styles/normal/stretchBox/mini/stretchBox_middle_middle.png') #fff;
}
.stretchBox_mini_middle_right
{
 width: 8px;
 background: url('files/styles/normal/stretchBox/mini/stretchBox_middle_right.png') left repeat-y transparent;
}

.stretchBox_mini_bottom_left
{
 width: 8px;
 height: 8px;

 background: url('files/styles/normal/stretchBox/mini/stretchBox_bottom_left.png') right top no-repeat transparent;
}
.stretchBox_mini_bottom_middle
{
 height: 8px;
 background: url('files/styles/normal/stretchBox/mini/stretchBox_bottom_middle.png') repeat-x transparent;
}
.stretchBox_mini_bottom_right
{
 width: 8px;
 height: 8px;

 background: url('files/styles/normal/stretchBox/mini/stretchBox_bottom_right.png') left top no-repeat transparent;
}

/* custom classes > stretchBox > stretchBox normal */

.stretchBox_normal_top_left
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/normal/stretchBox_top_left.png') right bottom no-repeat transparent;
}
.stretchBox_normal_top_middle
{
 height: 18px;
 background: url('files/styles/normal/stretchBox/normal/stretchBox_top_middle.png') bottom repeat-x transparent;
}
.stretchBox_normal_top_right
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/normal/stretchBox_top_right.png') left bottom no-repeat transparent;
}

.stretchBox_normal_middle_left
{
 width: 18px;
 background: url('files/styles/normal/stretchBox/normal/stretchBox_middle_left.png') right repeat-y transparent;
}
.stretchBox_normal_middle_middle
{
 background: url('files/styles/normal/stretchBox/normal/stretchBox_middle_middle.png') #fff;
}
.stretchBox_normal_middle_right
{
 width: 18px;
 background: url('files/styles/normal/stretchBox/normal/stretchBox_middle_right.png') left repeat-y transparent;
}

.stretchBox_normal_bottom_left
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/normal/stretchBox_bottom_left.png') right top no-repeat transparent;
}
.stretchBox_normal_bottom_middle
{
 height: 18px;
 background: url('files/styles/normal/stretchBox/normal/stretchBox_bottom_middle.png') top repeat-x transparent;
}
.stretchBox_normal_bottom_right
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/normal/stretchBox_bottom_right.png') left top no-repeat transparent;
}

/* custom classes > stretchBox > stretchBox normal_invert */

.stretchBox_normal_invert_top_left
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/normal_invert/stretchBox_top_left.png') right bottom no-repeat transparent;
}
.stretchBox_normal_invert_top_middle
{
 height: 18px;
 background: url('files/styles/normal/stretchBox/normal_invert/stretchBox_top_middle.png') bottom repeat-x transparent;
}
.stretchBox_normal_invert_top_right
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/normal_invert/stretchBox_top_right.png') left bottom no-repeat transparent;
}

.stretchBox_normal_invert_middle_left
{
 width: 18px;
 background: url('files/styles/normal/stretchBox/normal_invert/stretchBox_middle_left.png') right repeat-y transparent;
}
.stretchBox_normal_invert_middle_middle
{
 background: url('files/styles/normal/stretchBox/normal_invert/stretchBox_middle_middle.png') #000;
}
.stretchBox_normal_invert_middle_right
{
 width: 18px;
 background: url('files/styles/normal/stretchBox/normal_invert/stretchBox_middle_right.png') left repeat-y transparent;
}

.stretchBox_normal_invert_bottom_left
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/normal_invert/stretchBox_bottom_left.png') right top no-repeat transparent;
}
.stretchBox_normal_invert_bottom_middle
{
 height: 18px;
 background: url('files/styles/normal/stretchBox/normal_invert/stretchBox_bottom_middle.png') top repeat-x transparent;
}
.stretchBox_normal_invert_bottom_right
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/normal_invert/stretchBox_bottom_right.png') left top no-repeat transparent;
}

/* custom classes > stretchBox > stretchBox tip */

.stretchBox_tip_top_left
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/tip/stretchBox_top_left.png') right bottom no-repeat transparent;
}
.stretchBox_tip_top_middle
{
 height: 18px;
 background: url('files/styles/normal/stretchBox/tip/stretchBox_top_middle.png') bottom repeat-x transparent;
}
.stretchBox_tip_top_right
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/tip/stretchBox_top_right.png') left bottom no-repeat transparent;
}

.stretchBox_tip_middle_left
{
 width: 18px;
 background: url('files/styles/normal/stretchBox/tip/stretchBox_middle_left.png') right repeat-y transparent;
}
.stretchBox_tip_middle_middle
{
 background: url('files/styles/normal/stretchBox/tip/stretchBox_middle_middle.png') #fff;
}
.stretchBox_tip_middle_right
{
 width: 18px;
 background: url('files/styles/normal/stretchBox/tip/stretchBox_middle_right.png') left repeat-y transparent;
}

.stretchBox_tip_bottom_left
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/tip/stretchBox_bottom_left.png') right top no-repeat transparent;
}
.stretchBox_tip_bottom_middle
{
 height: 18px;
 background: url('files/styles/normal/stretchBox/tip/stretchBox_bottom_middle.png') top repeat-x transparent;
}
.stretchBox_tip_bottom_right
{
 width: 18px;
 height: 18px;

 background: url('files/styles/normal/stretchBox/tip/stretchBox_bottom_right.png') left top no-repeat transparent;
}

/* custom classes > content > */

/* custom classes > txt > */

.txt_dynamiccolor
{ 
 color: #c0c0c0;
}
.txt_dynamiccolor:hover
{ 
 color: #000000;
}
.txt_subject
{ 
 font-style: normal;
 font-weight: bold;
 
 text-decoration: none;
}
.txt_tiny
{
 color: #c0c0c0;
 
 font-size: 8pt;
 font-style: normal;
 font-weight: normal;
 
 text-decoration: none;
}
.txt_email
{
 /*color: #f9fefe;*/
 
 font-style: italic;
 font-weight: bold;
 
 text-decoration: none;
}
/* custom classes > ico > */

.ico_size16
{
 width: 16px;
 height: 16px;
}
.ico_pinned
{ 
 padding-top: 3px;
 
 width: 64px;
 height: 16px;
}

/* custom classes > img > */

.img_bordered
{
	padding: 			0px;
	background: 		#fff;
	border-top: 		1px solid #fff;
	border-left: 		1px solid #fff;
	border-right: 		1px solid #fff;
	border-bottom: 		1px solid #fff;
}
.img_bordered:hover
{
	background: 		#e1efff;
	border-top: 		1px solid #000;
	border-left: 		1px solid #000;
	border-right: 		1px solid #000;
	border-bottom: 		1px solid #000;
	/*
	border-top: 		1px solid #D8D8D8;
	border-left: 		1px solid #BBBBBB;
	border-right: 		1px solid #BBBBBB;
	border-bottom: 		1px solid #828282;
	*/
}
.img_gal
{
 margin-left: 2px;
 margin-right: 2px;
 margin-top: 4px;
 margin-bottom: 4px;
 
 vertical-align: middle;
 
 border: 1px solid #FFFFFF; /*#59593D;*/
 border-spacing: 0px;
 
 /*
 NOTE: 
 To remove the weird gap under images use either display:block or a vertical-alignment setting. 
 The gap is caused by the default value of vertical-align, which is "baseline".
 */
}
.img_gal:hover
{ 
 border: 1px solid #fff; /*#76a79e*/
 border-spacing: 0px;
}
.img_link
{
 width: 16px;
 height: 16px;
 
 margin-left: 0px;
 margin-right: 4px;
 margin-top: 0px;
 margin-bottom: 2px;
 
 vertical-align: middle;
 
 border-spacing: 0px;
}

/* custom classes > lnk > */

.lnk_noHoverEffect:hover 
{
}
.lnk_offsite
{
 width: 7px;
 height: 7px;
 
 vertical-align: baseline;
}

/* custom classes > td > */

.td_hl:hover
{
 background: #fff;
}

/* custom classes > table > */

.table_centered
{
 /*width: 100%;*/
 
 margin-left: auto;
 margin-right: auto;
}

/* custom classes > spacer > */

.spacer_horizontal_10px
{
 height: 10px;
}
.spacer_horizontal_smallest
{
 height: 2px;
}
.spacer_horizontal_small
{
 height: 16px;
}
.spacer_horizontal_medium
{
 height: 32px;
}
.spacer_horizontal_large
{
 height: 64px;
}
.spacer_vertical_small
{
 width: 16px;
}
.spacer_vertical_medium
{
 width: 32px;
}
.spacer_vertical_large
{
 width: 64px;
}