body {font-size: 100%;
margin: 0;
padding: 0;
background-color: #cccccc;
}

#Wrapper {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 20px;
	bottom: 10px;
	left: 0px;
	width: 100%;
	text-align: center;
	z-index: 1;
	visibility: visible;
}

#SubWrapper {
	position: relative;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 800px;
	z-index: 2;
	visibility: visible;
	left: 0px;
	top: 0px;
	clear: none;
}

.holdingtable {
	text-decoration: none;
	background-color: #FFFFFF;
	border: 2px solid #999999;
	margin-bottom: 10px;
}

#MainMenu {
	position: absolute;
	width: 295px;
	z-index: 3;
	visibility: visible;
	left: 35px;
	top: 37px;
}

.MainMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #cccccc;
}

.MainMenu_Selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #009FC2;
}

a:link { color: #333333; text-decoration: none }
a:active { color: #333333; text-decoration: none }
a:visited { color: #333333; text-decoration: none }
a:hover { color: #009FC2; text-decoration: none }

#h1 {
	position: absolute;
	width: 480px;
	z-index: 3;
	visibility: visible;
	left: 32px;
	top: 262px;
}

#h1_1 {
	position: absolute;
	width: 480px;
	z-index: 3;
	visibility: visible;
	left: 288px;
	top: 600px;
}

#h1_examples {
	position: absolute;
	width: 480px;
	z-index: 3;
	visibility: visible;
	left: 32px;
	top: 32px;
}

#h1_2 {
	position: absolute;
	width: 480px;
	z-index: 3;
	visibility: visible;
	left: 288px;
	top: 490px;
}

.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #999999;
	line-height: 18px;
}

.h1_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #999999;
}

#h2_1 {
	position: absolute;
	width: 208px;
	z-index: 3;
	visibility: visible;
	left: 42px;
	top: 505px;
}

#h2_2 {
	position: absolute;
	width: 208px;
	z-index: 3;
	visibility: visible;
	left: 297px;
	top: 505px;
}

#h2_3 {
	position: absolute;
	width: 208px;
	z-index: 3;
	visibility: visible;
	left: 552px;
	top: 505px;
}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 15px;
}

.h2_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 30px;
}

#more_1 {
	position: absolute;
	width: 45px;
	z-index: 3;
	visibility: visible;
	left: 195px;
	top: 593px;
}

#more_2 {
	position: absolute;
	width: 45px;
	z-index: 3;
	visibility: visible;
	left: 450px;
	top: 593px;
}

#more_3 {
	position: absolute;
	width: 45px;
	z-index: 3;
	visibility: visible;
	left: 706px;
	top: 593px;
}

.more {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

a.more:link { color: #ffffff; text-decoration: none }
a.more:active { color: #ffffff; text-decoration: none }
a.more:visited { color: #ffffff; text-decoration: none }
a.more:hover { color: #009FC2; text-decoration: none }

#examples {
	position: absolute;
	width: 95px;
	z-index: 3;
	visibility: visible;
	left: 556px;
	top: 294px;
}

.examples {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

a.examples:link { color: #ffffff; text-decoration: none }
a.examples:active { color: #ffffff; text-decoration: none }
a.examples:visited { color: #ffffff; text-decoration: none }
a.examples:hover { color: #009FC2; text-decoration: none }

#back_1 {
	position: absolute;
	width: 60px;
	z-index: 3;
	visibility: visible;
	left: 710px;
	top: 38px;
}

#back_2 {
	position: absolute;
	width: 60px;
	z-index: 3;
	visibility: visible;
	left: 710px;
	top: 587px;
}

#back_3 {
	position: absolute;
	width: 60px;
	z-index: 3;
	visibility: visible;
	left: 710px;
	top: 915px;
}

.back {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

a.back:link { color: #ffffff; text-decoration: none }
a.back:active { color: #ffffff; text-decoration: none }
a.back:visited { color: #ffffff; text-decoration: none }
a.back:hover { color: #009FC2; text-decoration: none }

#h3 {
	position: absolute;
	width: 224px;
	z-index: 3;
	visibility: visible;
	left: 32px;
	top: 475px;
}

#h3_1 {
	position: absolute;
	width: 224px;
	z-index: 3;
	visibility: visible;
	left: 32px;
	top: 365px;
}

#h3_2 {
	position: absolute;
	width: 224px;
	z-index: 3;
	visibility: visible;
	left: 32px;
	top: 382px;
}

.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 16px;
}

.h3_subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009FC2;
	line-height: 16px;
}

#h3_subheading_examples_1 {
	position: absolute;
	width: 480px;
	z-index: 3;
	visibility: visible;
	left: 32px;
	top: 120px;
}
#h3_subheading_examples_2 {
	position: absolute;
	width: 480px;
	z-index: 3;
	visibility: visible;
	left: 32px;
	top: 585px;
}
#h3_subheading_examples_3 {
	position: absolute;
	width: 480px;
	z-index: 3;
	visibility: visible;
	left: 32px;
	top: 912px;
}

.h3_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 16px;
	text-align: left;
	list-style-position: outside;
	list-style-type: disc;
	margin: 0em 0em 0em 1pc;
	padding: 0px 0px 0px 0em;
}

.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	line-height: 18px;
	background-color: #999999;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 32px;
}

.footmenu  {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #666666;
	text-decoration: none;
}

a.footmenu:link { color: #666666; text-decoration: none }
a.footmenu:active { color: #666666; text-decoration: none }
a.footmenu:visited { color: #666666; text-decoration: none }
a.footmenu:hover { color: #009FC2; text-decoration: none }

a img, :link img, :visited img {border: none}

img {display: block;}



/************************ MODALBOX *****************************/



#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}

#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0px;
	text-align: center;
	z-index: 10000;
}

#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	top: 0px;
	background-color: #FFF;
	width: 650px;
}

#MB_loading {
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}



/************************ POPUP *****************************/



.container {
	width: 650px;
	margin: 0px 25px;
}

.close {
	width: 600px;
	float: left;
	text-align: right;
	height: 40px;
	padding-top: 12px;
}

.X_Box {
	width: 15px;
	height: 20px;
	float: right;
	text-align: center;
	border: 2px solid #009FC2;
	background-color: #009FC2;
}

.X_Box p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line_height: 14px;
	padding-top: 2px;
	font-weight: normal;
	color: #009FC2;
}

p { margin: 0px }

a.X:link { color: #ffffff; text-decoration: none }
a.X:active { color: #ffffff; text-decoration: none }
a.X:visited { color: #ffffff; text-decoration: none }
a.X:hover { color: #ffffff; font-weight: bold; text-decoration: none }

.picture {
	margin-bottom: 10px;
	width: 600px;
	float: left;
}

.text {
	width: 600px;
	float: left;
	text-align: center;
	padding-bottom: 6px;
}

.text p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	line-height: 18px;
}

a.text:link { color: #000000; font-size: 10px; text-decoration: none }
a.text:active { color: #000000; font-size: 10px; text-decoration: none }
a.text:visited { color: #000000; font-size: 10px; text-decoration: none }
a.text:hover { color: #009FC2; font-size: 10px; text-decoration: none }

.clearboth { clear: both; }