body {
	margin-left: 0px;	
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;
	background: url(bg_pic.jpg) no-repeat;
  background-size: 100%;
	}


.style1 {color: #EFAA21; font-size: 14px; font-family: arial;  font-weight:bold;}
.style2 {color: #EFAA21; font-size: 12px; font-family: arial;  font-weight:bold;}
.style3 {color: #EFAA21; font-size: 10px; font-family: arial;  font-weight:bold;}
.style4 {color: #3d3d3d; font-size: 10px; font-family: arial;}
.style5 {color: #3f6b93; font-size: 11px; font-family: arial;  font-weight: bold;}
.style6 {color: #737373; font-size: 11px; font-family: tahoma;}
.style7 {font-size: 11px; font-family: arial; color: #2f7ec4;}
.style8 {font-size: 12px; font-family: courier; color: #C65905;}


h1 {
	color: #FFFFFF;
	font: 24px/20px arial, sans-serif;
	font-weight: normal;
	margin-bottom: 22px;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
	behavior: pie.htc;
}



TD{
	font-family: Arial;
	font-size: 10pt;
}

#dc_holder {
  width:461px;
  height:412px;
  background:#fff url('../images/white_blank.jpg') 50% 50% no-repeat;
}
#the_dc_image {
  width:461px;
  height:412px;
}

#we_holder {
  width:136px;
  height:138px;
  background:#fff url('../images/white_blank.jpg') 50% 50% no-repeat;
}
#the_we_button {
  width:136px;
  height:138px;
}

#em_holder {
  width:136px;
  height:138px;
  background:#fff url('../images/white_blank.jpg') 50% 50% no-repeat;
}
#the_em_button {
  width:136px;
  height:138px;
}

#os_holder {
  width:136px;
  height:138px;
  background:#fff url('../images/white_blank.jpg') 50% 50% no-repeat;
}
#the_os_button {
  width:136px;
  height:138px;
}


		.tabbed_images {
			list-style:none;
			margin:0;
			padding:0;
			clear:both;
		}

		.tabbed_images li {
			list-style:none;
			float:left;
			margin:0;
			padding:0;
		}

		.tabbed_images li a {
			border:1px solid #ccc;
			display:block;
			float:left;
			margin:0 10px 0 0;
		}

		.tabbed_images li a.active,
		.tabbed_images li a:hover {
			border:1px solid #333;
		}

		.tabbed_images li a img {
			border:none;
			padding:2px;
			margin:0;
			margin-bottom:-5px;
		}

		#image_1,
		#image_2,
		#image_3,
		#image_4,
		#image_5 {
			margin-top:10px;
			padding:2px;
			border:1px solid #ccc;
		}

/* Subsection Tabs
--------------------*/
#main ul.subsection_tabs {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:20px;
	clear:both;
}

#main ul.subsection_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
}

#main ul.subsection_tabs li.tab a {
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	background-color:#fff;
	color:#666;
	width:80px;
}

#main ul.subsection_tabs li.tab a:hover {
	color:#666;
}

#main ul.subsection_tabs li.tab a.active {
	background-color:#ddd;
}

#main ul.subsection_tabs li.source_code {
	float:right;
}
