body {

	/*background-color: #000000;*/



	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

.border {

	border:#cccccc solid 1px;

}

.border2 {

	border:#cccccc solid 1px;

}

.padding-right {

	padding-right:10px;

}

.padding {

	padding:5px;

}

.header-contents {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

	font-size:10px;

	font-weight:normal;

}
.product_contents {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

	font-size:11px;

	font-weight:normal;

}


.header-menu {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

	font-size:10px;

	font-weight:normal;

}

.header-menu:hover {

	text-decoration:underline;

	color:#000000;

}

.heading1 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

	font-size:18px;

	font-weight:bold;

}

.left-heading {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#ffffff;

	text-decoration:none;

	font-size:13px;

	font-weight:bold;

	background-image:url(images/heading-bg.jpg);

	background-repeat:repeat-x;

	background-position:top;

	padding-left:10px;

}

.black-heading-bg {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#ffffff;

	text-decoration:none;

	font-size:18px;

	font-weight:bold;/*background-image:url(images/latest-heading-bg.jpg);



	background-repeat:repeat-x;



	background-position:top;*/

}

#body-areea-scroll {

	padding-left:10px;

	overflow:auto;

	height:380px;

	width:640px;

	;

}

.body-text {

	font-family:Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

	font-size:12px;

	font-weight:none;

	line-height:18px;

}

.left-body-text {

	font-family:Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

	font-size:12px;

	font-weight:none;

	line-height:18px;

	padding:10px 5px 0 10px;

}

.left-body-menu {

	font-family:Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:underline;

	font-size:12px;

	font-weight:normal;

}

.left-body-menu:hover {

	text-decoration:none;

}

.body-menu {

	font-family:Arial, Helvetica, sans-serif;

	color:#666666;

	text-decoration:underline;

	font-size:12px;

	font-weight:bold;

}

.body-menu:hover {

	text-decoration:none;

	color:#000000;

}

.read-more-tab {

	font-family:Arial, Helvetica, sans-serif;

	color:#ffffff;

	text-decoration:none;

	font-size:11px;

	font-weight:bold;

	background-image:url(images/read-more-bg.jpg);

	background-repeat:repeat-x;

	background-position:top center;

	display:block;

	cursor:pointer;

	height:20px;

	width:90px;

	padding-top:3px;

}

.read-more-tab:hover {

	background-image:url(images/read-more-bg-hover.jpg);

	background-repeat:repeat-x;

	background-position:top;

	cursor:pointer;

	background-color:#000000;

}

.view-enlage-bg {

	background-image:url(images/enlarge-bg.jpg);

	background-repeat:repeat-x;

	background-position:top;

}

.whitle-read-menu {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#ffffff;

	text-decoration:underline;

	font-size:12px;

	font-weight:bold;

}

.whitle-read-menu:hover {

	text-decoration:none;

}

.footer-menu {

	font-family:Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

	font-size:11px;

	font-weight:bold;

}

.footer-menu:hover {

	text-decoration:underline;

	color:#000000;

}

.link1 {

	font-family:Arial, Helvetica, sans-serif;

	color:#09699b;

	text-decoration:underline;

	font-size:11px;

	font-weight:bold;

}

.link1:hover {

	text-decoration:none;

	color:#000000;

}

/*for-scroll-images*/







#commentform {

	border-top: 1px solid #404040;

}

#comment_wrapper {

	margin-bottom: 1em;

}

.comment {

	border-top: 1px solid #404040;

	margin-bottom: 1em;

}

.dateloc {

	color: #606060;

}

.commentname {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:13px;

}
.commentsname {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;

}


.commenturl {

	font-style: italic;

	color: #606060;

}

#comment_wrapper {

	border-top: 1px solid #404040;

}

#comment_header {

	height: 1em;

}

#header {

	position: absolute;

	z-index: 2;

	left: 0px;

	top: 0px;

	width: 1004px;

	height: 178px;

	background: url(header.gif);

}

#left_column {

	position: absolute;

	z-index: 2;

	left: 0px;

	top: 178px;

	width: 222px;

	height: 463px;

	background: url(left.gif);

}

#right_column {

	position: absolute;

	z-index: 2;

	top: 178px;

	left: 939px;

	width: 65px;

	height: 463px;

	background: url(right.gif);

	background-repeat: no-repeat;

}

#right_an {

	position: absolute;

	top: 14px;

	left: 35px;

}

#blink {

	position: absolute;

	top: 77px;

	left: 588px;

}

#home_link {

	position: absolute;

	top: 32px;

	left: 52px;

}

#projects_link {

	position: absolute;

	z-index: 1;

	top: 106px;

	left: 52px;

}

#projects_menu {

	position: absolute;

	left: 46px;

	top: 55px;

	width: 102px;

	height: 48px;

	font-size: 11px;

	overflow: hidden;

	border-bottom: 1px solid #165117;

	display: none;

	background: url("dropdownbg.gif");

}

#research {

	position: absolute;

	top: 1px;

}

#electronics {

	position: absolute;

	top: 15px;

}

#programming {

	position: absolute;

	top: 29px;

}

#legos {

	position: absolute;

	top: 43px;

}

#music_link {

	position: absolute;

	top: 180px;

	left: 52px;

}

#art_link {

	position: absolute;

	top: 253px;

	left: 52px;

}

#content {

	position: absolute;

	width: 600px;

	left: 304px;

}

#prlinks {

	position: absolute;

	width: 600px;

	left: 304px;

	text-align: center;

}

#prlinks p {

	margin-top: 0px;

	margin-bottom: 300px;

}

#background_div {

	position: absolute;

	z-index: 0;

	top: 100px;

	left: 183px;

	width: 772px;

	min-height: 541px;

	overflow: hidden;

}

#pagepic {

	display: block;

	text-align: center;

	font-size: 80%;

}

.image_scroller {

	position: absolute;

	border: 1px solid #e6e6e6;

	background: #f4f4f4;

	height: 112px;

	padding: 0px 0px 0px 0px;

}

#scroller_body {

	left: 35px;

	width: 780px;

	height: 112px;

}

#content_wrapper {

	position: relative;

	left: 5px;

	top: 4px;

	padding: 0px 0px 0px 0px;

}

#scroll_content_wrapper {

	position: relative;

	left: 5px;

	top: 4px;

	width: 772px;

	height: 112px;

	padding: 0px 0px 0px 0px;

	overflow: hidden;

}

#scroll_content {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 5000px;

	height: 112px;

	min-height: 112px;

	white-space: nowrap;

}

#sr_button {

	cursor: pointer;

	width: 30px;

	left: 820px;

}

#sl_button {

	cursor: pointer;

	width: 30px;

	left: 0px;

}

.thumbnail {

	cursor: pointer;

	float: left;

	margin-right: 5px;

}

.thumbnail_img_off {

	border: 1px solid #e6e6e6;

}

.thumbnail_img_on {

	border: 1px solid #666666;

}

#image_viewer_wrapper {

	display: none;

	position: absolute;

	z-index: 300;

	left: 250px;

	top: 175px;

	width: 690px;

	text-align: center;

}

#image_viewer {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	background: #f4f4f4;

	border: 1px solid #666666;

}

#closelink {

	font-size: 12px;

	position: absolute;

	top: 5px;

	right: 5px;

	padding: 2px 2px 2px 2px;

	border: 1px solid #E0E0E0;

	background: #101010;

}

#viewer_image_wrapper {

	position: absolute;

	top: 0px;

	left: 0px;

}

#loading_msg {

	position: absolute;

	display: block;

	left: 0px;

	right: 0px;

	top: 20px;

	text-align: center;

	color: #808080;

}

#overlay {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

}

#welcome {

	display: block;

	text-align: center;

	font-weight: bold;

	margin-bottom: 1em;

}

.project {

	display: block;

	margin-bottom: 1em;

	margin-left: 20px;

	text-indent: -20px;

}

.project:first-line {

	font-weight: bold;

}

.project a {

	display: block;

	margin-left: 20px;

}

.project a.normal {

	display: inline;

	margin-left: 0px;

}

.variable {

	font-style: italic;

}

.project_img {

	float: left;

	clear: left;

	margin-bottom: 10px;

	width: 128px;

	height: 128px;

	margin-right: 10px;

	border-style: none;

}

.project_text {

	display: block;

	text-align: left;

}

.project_text:first-line {

	font-weight: bold;

}

.project_wrapper {

	display: block;

	clear: both;

	margin-bottom: 10px;

	min-height: 128px;

	padding-top: 10px;

	border-top: 1px solid #404040;

}

#webring_banner {

	display: block;

	margin-top: 1em;

	margin-bottom: 1em;

	text-align: center;

}

#footer_a {

	position: absolute;

	z-index: 0;

	top: 680px;

	width: 580px;

	left: 295px;

}

#webring_banner_a {

	position: relative;

	left: 91px;

	width: 381px;

	display: block;

	margin-bottom: 1em;

	text-align: center;

	opacity: 0.6;

}

#gradpic {

	width: 600px;

	height: 410px;

}

#footlinks {

	border-top: 1px solid #404040;

	margin-top: 2em;

	padding-top: 1em;

	padding-bottom: 1em;

	text-align: center;

	color: #606060;

	font-size: 12px;

}

#footlinks p {

	color: rgb(51, 204, 0);

}

.hr {

	border-top: 1px solid #eeeeee;

	display: block;

	height: 0px;

}

#bargraph {

	overflow: hidden;

	position: absolute;

	bottom: 142px;

	left: 9px;

	height: 5px;

	width: 5px;

	background: url(bargraph.gif);

	background-position: bottom left;

}

#msg_wrapper {

	font-weight: bold;

	display: block;

	text-align: center;

	height: 20px;

	padding: 0px;

}

#msg_wrapper div {

	margin: 0px;

	padding: 0px;

	display: inline;

	line-height: 20px;

}

#msg_wrapper img {

	vertical-align: middle;

}

#msg_sent {

	display: none;

	font-weight: bold;

	text-align: center;

}

#scroll_wrapper {

	position: relative;

	width: 600px;

	height: 400px;

	overflow: hidden;

}

#scroll_control {

	position: relative;

	float: right;

	margin-right: 4px;

	width: 5px;

	min-width: 4px;

	border: 1px solid #e6e6e6;

	height: 398px;

	background: #f4f4f4;

	overflow: visible;

}

#slider {

	position: absolute;

	left: -3px;

	width: 11px;

	height: 21px;

	background: url(slider.gif);

}

#prog_scroll_content {

	position: absolute;

	width: 580px;

	left: 0px;

	top: 0px;

}

#valid {

	text-align: center;

}

.center {

	text-align: center;

}

#linkbox {

	border: 1px solid #666666;

	background-image: url('linksbg.gif');

	background-color: #040504;

	width: 160px;

	height: 190px;

	position: absolute;

	top: 417px;

	left: 13px;

	font-size: x-small;

}

#links {

	color: rgb(51, 180, 0);

	margin-left: 8px;

	margin-right: 8px;

	margin-top: 18px;

	margin-bottom: 8px;

}

#links hr {

	color: #101010;

	border-color: #101010;

	background-color: #101010;

	border: 0;

	height: 1px;

}

#linksbottom {

	width: 160px;

	height: 4px;

	position: absolute;

	top: 606px;

	left: 13px;

	font-size: x-small;

}

.picBorder {

	border:#CCCCCC 3px solid;

}

.footerText{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#FFFFFF;

}

.bottom-menu {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#ffffff;

	text-decoration:underline;

	font-size:12px;

	font-weight:bold;

}

.bottom-menu:hover {

	text-decoration:none;

	color:#ffffff;

}



/* ----- tool tip specific styles ----- */

#theToolTip {

	position: absolute;

	left: -300px;

	width: 200px;

	border: 2px solid #003399;

	padding: 3px;

	background-color:#D7EBFF;

	visibility: hidden;

	z-index: 100;



/*Remove below line to remove shadow. Below line should always appear last within this CSS*/



filter: progid:DXImageTransform.Microsoft.Shadow(color=gray, direction=135, strength=4);

}

#ToolTipPointer {

	position:absolute;

	left: -300px;

	z-index: 101;

	visibility: hidden;

}

#theToolTip p {

	font-family:Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

	font-size:10px;

	font-weight:none;

	padding:0;

	margin:0;

}

#ToolTipTextWrap {

	font-family:Arial, Helvetica, sans-serif;

	color:#000000;

	text-decoration:none;

	font-size:12px;

	font-weight:none;

	line-height:18px;

	font-weight:bold;

}
.button{ 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#42B4F0;
	width:80px;

}
#loading
{
width: 100%;
position: absolute;
background-image:url(images/bigLoader.gif); background-repeat:no-repeat;
}
li
{
list-style: none;
float: left;
padding:0px;
display:block;
border:solid 1px #dddddd;
color:#0063DC;
width:20px;
height:20px;
}
li:hover
{
color:#FF0084;
cursor: pointer;
}
.pagination_link{
background-color:#FFFFFF;
text-decoration:none;
width:20px;
height:20px;
display:block;
cursor: pointer;
border:solid 1px #dddddd;
color:#1377AB;
}
.pagination_link:hover{ 
background-color:#E3F1F9;
}


.pagination_links{ 
background-color:#E3F1F9;
color:#1377AB;
border:solid 1px #dddddd;
text-decoration:none;
width:20px;
height:20px;
display:block;
}
.mywidth{ width:250px;

}
.company_header{
font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14;
	color:#000000;
}
.company_contents{
font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10;
	color:#FFFFFF;
}
.company_content{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10;
	color:#000000;
}